@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-background: #fff;--color-light: #f1f1f1;--color-text: #435543;--color-accent-light: #cbeab3;--color-accent: #86c755;--color-accent-secondary: #f5bb63;background-color:var(--color-background);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:none;opacity:0;transition:opacity .3s ease}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;overflow:hidden;height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}h2{font-size:20px;font-weight:600;margin-bottom:.5rem}h3.subtitle{font-weight:regular;margin-bottom:.5rem;text-transform:uppercase;font-size:14px}p,button{font-size:16px}button.btn-primary,button.btn-accent,button.btn-secondary{border-radius:8px;border:1px solid transparent;padding:1em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-light);cursor:pointer;font-weight:600}button.btn-accent,button.btn-primary{background-color:var(--color-accent)}button.btn-secondary{background-color:var(--color-accent-secondary)}.tab-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);transform:scale(.8);opacity:0;pointer-events:none;transition:transform .5s ease,opacity .5s ease}.tab-container.active{transform:scale(1);opacity:1;pointer-events:all}.space-between{display:flex;justify-content:space-between}.screen-container{box-sizing:border-box;position:absolute;top:0;left:0;bottom:60px;width:100%;overflow-y:auto;background-color:var(--color-background);transform:translateY(20px);opacity:0;pointer-events:none;padding:2rem;text-align:left;transition:transform .5s ease,opacity .5s ease}#startScreen,#gameRoomScreen{text-align:center}.screen-container.active{transform:translateY(0);opacity:1;pointer-events:all}.switch-mode-container .switch-btn-container{display:inline-flex;background-color:var(--color-light);padding:.5rem;border-radius:5px;margin:1rem 0 2rem}.switch-mode-container .switch-btn-container .switch-btn{border:0;padding:.5rem 1.5rem;border-radius:4px;background-color:var(--color-light);color:var(--color-text)}.switch-mode-container .switch-btn-container .switch-btn.active{background-color:var(--color-text);color:#fff}.switch-mode-container .switch-content-container{display:none}.switch-mode-container .switch-content-container.active{display:block}nav{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-light);height:60px;display:flex;align-items:center}nav .nav-btn-container{display:flex;justify-content:space-between;width:64vw;margin:0 auto}nav button{border:0;background:transparent}nav button svg{width:28px;height:28px;fill:var(--color-text);transition:fill .2s ease}nav button.active svg{fill:var(--color-accent-secondary)}#threejs_canvas{width:500px;height:500px;border:1px solid #000;position:absolute;top:0;left:0;z-index:100}#pixelated_riddle{width:calc(100% - 64px);z-index:100}#app.alert-active:after{opacity:1}.alert-container{position:absolute;bottom:0;left:0;width:100%;height:40vh;background-color:var(--color-background);border-top-left-radius:30px;border-top-right-radius:30px;padding:40px;box-sizing:border-box;opacity:0;pointer-events:none;transform:translateY(70px);transition:transform .5s ease,opacity .5s ease}.alert-container.active{transform:translateY(0);opacity:1;pointer-events:all}#QRCodeAlert{height:80vh;display:flex;flex-direction:column;gap:30px}#qr_div{width:100%;height:100%;object-fit:cover;border-radius:10px}.start-button-container{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.debug{border:1px solid red}.hidden{display:none}.start-button-container button{width:100%}.logo{font-size:48px;font-weight:700}#startScreen{background:url(/assets/bg-start-screen-5CbGGjf6.png) no-repeat center center;background-size:cover;height:100vh;padding:40% 2rem}#gameRoomScreen,.joined-users{padding:45px 2rem}.scoreboard{margin-top:2rem;background:#ffffff1a;border-radius:8px}.scoreboard h2{margin-bottom:1rem;text-align:center}.scoreboard-list,.input-container{display:flex;flex-direction:column;gap:1rem}.input-container input,#generatedRoomId{display:block;width:100%;background:none;border:1px solid #f1f1f1;padding:.5rem 1rem;margin:0;border-radius:5px;box-sizing:border-box;color:var(--color-text);font-size:16px;text-align:center;font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif}.input-container label{display:block;margin-left:0;text-align:left;font-size:14px;margin-bottom:.5rem}.input-container input::placeholder{color:1px solid #afafaf}.input-container button{margin-top:1rem}#startGameButton{display:block;margin:0 auto;margin-top:2rem}.scoreboard-entry{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--color-light);border-radius:4px;transition:all .3s ease}.scoreboard-entry.finished{background:var(--color-accent-light);opacity:.8}.scoreboard-entry.finished .player-rank,.scoreboard-entry.finished .player-name,.scoreboard-entry.finished .player-score{color:var(--color-text)}.player-rank{font-weight:700;color:gold}.player-name{flex:1;margin:0 1rem}.player-score{font-weight:700;color:#4caf50}.quiz-btn{border:1px solid #d4d4d4;padding:1rem;background-color:unset;color:#494949;width:100%;border-radius:15px;text-align:left;display:flex;gap:1rem;align-items:center}.quiz-btn span{text-transform:uppercase;width:30px;height:30px;background-color:#fbe4c1;border-radius:100%;display:flex;justify-content:center;align-items:center}.quiz-btn.selected{border:none;background-color:#fbe4c1}.animal-number{color:var(--color-accent);text-transform:uppercase}.instruction-text{color:#494949}.instruction-text:first-of-type{margin-top:2em}.instruction-text+.instruction-text{margin-top:1rem}.instruction-text:last-of-type{margin-bottom:4rem}.question,.quiz-question{background-color:var(--color-light);padding:2rem;border-radius:20px;margin-top:2rem;margin-bottom:2rem}.btn-accent,#quizScreen .btn-primary{width:100%}.quiz-btn{border:1px solid #d4d4d4;padding:1rem;background-color:unset;color:#494949;width:100%;border-radius:15px;text-align:left;display:flex;gap:1rem;align-items:center;line-height:22px}.quiz-btn+.quiz-btn{margin-top:1rem}.quiz-btn:last-of-type{margin-bottom:2rem}.quiz-btn span{text-transform:uppercase;width:30px;height:30px;background-color:#fbe4c1;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.quiz-btn.selected{border:1px solid #fbe4c1;background-color:#fbe4c1}.quiz-btn.selected span{background-color:var(--color-background)}.correct-answer .quiz-btn.selected{border:1px solid #86c755;background-color:#86c755;color:#fff}.incorrect-answer .quiz-btn.selected{border:1px solid #eb4034;background-color:#eb4034;color:#fff}.correct-answer .quiz-btn.selected span,.incorrect-answer .quiz-btn.selected span{color:var(--color-text)}.instruction-text-warning{color:#bcbcbc;margin-top:4rem}.roomCodeContainer{border:2px solid var(--color-light);display:block;padding:20px;border-radius:12px;margin-top:30px;text-align:center}.roomCodeContainer span{font-size:32px;font-weight:700;color:var(--color-accent-secondary)}.roomCodeContainer p{margin-bottom:8px}#gameRoomScreen{padding-top:100px}.back-btn{border:0;background-color:transparent;width:15px;height:15px;position:absolute;top:35px;left:35px;transform:rotate(45deg);border-bottom:2px solid var(--color-text);border-left:2px solid var(--color-text)}.close-btn{position:absolute;top:20px;right:20px;background-color:transparent;border:0;width:30px;height:30px}.close-btn:after,.close-btn:before{content:"";position:absolute;top:0;right:0;width:100%;height:2px;background-color:var(--color-text);transform:rotate(45deg);margin-top:50%}.close-btn:before{transform:rotate(-45deg)}