body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-page{background-color:#3a5260;height:100vh;overflow:overlay}.wrapper-container{margin:auto}.image-wrapper{display:inline-flex;flex-direction:row;justify-content:flex-end}.happy-troll-logo-page{margin-left:75%;width:200px}.trivia-troll-logo-title{background-color:#dbd9cf;border-radius:20px;color:#3a5260;font-family:Irish grover;font-size:7em;margin-left:5%;margin-top:-35%;padding:.2em 1em;width:5em}.app-description{font-size:2.5em}.app-description,.enter-game-btn{color:#dbd9cf;font-family:Irish grover}.enter-game-btn{background-color:#4f453e;border:none;border-radius:15px;box-shadow:2px 2px 2px 2px #473a31;cursor:pointer;font-size:3.5em;height:2em;margin-left:27%;margin-top:5%;width:20vw}.enter-game-btn:hover{background-color:#473a31}.text-wrapper{display:inline-block;margin-left:17%;padding-top:25%}@media only screen and (max-width:1440px){.wrapper-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.trivia-troll-logo-title{margin-top:-1.2em}.happy-troll-logo-page{margin-top:-.8em}.text-wrapper{align-items:center;display:flex;flex-direction:column;margin:0}.enter-game-btn{margin:0}.app-description{text-align:center}}@media only screen and (max-width:768px){.enter-game-btn{width:95%}.trivia-troll-logo-title{font-size:1.875em;text-align:center;width:85%}.app-description{font-size:2.5em;text-align:center}.logo-page{background-color:#3a5260;height:100vh}}@media only screen and (max-width:430px){.enter-game-btn{width:95%}.trivia-troll-logo-title{font-size:1.875em;text-align:center;width:85%}.app-description{font-size:2.5em;text-align:center}.logo-page{background-color:#3a5260;height:100vh}}@media only screen and (max-width:414px){.enter-game-btn{width:80vw}.trivia-troll-logo-title{font-size:1.875em;text-align:center;width:85%}.app-description{font-size:2.5em}.logo-page{background-color:#3a5260;height:100vh}}@media only screen and (max-width:375px){.enter-game-btn{font-size:1.5em;height:1.5em;width:80vw}.trivia-troll-logo-title{font-size:1.875em;margin-top:.1%;text-align:center;width:85%;width:57%}.app-description{font-size:1.5em;margin-right:13%;text-align:center}}@media only screen and (max-width:320px){.enter-game-btn{height:2em;width:80vw}.trivia-troll-logo-title{font-size:2em;text-align:center;width:85%}.app-description{font-size:2.5em;text-align:center}.logo-page{background-color:#3a5260;height:100vh}}@media only screen and (max-width:280px){.enter-game-btn{width:80vw}.trivia-troll-logo-title{font-size:1.875em;text-align:center;width:85%}.app-description{font-size:2.5em;text-align:center}}.dropdown-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.difficulty-label{font-size:2.5em;text-shadow:1px 1px 2px #0000001a}.difficulty-label,select{color:#3a5260;font-family:Irish Grover,cursive}select{background-color:#fff;border:3px solid #4f453e;border-radius:10px;cursor:pointer;font-size:2em;padding:.5rem 1rem;transition:all .3s ease}select:hover{border-color:#473a31;box-shadow:0 4px 8px #0000001a}select:focus{border-color:#473a31;outline:3px solid #007acc;outline-offset:2px}@media only screen and (max-width:768px){.difficulty-label{font-size:2rem}select{font-size:1.5rem}}@media only screen and (max-width:480px){.difficulty-label{font-size:1.5rem}select{font-size:1.2rem}}.header{align-items:center;background-color:#3a5260;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;gap:.5rem;height:15vh;justify-content:flex-start;min-height:80px;padding:.5rem 1rem}.header-text{border-radius:20px;color:#f3e6d8;font-family:Irish grover;font-size:4.5em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}@media only screen and (max-width:1024px){.header{height:12vh;min-height:70px;padding:.5rem .75rem}.header-text{font-size:3.8em}}@media only screen and (max-width:768px){.header{gap:.25rem;height:10vh;min-height:60px;padding:.25rem .5rem}.header-text{font-size:3.2em}}@media only screen and (max-width:480px){.header{height:9vh;min-height:55px;padding:.25rem .5rem}.header-text{font-size:2.8em}}@media only screen and (max-width:430px){.header{height:8vh;min-height:50px}.header-text{font-size:2.6em}}@media only screen and (max-width:414px){.header-text{font-size:2.4em}}@media only screen and (max-width:375px){.header{height:7vh;min-height:45px;padding:.25rem}.header-text{font-size:2.2em}}@media only screen and (max-width:320px){.header{min-height:40px}.header-text{font-size:2em}}.happy-troll{flex-shrink:0;height:auto;margin-left:5px;max-width:60px;object-fit:contain;width:60px}@media only screen and (max-width:1024px){.happy-troll{max-width:55px;width:55px}}@media only screen and (max-width:768px){.happy-troll{margin-left:3px;max-width:50px;width:50px}}@media only screen and (max-width:480px){.happy-troll{margin-left:2px;max-width:45px;width:45px}}@media only screen and (max-width:375px){.happy-troll{margin-left:2px;max-width:40px;width:40px}}@media only screen and (max-width:320px){.happy-troll{margin-left:1px;max-width:35px;width:35px}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-spinner{font-size:4rem;margin-bottom:1rem}.loading-text{color:#3a5260;font-family:Irish Grover,cursive;font-size:1.5rem;text-align:center}@media only screen and (max-width:768px){.loading-spinner{font-size:3rem}.loading-text{font-size:1.2rem}}.main-page{background-color:#e7f5ed;display:flex;flex-direction:column;min-height:100vh}h3{color:#3a5260;font-size:4.5em;margin:2rem auto 1rem;padding:0 1rem;text-align:center;text-shadow:2px 2px 4px #0000001a}.choose-and-play-menu{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-bottom:250px;padding:1rem}.play-btn{background-color:#4f453e;border:none;border-radius:15px;box-shadow:2px 2px 2px 2px #473a31;color:#dbd9cf;cursor:pointer;font-family:Irish grover;font-size:2.5em;height:2em;transition:all .3s ease;width:20vw}.play-btn:hover{background-color:#473a31;box-shadow:4px 4px 8px #0003;transform:translateY(-2px)}.play-btn:focus{outline:3px solid #007acc;outline-offset:2px}.difficulty-info{margin-top:1rem;text-align:center}.difficulty-info p{color:#3a5260;font-size:1.5rem;margin-bottom:.5rem}.difficulty-description{color:#4f453e;font-size:1.2rem;font-weight:700}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin:1rem 0;padding:1rem}@media only screen and (max-width:1024px){h3{font-size:3.2em;margin:1.5rem auto 1rem}.choose-and-play-menu{display:flex;text-align:center}.play-btn{font-size:2.5em;height:4em;margin-top:1.8em;width:50vw}}@media only screen and (max-width:768px){h3{font-size:2.4em;margin:1rem auto .5rem}.choose-and-play-menu{display:flex;margin-bottom:100px;text-align:center}.play-btn{font-size:1.5em;height:3em;margin-top:1.8em;width:50vw}.difficulty-info p{font-size:1.2rem}.difficulty-description{font-size:1rem}}@media only screen and (max-width:425px){h3{font-size:2em;margin:.5rem auto}.choose-and-play-menu{display:flex;margin-bottom:50px;text-align:center}.play-btn{font-size:1.5em;height:3em;width:50vw}}@media only screen and (max-width:375px){h3{font-size:1.8em;margin:.5rem auto}.choose-and-play-menu{display:flex;margin-bottom:30px;text-align:center}.play-btn{font-size:1.5em;height:3em;width:50vw}}.category-badge{align-items:center;background:#ffffffe6;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.category-icon{font-size:1.2rem}.category-text{color:#3a5260;font-family:Irish Grover,cursive;font-size:.9rem;font-weight:700}@media only screen and (max-width:768px){.category-badge{padding:.4rem .8rem}.category-text{font-size:.8rem}}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f3e6d8f2);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.question-text{color:#3a5260;font-family:Irish Grover,cursive;font-size:1.8rem;line-height:1.4;margin:1.5rem 0 2rem;text-align:center}.answers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.answer-button{align-items:center;background:linear-gradient(135deg,#4f453e,#473a31);border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Irish Grover,cursive;gap:1rem;min-height:80px;padding:1rem 1.5rem;transition:all .3s ease}.answer-button:hover:not(:disabled){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.answer-button:focus{outline:3px solid #007acc;outline-offset:2px}.answer-button.correct{animation:correctPulse .6s ease-in-out;background:linear-gradient(135deg,#27ae60,#2ecc71)}.answer-button.incorrect{animation:incorrectShake .6s ease-in-out;background:linear-gradient(135deg,#e74c3c,#c0392b)}.answer-button.disabled{cursor:not-allowed;opacity:.5}.answer-button:disabled{cursor:not-allowed}.answer-letter{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:30px;justify-content:center;width:30px}.answer-text{flex:1 1;font-size:1.1rem;line-height:1.3;text-align:left}.result-message{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-family:Irish Grover,cursive;font-size:1.2rem;font-weight:700;gap:.5rem;padding:1rem;text-align:center}.result-message.correct{background:linear-gradient(135deg,#27ae601a,#2ecc711a);border:2px solid #27ae604d;color:#27ae60}.result-message.incorrect{background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border:2px solid #e74c3c4d;color:#e74c3c}.result-icon{font-size:2rem}.streak-bonus{color:#f39c12;font-size:1rem;font-weight:700}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media only screen and (max-width:768px){.question-card{margin:0 1rem;padding:1.5rem}.question-text{font-size:1.4rem}.answers-grid{gap:.75rem;grid-template-columns:1fr}.answer-button{min-height:60px;padding:.75rem 1rem}.answer-text{font-size:1rem}}@media only screen and (max-width:480px){.question-card{padding:1rem}.question-text{font-size:1.2rem}.answer-button{min-height:50px;padding:.5rem .75rem}.answer-letter{font-size:1rem;height:25px;width:25px}.answer-text{font-size:.9rem}.result-message{font-size:1rem}}.score-display{align-items:center;background:#ffffffe6;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;padding:1rem}.score-item{font-family:Irish Grover,cursive}.score-label{font-size:.9rem;margin-bottom:.25rem}.streak .score-value{color:#e74c3c;text-shadow:0 0 10px #e74c3c4d}@media only screen and (max-width:768px){.score-display{gap:1rem;padding:.75rem}.score-label{font-size:.8rem}.score-value{font-size:1.2rem}}@media only screen and (max-width:480px){.score-display{flex-direction:column;gap:.5rem}.score-item{flex-direction:row;gap:.5rem}}.timer-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.timer-display{margin-bottom:.5rem}.timer-text{color:#3a5260;font-family:Irish Grover,cursive;font-size:2rem;font-weight:700}.timer-warning{color:#e74c3c}.timer-bar{background-color:#ecf0f1;border-radius:4px;box-shadow:inset 0 2px 4px #0000001a;height:8px;overflow:hidden;width:200px}.timer-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:4px;height:100%;transition:background-color .3s ease}.timer-fill-warning{background:linear-gradient(90deg,#e74c3c,#c0392b)}@media only screen and (max-width:768px){.timer-text{font-size:1.5rem}.timer-bar{height:6px;width:150px}}.progress-container{margin-bottom:1.5rem;width:100%}.progress-info{color:#3a5260;display:flex;font-family:Irish Grover,cursive;font-size:1.1rem;justify-content:center;margin-bottom:.5rem}.progress-bar{background-color:#ffffff4d;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4f453e,#473a31);border-radius:6px;height:100%}@media only screen and (max-width:768px){.progress-info{font-size:1rem}.progress-bar{height:10px}}.game-page{background-color:#e7f5ed;min-height:100vh;padding-bottom:2rem}.game-content{margin:0 auto;max-width:1200px;padding:2rem 1rem 1rem}.no-questions{align-items:center;color:#3a5260;display:flex;font-family:Irish Grover,cursive;font-size:1.5rem;height:50vh;justify-content:center;text-align:center}@media only screen and (max-width:768px){.game-content{padding:1.5rem .5rem 1rem}}@media only screen and (max-width:425px){.game-content{padding:1rem .5rem .5rem}}@media only screen and (max-width:320px){.game-page{min-height:100vh}.game-content{padding-top:.5rem}}*{font-family:Irish grover}.end-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:1rem 2rem 2rem}.end-phrase{color:#3a5260;font-size:2.25em;margin:1rem 0;text-align:center}.performance-message{background:#ffffffe6;border-radius:15px;box-shadow:0 4px 6px #0000001a;color:#4f453e;font-size:1.5rem;margin:1rem 0;padding:1rem;text-align:center}.score-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0;max-width:600px;width:100%}.score-item{align-items:center;background:#ffffffe6;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1rem}.score-label{color:#3a5260;font-size:1rem;margin-bottom:.5rem}.score-value{color:#4f453e;font-size:1.5rem;font-weight:700}.new-record{color:#e74c3c;font-size:.8rem;margin-left:.5rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.play-again-btn,.return-to-main{background-color:#4f453e;border:none;border-radius:15px;box-shadow:2px 2px 2px 2px #473a31;color:#dbd9cf;cursor:pointer;font-family:Irish grover;font-size:1.5rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.play-again-btn{background-color:#27ae60;box-shadow:2px 2px 2px 2px #229954}.play-again-btn:hover{background-color:#229954;transform:translateY(-2px)}.return-to-main:hover{background-color:#473a31;transform:translateY(-2px)}.play-again-btn:focus,.return-to-main:focus{outline:3px solid #007acc;outline-offset:2px}.troll-bridge{height:40vh;max-width:100%;object-fit:contain}@media only screen and (max-width:768px){.end-container{padding:.5rem 1rem 1rem}.end-phrase{font-size:1.55em;text-align:center}.performance-message{font-size:1.2rem}.score-summary{gap:.75rem;grid-template-columns:1fr 1fr}.button-group{flex-direction:column;width:100%}.play-again-btn,.return-to-main{font-size:1.2rem;width:100%}}@media only screen and (max-width:430px){.end-container{min-height:70vh;padding-top:.25rem}.end-phrase{font-size:1.55em;text-align:center}.score-summary{grid-template-columns:1fr}.troll-bridge{height:25vh}}@media only screen and (max-width:375px){.end-phrase{font-size:1.05em;text-align:center}.play-again-btn,.return-to-main{font-size:1rem;padding:.75rem 1.5rem}.troll-bridge{height:20vh}}@media only screen and (max-width:320px){.end-container{min-height:75vh}.end-phrase{font-size:1.25em;text-align:center}.troll-bridge{height:15vh}}.angry-troll-img{align-self:center;height:70vh;width:35vw}@media only screen and (max-width:820px){.angry-troll-img{height:60vh;width:45vw}}@media only screen and (max-width:768px){.angry-troll-img{height:60vh;width:45vw}}@media only screen and (max-width:430px){.angry-troll-img{height:40vh;width:55vw}}@media only screen and (max-width:414px){.angry-troll-img{height:40vh;width:55vw}}@media only screen and (max-width:375px){.angry-troll-img{height:40vh;width:55vw}}@media only screen and (max-width:320px){.angry-troll-img{height:40vh;width:55vw}}.error-page-container{align-items:center;background-color:#3a5260;display:flex;flex-direction:column;height:100vh;justify-content:flex-end}.error-message{border-radius:20px;font-size:2.175em;height:9.6875em;text-align:center;width:50%}.error-message,.return-to-game-btn{color:#f3e6d8;font-family:Irish grover}.return-to-game-btn{background-color:#4f453e;border:none;border-radius:15px;box-shadow:2px 2px 2px 2px #473a31;cursor:pointer;font-size:1.8em;height:2em;margin:2vw;width:30vw}.return-to-game-btn:hover{background-color:#473a31}@media only screen and (max-width:1024px){.return-to-game-btn{font-size:1.8em;height:3em;width:40vw}}@media only screen and (max-width:768px){.error-page-container{flex-direction:column;height:100vh}.error-message{font-size:1.875em;text-align:center;width:85%}.return-to-game-btn{font-size:1.8em;height:3em;width:80vw}}@media only screen and (max-width:430px){.error-page-container{flex-direction:column;height:100vh}.error-message{font-size:1.875em;text-align:center;width:85%}.return-to-game-btn{font-size:1.8em;height:3em;width:80vw}}@media only screen and (max-width:414px){.error-page-container{flex-direction:column;height:100vh}.error-message{font-size:1.875em;text-align:center;width:85%}.return-to-game-btn{font-size:1.8em;height:3em;width:80vw}}@media only screen and (max-width:375px){.error-page-container{flex-direction:column;height:100vh}.error-message{font-size:1.875em;text-align:center;width:85%}.return-to-game-btn{font-size:1.8em;height:3em;width:80vw}}@media only screen and (max-width:320px){.error-page-container{flex-direction:column;height:100vh}.error-message{font-size:1.875em;text-align:center;width:85%}.return-to-game-btn{font-size:1.8em;height:3em;width:80vw}}
/*# sourceMappingURL=main.ec20336e.css.map*/