.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:15px;width:100%}.chatbox{height:250px;overflow-y:auto;margin-bottom:15px;padding:10px;background-color:#f8f8f8;border-radius:8px}.chat-message{background-color:#d1e7f7;padding:12px 16px;border-radius:8px;margin-bottom:12px;max-width:80%;word-wrap:break-word;color:#333;font-size:16px;box-shadow:0 1px 3px #0000001a;line-height:1.4}.chat-message:nth-child(2n){background-color:#ffd8e1;margin-left:auto;color:#333}.chat-form{display:flex;gap:10px}.chat-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-form input{flex:1;padding:12px 16px;border:1px solid #cccccc;border-radius:20px;font-size:16px;color:#333}.chat-form input:focus{outline:none;border-color:#ff4d8d;box-shadow:0 0 0 2px #ff4d8d33}.chat-form button{background-color:#ff4d8d;color:#fff;border:none;border-radius:20px;padding:12px 20px;font-weight:700;cursor:pointer;font-size:16px}.chat-form button:hover{background-color:#ff69a1}.chatbox:empty:before{content:"No messages yet";display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-style:italic;font-size:16px}.lobby-page-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.lobby-container{width:80%;max-width:1200px;margin:5vh auto;padding:3rem 4rem;min-height:80vh;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);background-size:400% 400%;animation:gradient-shift 15s ease infinite;text-align:center;border-radius:20px;box-shadow:0 15px 30px #0000001a,0 5px 15px #0000000d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center}.lobby-container h1{font-size:2.5rem;color:#333;margin-bottom:1.5rem;position:relative;display:inline-block}.lobby-container h1:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,141,.7),transparent)}.name-input-container{background-color:#fff3;padding:2rem;border-radius:15px;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem;width:100%;max-width:500px;animation:fadeIn .5s ease}.name-input-container label{display:block;font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem}.name-input-container input{width:100%;padding:1rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.5);border-radius:10px;background-color:#ffffffb3;color:#333;margin-bottom:1.5rem;transition:all .3s ease}.name-input-container input:focus{outline:none;border-color:#ff4d8d;box-shadow:0 0 0 3px #ff4d8d33}.lobby-controls{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.btn{padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #0003;color:#333;min-width:180px}.btn:hover{transform:translateY(-5px);box-shadow:0 11px #0003}.btn:active{transform:translateY(3px);box-shadow:0 3px #0003}.btn-primary{background-color:#ff4d8d;color:#fff}.btn-primary:hover{background-color:#ff69a1}.btn-secondary{background-color:#ffde59;color:#333}.btn-secondary:hover{background-color:#ffe88c}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shine 3s infinite}.btn-secondary:before{animation-delay:1.5s}.users-section{width:100%;margin-bottom:2rem;animation:fadeIn .5s ease}.users-section h2{font-size:1.8rem;color:#333;margin-bottom:1rem;position:relative;display:inline-block}.users-section h2:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,222,89,.7),transparent)}.users-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.user-item{background-color:#ffffffb3;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;color:#333;box-shadow:0 3px 6px #0000001a;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:center}.user-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a;border-color:#ff4d8d4d}.user-item:before{content:"👤";margin-right:8px}.user-item.host:before{content:"👑"}.chat-section{width:100%;max-width:800px;margin-top:2rem;background-color:#fff3;border-radius:15px;padding:1.5rem;box-shadow:0 4px 10px #0000000d;animation:fadeIn .5s ease}.lobby-container:before,.lobby-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.lobby-container:before{top:-50px;left:-50px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.lobby-container:after{bottom:-50px;right:-50px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}.invite-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff4d8de6;color:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 10px #0003;z-index:100;animation:slideDown .5s ease,fadeOut .5s ease 2.5s forwards}@keyframes slideDown{0%{transform:translate(-50%,-50px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 1200px){.lobby-container{width:85%;padding:2.5rem}}@media (max-width: 768px){.lobby-container{width:90%;padding:2rem;margin:2vh auto}.lobby-controls{flex-direction:column;align-items:center}.btn{width:100%}.name-input-container{padding:1.5rem}}.quiz-answer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;margin-bottom:10px;border:2px solid #ddd;border-radius:8px;background-color:#fff;font-size:16px;font-weight:500;text-align:left;transition:all .2s ease;cursor:pointer;outline:none;color:#333}.quiz-answer:hover:not(:disabled){border-color:#007bff;background-color:#f8f9fa}.quiz-answer.selected{background-color:#e6f2ff;border-color:#007bff}.quiz-answer.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.quiz-answer.incorrect{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.quiz-answer:disabled{cursor:default}.answer-text{flex:1}.answer-icon{margin-left:8px;font-weight:700;font-size:18px}.quiz-container{max-width:800px;margin:0 auto;padding:20px}.quiz-info{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:500}.question-container{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.question-text{margin-bottom:20px;font-size:20px}.answers-container{display:flex;flex-direction:column;align-items:center}.quiz-loading,.quiz-error{text-align:center;padding:40px}.quiz-error button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.quiz-error button:hover{background-color:#0069d9}.clock-container{position:relative;width:100%;height:40px;background-color:#f0f0f0;border-radius:20px;margin-bottom:20px;overflow:hidden}.clock-progress{position:absolute;top:0;left:0;height:100%;border-radius:20px;transition:width .5s linear,background-color .5s}.clock-display{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.clock-icon{margin-right:8px;font-size:16px}.time-left{font-size:18px;font-weight:700;transition:color .3s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.time-left[style*="color: #dc3545"]{animation:pulse .8s infinite}.quiz-container{width:80%;max-width:1200px;margin:5vh auto;padding:3rem 4rem;min-height:80vh;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);background-size:400% 400%;animation:gradient-shift 15s ease infinite;text-align:center;border-radius:20px;box-shadow:0 15px 30px #0000001a,0 5px 15px #0000000d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center}.quiz-container h1{font-size:2.5rem;color:#333;margin-bottom:1.5rem;position:relative;display:inline-block}.quiz-container h1:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,141,.7),transparent)}.quiz-info{display:flex;justify-content:space-between;width:100%;margin-bottom:2rem;padding:1rem;background-color:#fff3;border-radius:15px;box-shadow:0 4px 6px #0000000d}.quiz-info p{font-size:1.2rem;font-weight:600;color:#333;margin:0}.question-container{width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease}.question-text{font-size:1.8rem;font-weight:600;color:#333;margin:1.5rem 0;line-height:1.4;text-align:center;padding:0 1rem}.answers-container{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.quiz-loading{width:80%;max-width:1200px;margin:5vh auto;padding:3rem;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);border-radius:20px;box-shadow:0 15px 30px #0000001a;text-align:center;font-size:1.5rem;color:#333;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.quiz-loading:after{content:"";position:absolute;width:50px;height:50px;border:5px solid rgba(255,77,141,.3);border-radius:50%;border-top-color:#ff4d8d;animation:spin 1s ease-in-out infinite;margin-left:15px}.quiz-error{width:80%;max-width:1200px;margin:5vh auto;padding:3rem;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);border-radius:20px;box-shadow:0 15px 30px #0000001a;text-align:center;color:#333}.quiz-error h2{color:#ff4d8d;margin-bottom:1rem}.quiz-error button{margin-top:1.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:50px;background-color:#ff4d8d;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px #0003}.quiz-error button:hover{transform:translateY(-3px);box-shadow:0 7px #0003}.quiz-error button:active{transform:translateY(1px);box-shadow:0 3px #0003}.clock-container{width:100%;margin-bottom:1.5rem}.timer-bar{width:100%;height:10px;background-color:#ffffff80;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.timer-progress{height:100%;background:linear-gradient(90deg,#ffde59,#ff4d8d);border-radius:5px;transition:width .1s linear}.timer-text{text-align:right;font-size:.9rem;color:#333;margin-top:.5rem;font-weight:600}.answer-option{padding:1.2rem;background-color:#ffffffb3;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1.1rem;font-weight:500;color:#333;border:2px solid transparent;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.answer-option:hover:not(.selected):not(.buffer-time){transform:translate(10px);background-color:#ffffffe6;border-color:#ffde5980}.answer-option.selected{border-color:#ff4d8d;background-color:#ff4d8d1a;transform:translate(10px)}.answer-option.correct{border-color:#4caf50;background-color:#4caf5033}.answer-option.incorrect{border-color:#f44336;background-color:#f443361a}.answer-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:.5s;z-index:1}.answer-option:hover:before{left:100%}.quiz-container:before,.quiz-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.quiz-container:before{top:-50px;left:-50px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.quiz-container:after{bottom:-50px;right:-50px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}@media (max-width: 1200px){.quiz-container{width:85%;padding:2.5rem}}@media (max-width: 768px){.quiz-container{width:90%;padding:2rem;margin:2vh auto}.quiz-info{flex-direction:column;gap:.5rem;align-items:center}.question-text{font-size:1.5rem}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.answer-option.correct.buffer-time{animation:celebrate .5s ease infinite}.end-page-container{width:90%;max-width:1200px;margin:5vh auto;padding:3rem;background:linear-gradient(135deg,#f0e6d2,#ffe8f7);background-size:400% 400%;animation:gradient-shift 15s ease infinite;border-radius:20px;box-shadow:0 15px 30px #0000001a,0 5px 15px #0000000d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5);text-align:center}.celebration-header{margin-bottom:2.5rem;position:relative;z-index:1}.end-page-container h1{font-size:3rem;color:#333;margin-bottom:.5rem;position:relative;display:inline-block;animation:pop-in .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.end-page-container h1:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,141,.7),transparent)}.end-page-container p{font-size:1.5rem;color:#555;margin-bottom:2rem;animation:fade-in 1s ease .3s forwards;opacity:0}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.confetti{position:absolute;width:10px;height:10px;background-color:#ff4d8d;opacity:.8;animation:confetti-fall 5s ease-in-out infinite}.confetti:nth-child(2n){background-color:#ffde59;width:12px;height:12px}.confetti:nth-child(3n){background-color:#5271ff;width:8px;height:8px}.confetti:nth-child(4n){background-color:#38caff;width:15px;height:15px}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.final-scoreboard-section{margin:2rem auto 3rem;max-width:800px;position:relative;z-index:1;animation:slide-up .8s ease .6s forwards;opacity:0;transform:translateY(30px)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.final-scoreboard-section h2{font-size:2rem;color:#333;margin-bottom:1.5rem;position:relative;display:inline-block}.final-scoreboard-section h2:before,.final-scoreboard-section h2:after{content:"🏆";position:absolute;top:0;font-size:1.8rem}.final-scoreboard-section h2:before{left:-40px}.final-scoreboard-section h2:after{right:-40px}.winner-highlight{background-color:#ffde594d;border-radius:15px;padding:1.5rem;margin-top:2rem;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffde5980}70%{box-shadow:0 0 0 15px #ffde5900}to{box-shadow:0 0 #ffde5900}}.winner-highlight h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.winner-highlight p{font-size:1.2rem;margin-bottom:0;animation:none;opacity:1}.winner-crown{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s infinite}.home-button{display:inline-block;padding:1rem 2rem;font-size:1.2rem;font-weight:700;background-color:#ff4d8d;color:#fff;text-decoration:none;border-radius:50px;box-shadow:0 6px #0003;transition:all .3s ease;position:relative;overflow:hidden;margin-top:1rem;animation:fade-in 1s ease 1s forwards;opacity:0}.home-button:hover{transform:translateY(-5px);box-shadow:0 11px #0003;background-color:#ff69a1}.home-button:active{transform:translateY(3px);box-shadow:0 3px #0003}.home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shine 3s infinite}.end-page-container:before,.end-page-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.end-page-container:before{top:-50px;left:-50px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.end-page-container:after{bottom:-50px;right:-50px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}@media (max-width: 768px){.end-page-container{width:95%;padding:2rem}.end-page-container h1{font-size:2.2rem}.end-page-container p{font-size:1.2rem}.final-scoreboard-section h2{font-size:1.5rem}.final-scoreboard-section h2:before,.final-scoreboard-section h2:after{font-size:1.3rem}.final-scoreboard-section h2:before{left:-30px}.final-scoreboard-section h2:after{right:-30px}}.page-wrapper{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important}.home-container{width:80%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;left:0!important;transform:none!important;position:relative!important;box-sizing:border-box!important}@media (min-width: 768px){.home-container{width:90%!important}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;margin:5vh auto;padding:3rem 4rem;min-height:80vh;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);background-size:400% 400%;animation:gradient-shift 15s ease infinite;text-align:center;border-radius:20px;box-shadow:0 15px 30px #0000001a,0 5px 15px #0000000d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5)}body{background-color:#f8f9fa;margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.home-container h1{margin-bottom:2rem;transform:scale(1.2)}.home-container p{font-size:1.5rem;font-weight:600;margin-bottom:2.5rem;color:#333;text-shadow:1px 1px 0px rgba(255,255,255,.5);animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.button-group{display:flex;flex-direction:row;gap:2rem;width:100%;justify-content:center;margin-bottom:3rem}.btn{padding:1.2rem 2rem;font-size:1.25rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 8px #0003;color:#333;min-width:200px}.btn:hover{transform:translateY(-5px);box-shadow:0 13px #0003}.btn:active{transform:translateY(3px);box-shadow:0 5px #0003}.singleplayer{background-color:#ff4d8d;color:#fff}.singleplayer:hover{background-color:#ff69a1}.singleplayer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shine 3s infinite}.multiplayer{background-color:#ffde59;color:#333}.multiplayer:hover{background-color:#ffe88c}.multiplayer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shine 3s infinite;animation-delay:1.5s}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.signout{background-color:#f0f0f0;color:#666;font-size:1rem;padding:.8rem 1.5rem;box-shadow:0 4px #0000001a;max-width:200px}.signout:hover{background-color:#e0e0e0;box-shadow:0 6px #0000001a}.btn:before{margin-right:10px}@media (max-width: 1200px){.home-container{width:85%;padding:2.5rem}}@media (max-width: 768px){.home-container{width:90%;padding:2rem;margin:2vh auto}.button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}.home-container:before,.home-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.home-container:before{top:-50px;left:-50px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.home-container:after{bottom:-50px;right:-50px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}._logoContainer_o0l13_1{position:relative;overflow:visible}._logoBackground_o0l13_6,._iconBackground_o0l13_7,._compactBackground_o0l13_8{filter:drop-shadow(0px 4px 6px rgba(0,0,0,.1));transition:all .3s ease;background:linear-gradient(135deg,#38bdf8,#818cf8)}._logoText_o0l13_18,._compactText_o0l13_19{font-family:Impact,Haettenschweiler,Franklin Gothic Bold,Arial Black,sans-serif;font-size:50px;font-weight:700;fill:gold;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);transform:skew(-5deg);transform-origin:center}._questionCircle_o0l13_32{fill:#38bdf833}._compactText_o0l13_19{font-size:32px}._textOutline_o0l13_40{font-family:Impact,Haettenschweiler,Franklin Gothic Bold,Arial Black,sans-serif;font-size:28px;font-weight:700;fill:none;stroke:#ffd7004d;stroke-width:.5px;letter-spacing:1px;transform:skew(-5deg);transform-origin:center}._questionMark_o0l13_53{transition:transform .5s ease}._questionCircle_o0l13_32{fill:#ffd70033}._dot_o0l13_61{fill:gold;opacity:.7;transition:all .3s ease}._decorativeElements_o0l13_67,._sparkles_o0l13_68{transition:transform .5s ease}._animate_o0l13_73 ._questionMark_o0l13_53{animation:_pulse_o0l13_1 2s infinite}._animate_o0l13_73 ._dot_o0l13_61:nth-child(1){animation:_fadeInOut_o0l13_1 3s infinite .5s}._animate_o0l13_73 ._dot_o0l13_61:nth-child(2){animation:_fadeInOut_o0l13_1 3s infinite 1s}._animate_o0l13_73 ._dot_o0l13_61:nth-child(3){animation:_fadeInOut_o0l13_1 3s infinite 1.5s}._animate_o0l13_73 ._sparkles_o0l13_68{animation:_sparkle_o0l13_68 3s infinite}._animate_o0l13_73 ._logoText_o0l13_18,._animate_o0l13_73 ._compactText_o0l13_19{animation:_bounce_o0l13_1 5s infinite}@keyframes _pulse_o0l13_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes _fadeInOut_o0l13_1{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes _sparkle_o0l13_68{0%{opacity:.3;transform:rotate(0)}50%{opacity:1;transform:rotate(5deg)}to{opacity:.3;transform:rotate(0)}}._logoText_o0l13_18,._compactText_o0l13_19{animation:_shimmer_o0l13_1 3s infinite}@keyframes _shimmer_o0l13_1{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes _bounce_o0l13_1{0%,20%,50%,80%,to{transform:translateY(0) skew(-5deg)}40%{transform:translateY(-3px) skew(-5deg)}60%{transform:translateY(-1.5px) skew(-5deg)}}._logoText_o0l13_18,._compactText_o0l13_19{position:relative;z-index:2}._logoText_o0l13_18:after,._compactText_o0l13_19:after{content:attr(text);position:absolute;left:0;top:0;z-index:1}.login-page{width:90%;max-width:500px;margin:10vh auto;padding:3rem;background:linear-gradient(135deg,#fff6e5,#ffe8f7);background-size:400% 400%;animation:gradient-shift 15s ease infinite;border-radius:20px;box-shadow:0 15px 30px #00000026;text-align:center;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.login-page h2{font-size:2.5rem;color:#333;margin-bottom:1rem;position:relative;display:inline-block}.login-page h2:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,141,.7),transparent)}.login-page p{font-size:1.2rem;color:#555;margin-bottom:2.5rem}.login-page .error{background-color:#ff634733;color:#d32f2f;padding:.8rem;border-radius:10px;margin-bottom:1.5rem;font-weight:500;border-left:4px solid #d32f2f;text-align:left}.login-buttons{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.login-buttons button{padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #0000001a}.login-buttons button:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 11px #0000001a}.login-buttons button:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #0000001a}.google-btn{background-color:#fff;color:#444}.google-btn:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3.064 7.51A9.996 9.996 0 0 1 12 2c2.695 0 4.959.99 6.69 2.605l-2.867 2.868C14.786 6.482 13.468 5.977 12 5.977c-2.605 0-4.81 1.76-5.595 4.123-.2.6-.314 1.24-.314 1.9 0 .66.114 1.3.314 1.9.786 2.364 2.99 4.123 5.595 4.123 1.345 0 2.49-.355 3.386-.955a4.6 4.6 0 0 0 1.996-3.018H12v-3.868h9.418c.118.654.182 1.336.182 2.045 0 3.046-1.09 5.61-2.982 7.35C16.964 21.105 14.7 22 12 22A9.996 9.996 0 0 1 2 12c0-1.614.386-3.14 1.064-4.49z' fill='%234285F4'/%3E%3Cpath d='M15.823 13.455C15.327 15.195 13.83 16.5 12 16.5c-2.045 0-3.818-1.545-4.187-3.59-.068-.386-.113-.773-.113-1.182 0-.409.045-.795.113-1.182C8.182 8.5 9.955 6.955 12 6.955c1.327 0 2.523.6 3.382 1.545l2.25-2.25C16.11 4.636 14.21 3.75 12 3.75c-3.955 0-7.227 3-7.773 6.886C4.09 11.25 4 11.864 4 12.5s.09 1.25.227 1.864C4.773 18.25 8.045 21.25 12 21.25c3.75 0 6.955-2.795 7.614-6.614.136-.773.205-1.59.205-2.386h-3.996z' fill='%23EA4335'/%3E%3Cpath d='M12 16.5c-1.83 0-3.327-1.305-3.823-3.045C8.09 13.068 8.045 12.682 8.045 12.273c0-.41.045-.796.132-1.182.496-1.74 1.993-3.045 3.823-3.045 1.327 0 2.523.6 3.382 1.545l2.25-2.25C16.11 5.727 14.21 4.84 12 4.84c-3.955 0-7.227 3-7.773 6.887C4.09 12.34 4 12.954 4 13.59s.09 1.25.227 1.864C4.773 19.34 8.045 22.34 12 22.34c3.75 0 6.955-2.795 7.614-6.614.136-.773.205-1.59.205-2.386h-3.996c-.068.386-.113.773-.113 1.182 0 .409.045.795.113 1.182.37 2.045 2.142 3.59 4.187 3.59 1.83 0 3.327-1.305 3.823-3.045' fill='%23FBBC05'/%3E%3Cpath d='M12 6.955c1.327 0 2.523.6 3.382 1.545l2.25-2.25C16.11 4.636 14.21 3.75 12 3.75c-3.955 0-7.227 3-7.773 6.886C4.09 11.25 4 11.864 4 12.5s.09 1.25.227 1.864c.545 3.886 3.818 6.886 7.773 6.886 2.21 0 4.11-.886 5.632-2.5l-2.25-2.25c-.86.945-2.055 1.545-3.382 1.545-2.045 0-3.818-1.545-4.187-3.59-.068-.386-.113-.773-.113-1.182 0-.409.045-.795.113-1.182C8.182 8.5 9.955 6.955 12 6.955z' fill='%230F9D58'/%3E%3C/svg%3E");width:24px;height:24px;display:inline-block;margin-right:10px}.google-btn:hover:not(:disabled){background-color:#f5f5f5}.github-btn{background-color:#24292e;color:#fff}.github-btn:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z' fill='white'/%3E%3C/svg%3E");width:24px;height:24px;display:inline-block;margin-right:10px}.github-btn:hover:not(:disabled){background-color:#3a3f45}.login-buttons button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.login-buttons button:disabled:after{content:"";position:absolute;right:20px;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.login-page:before,.login-page:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.login-page:before{top:-100px;left:-100px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.login-page:after{bottom:-100px;right:-100px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}.login-page:before{content:"❓";font-size:2rem;color:#ff4d8db3;background:none;width:auto;height:auto;position:absolute;top:20px;left:20px;animation:bounce 3s ease-in-out infinite}.login-page:after{content:"❓";font-size:2rem;color:#ffde59b3;background:none;width:auto;height:auto;position:absolute;bottom:20px;right:20px;animation:bounce 3s ease-in-out infinite 1.5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 768px){.login-page{width:90%;padding:2rem;margin:5vh auto}.login-page h2{font-size:2rem}.login-page p{font-size:1rem;margin-bottom:2rem}.login-buttons button{padding:.8rem 1.2rem;font-size:1rem}}.quiz-logo{margin-bottom:1.5rem;max-width:150px;margin:0 auto 1.5rem}.quiz-logo img{width:100%;height:auto}.quiz-multi-container{width:90%;max-width:1400px;margin:3vh auto;padding:2rem;background:linear-gradient(135deg,#e0d6c5,#d8c9d3);background-size:400% 400%;animation:gradient-shift 15s ease infinite;border-radius:20px;box-shadow:0 15px 30px #0000001a,0 5px 15px #0000000d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.quiz-content-wrapper{display:flex;flex-direction:row;gap:1.5rem;width:100%}.quiz-main-content{flex:1;display:flex;flex-direction:column}.scoreboard-wrapper{width:350px;background-color:#fff6;border-radius:15px;padding:1.2rem;box-shadow:0 5px 15px #0000000d;align-self:flex-start;position:sticky;top:1rem}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.quiz-multi-container h1{font-size:2.2rem;color:#333;margin-bottom:.5rem;text-align:center}.quiz-multi-container>p{font-size:1.3rem;font-weight:600;color:#333;background-color:#ffffff4d;padding:.5rem 1.5rem;border-radius:50px;margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d;display:inline-block;align-self:center}.question-container{width:100%;background-color:#fff6;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000000d;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-container p{font-size:1.5rem;font-weight:600;color:#333;margin:1rem 0 1.5rem;line-height:1.4}.question-container ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin:0}.question-container li{margin:0;padding:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;color:#333;font-size:1.2rem}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,77,141,.3);border-radius:50%;border-top-color:#ff4d8d;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container{background-color:#ffffff80;border-radius:15px;padding:2rem;text-align:center;color:#d32f2f;margin:2rem 0}.error-container button{margin-top:1rem;padding:.8rem 1.5rem;background-color:#ff4d8d;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-container button:hover{background-color:#ff69a1;transform:translateY(-3px)}.quiz-multi-container:before,.quiz-multi-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;z-index:-1;opacity:.5}.quiz-multi-container:before{top:-50px;left:-50px;background-color:#ff4d8d33;animation:float 8s ease-in-out infinite}.quiz-multi-container:after{bottom:-50px;right:-50px;background-color:#ffde5933;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(10deg)}to{transform:translate(0) rotate(0)}}@media (max-width: 1024px){.quiz-content-wrapper{flex-direction:column}.scoreboard-wrapper{width:100%;margin-top:1rem}}@media (max-width: 768px){.quiz-multi-container{width:95%;padding:1.5rem}.quiz-multi-container h1{font-size:1.8rem}.question-container p{font-size:1.3rem}}.scoreboard-container{background-color:#ffffffd9;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px #00000014;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.8)}.scoreboard-container:before,.scoreboard-container:after{content:"";position:absolute;width:60px;height:60px;z-index:0;opacity:.2}.scoreboard-container:before{top:-20px;left:-20px;background-color:#ff4d8d;border-radius:50%}.scoreboard-container:after{bottom:-20px;right:-20px;background-color:#ffde59;border-radius:50%}.scoreboard-container h3{font-size:1.5rem;color:#333;margin-bottom:1rem;text-align:center;position:relative;font-weight:700;z-index:1}.scoreboard-header{display:grid;grid-template-columns:60px 1fr 80px;padding:.8rem 1rem;background-color:#ff4d8d40;border-radius:10px 10px 0 0;font-weight:700;color:#222;margin-bottom:.5rem;position:relative;z-index:1}.scoreboard-header .rank{text-align:center}.scoreboard-header .player{text-align:left;padding-left:.5rem}.scoreboard-header .score{text-align:center}.scoreboard-body{max-height:300px;overflow-y:auto;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(255,77,141,.5) rgba(255,255,255,.3)}.scoreboard-body::-webkit-scrollbar{width:6px}.scoreboard-body::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.scoreboard-body::-webkit-scrollbar-thumb{background-color:#ff4d8d80;border-radius:10px}.scoreboard-body>div{display:grid;grid-template-columns:60px 1fr 80px;padding:.8rem 1rem;background-color:#ffffffb3;margin-bottom:.5rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;color:#222}.scoreboard-body>div:hover{transform:translate(5px);background-color:#ffffffe6}.scoreboard-body>div.current-player{background-color:#ff4d8d40;border-left:4px solid #ff4d8d;font-weight:600}.scoreboard-body>div.current-player .player:after{content:"👈";margin-left:8px;font-size:.9rem;color:#d63973}.rank{font-weight:700;display:flex;align-items:center;justify-content:center}.scoreboard-body>div:nth-child(1) .rank:before{content:"👑";position:absolute;top:-10px;left:10px;font-size:1.2rem;animation:float 2s ease-in-out infinite}.scoreboard-body>div:nth-child(2) .rank:before{content:"🥈";position:absolute;top:-5px;left:10px;font-size:1rem}.scoreboard-body>div:nth-child(3) .rank:before{content:"🥉";position:absolute;top:-5px;left:10px;font-size:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem;text-align:left;display:flex;align-items:center}.score{font-weight:700;color:#222;display:flex;align-items:center;justify-content:center;background-color:#ffde5966;border-radius:20px;padding:.2rem .5rem;margin:0 auto;width:90%;text-align:center}.no-scores{padding:2rem;text-align:center;color:#444;font-style:italic;background-color:#ffffff80;border-radius:8px}@media (max-width: 768px){.scoreboard-container h3{font-size:1.3rem}.scoreboard-header,.scoreboard-body>div{padding:.6rem .8rem;font-size:.9rem}}@keyframes scoreUpdate{0%{background-color:#ffde5980}to{background-color:#ffffffb3}}.score-updated{animation:scoreUpdate 1.5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.5;font-weight:400}body{background-color:#0f172a;background-image:radial-gradient(circle at 25% 25%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(129,140,248,.1) 0%,transparent 50%);background-size:200% 200%;color:#e2e8f0;animation:backgroundShift 15s ease infinite alternate;overflow-x:hidden}@keyframes backgroundShift{0%{background-position:0% 0%}to{background-position:100% 100%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 10%,#38bdf8 100%,transparent),radial-gradient(1px 1px at 20% 20%,#818cf8 100%,transparent),radial-gradient(1px 1px at 30% 30%,#38bdf8 100%,transparent),radial-gradient(1px 1px at 40% 40%,#818cf8 100%,transparent),radial-gradient(2px 2px at 50% 50%,#38bdf8 100%,transparent),radial-gradient(1px 1px at 60% 60%,#818cf8 100%,transparent),radial-gradient(1px 1px at 70% 70%,#38bdf8 100%,transparent),radial-gradient(1px 1px at 80% 80%,#818cf8 100%,transparent),radial-gradient(1px 1px at 90% 90%,#38bdf8 100%,transparent);background-size:200% 200%;opacity:.3;z-index:-1;animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{background-size:200% 200%;opacity:.3}to{background-size:250% 250%;opacity:.5}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(56,189,248,.15) 0%,transparent 20%),radial-gradient(circle at 80% 20%,rgba(129,140,248,.15) 0%,transparent 20%),radial-gradient(circle at 40% 80%,rgba(56,189,248,.15) 0%,transparent 20%),radial-gradient(circle at 70% 60%,rgba(129,140,248,.15) 0%,transparent 20%);background-size:200% 200%;z-index:-1;animation:floatingOrbs 20s ease infinite}@keyframes floatingOrbs{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2}p{margin-bottom:1em}button{background-color:#334155;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .3s}button:hover{background-color:#475569;transform:translateY(-2px)}button:active{transform:translateY(1px)}input{padding:10px;border:1px solid #475569;border-radius:4px;background-color:#0f172ab3;color:#e2e8f0}input:focus{outline:none;border-color:#38bdf8}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-200)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus{outline:3px solid var(--primary-light);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-to-content:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:var(--spacing-md);background:var(--primary);color:#fff;z-index:9999}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}