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}.btn-icon{flex-shrink:0;height:1.3em;margin-right:.35em;vertical-align:-.25em;width:1.3em}.btn-icon--standalone{margin-right:0;vertical-align:-.3em}.mode-button .btn-icon{height:1.7em;width:1.7em}:root{--primary-100:#fff2ec;--primary-400:#ff640c;--primary-500:#ff5c2c;--primary-600:#e65014;--primary-700:#d94912;--yellow-400:#ffed20;--yellow-500:#ffe500;--yellow-600:#f0ce00;--yellow-700:#d9b816;--blue-400:#5ba7ff;--blue-500:#2e8bff;--blue-dark-500:#1e4fd1;--blue-dark2-500:#0b2b75;--purple-50:#f3effa;--purple-200:#d1c2e7;--purple-500:#a273cc;--purple-600:#8b5fcf;--purple-700:#8224ab;--purple-800:#62388a;--pink-400:#e794cc;--pink-500:#e36bc8;--pink-600:#d576ac;--green-50:#f0fdf4;--green-400:#7fce65;--green-500:#56a458;--green-600:#16a34a;--teal-400:#7fcfc0;--teal-500:#75beb4;--success-500:#37f652;--success-600:#35ce45;--error-400:#ff5858;--error-500:#e13e3e;--yellow-50:#fefce8;--yellow-500:#eab308;--orange-50:#fff7ed;--orange-400:#fb923c;--orange-600:#ea580c;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-high-contrast:#000;--text-main:#393938;--text-secondary:#5b6073;--text-hierarchy:#666;--text-hierarchy-2:#777675;--text-disabled:#797877;--text-miscellaneous:#9ea3b1;--text-white:#fff;--font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625}body,html{margin:0;min-height:100%;padding:0}body{background:linear-gradient(135deg,#ff5c2c,#ff640c 25%,#eab308 50%,#7fcfc0 75%,#75beb4);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-400) 25%,var(--yellow-500) 50%,var(--teal-400) 75%,var(--teal-500) 100%);background-attachment:fixed}.App{align-items:center;background:#0000;color:#393938;color:var(--text-main);display:flex;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);justify-content:center;line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;padding:20px 0;position:relative;text-align:center}.App:before{animation:slowHover 60s ease-in-out infinite;content:"👾";font-size:12rem;height:auto;left:10%;opacity:.15;top:10%;width:auto}.App:after,.App:before{pointer-events:none;position:absolute;will-change:transform;z-index:0}.App:after{animation:floatPumpkin 45s ease-in-out infinite;content:"🎃";font-size:8rem;opacity:.12;right:15%;top:20%}.App:before:first-of-type{animation-delay:-10s}.App:after:first-of-type{animation-delay:-15s}.floating-ghost{animation:floatGhost 35s ease-in-out infinite;content:"👻";font-size:7rem;opacity:.1;right:25%;top:5%}.floating-ghost,.floating-skull{pointer-events:none;position:absolute;will-change:transform;z-index:0}.floating-skull{animation:floatSkull 50s ease-in-out infinite reverse;bottom:15%;content:"💀";font-size:6rem;left:8%;opacity:.13}.floating-robot{animation:floatRobot 40s ease-in-out infinite;animation-delay:-20s;content:"🤖";font-size:9rem;opacity:.11;right:5%;top:45%}.floating-demon,.floating-robot{pointer-events:none;position:absolute;will-change:transform;z-index:0}.floating-demon{animation:floatDemon 42s ease-in-out infinite;animation-delay:-25s;bottom:25%;content:"👹";font-size:7.6rem;opacity:.12;right:30%}@keyframes slowHover{0%{transform:translateZ(0) rotate(0deg)}25%{transform:translate3d(60vw,10vh,0) rotate(5deg)}50%{transform:translate3d(70vw,70vh,0) rotate(-3deg)}75%{transform:translate3d(10vw,60vh,0) rotate(8deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes floatPumpkin{0%,to{transform:translateZ(0) rotate(0deg)}25%{transform:translate3d(-30vw,15vh,0) rotate(-8deg)}50%{transform:translate3d(-50vw,-20vh,0) rotate(5deg)}75%{transform:translate3d(-20vw,-35vh,0) rotate(-12deg)}}@keyframes floatGhost{0%,to{transform:translateZ(0) rotate(0deg)}30%{transform:translate3d(-40vw,25vh,0) rotate(6deg)}60%{transform:translate3d(-25vw,50vh,0) rotate(-4deg)}90%{transform:translate3d(-10vw,30vh,0) rotate(10deg)}}@keyframes floatSkull{0%,to{transform:translateZ(0) rotate(0deg)}20%{transform:translate3d(35vw,-10vh,0) rotate(-5deg)}50%{transform:translate3d(60vw,-25vh,0) rotate(8deg)}80%{transform:translate3d(40vw,-40vh,0) rotate(-3deg)}}@keyframes floatRobot{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(-25vw,-15vh,0) rotate(4deg)}66%{transform:translate3d(-45vw,20vh,0) rotate(-7deg)}}@keyframes floatDemon{0%,to{transform:translateZ(0) rotate(0deg)}40%{transform:translate3d(-30vw,-30vh,0) rotate(9deg)}80%{transform:translate3d(-15vw,-10vh,0) rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.App:after,.App:before,.game-container,.menu-container,.mode-button:before,.results-container{animation:none}}@media (max-width:768px){.App{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;min-height:100vh;min-height:-webkit-fill-available}.App:after{display:none}.game-container,.menu-container,.results-container{animation:none;margin:auto 10px;padding:20px;width:95%}.mode-button:before{animation:none}.menu-container h1,.results-container h1{font-size:2.8rem}.question{font-size:2.5rem}.answer-input{font-size:1.2rem;width:180px}.mode-button{font-size:1.2rem;padding:20px 25px}.floating-demon,.floating-ghost,.floating-robot,.floating-skull{font-size:5rem;opacity:.08}}@media (max-width:480px){.game-container,.menu-container,.results-container{margin:0 5px;padding:15px;width:98%}.menu-container h1,.results-container h1{font-size:1.8rem}.question{font-size:2rem}.answer-input{font-size:1.1rem;width:150px}}@media (max-height:600px){.game-container,.menu-container,.mode-button:before,.results-container{animation:none}}body:has(input:focus) .App:after,body:has(input:focus) .App:before,body:has(input:focus) .floating-demon,body:has(input:focus) .floating-ghost,body:has(input:focus) .floating-robot,body:has(input:focus) .floating-skull,body:has(input:focus) .game-container,body:has(input:focus) .menu-container,body:has(input:focus) .mode-button:before,body:has(input:focus) .results-container{animation-play-state:paused}.answer-input,.name-input{contain:layout style}.answer-input:focus,.name-input:focus{contain:layout style paint}.App:hover .App:after,.App:hover .App:before,.App:hover .floating-demon,.App:hover .floating-ghost,.App:hover .floating-robot,.App:hover .floating-skull,.App:hover .game-container,.App:hover .menu-container,.App:hover .results-container{animation-play-state:paused}.mode-button{transition:transform .1s ease,filter .1s ease}.mode-button.multiplayer{background:#fff;background:var(--white);border-color:#a273cc;border-color:var(--purple-500);color:#a273cc;color:var(--purple-500)}.mode-button.multiplayer:hover{background:#a273cc;background:var(--purple-500);border-color:#a273cc;border-color:var(--purple-500);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;color:var(--white);transform:translateY(-2px)}.mode-button.multiplayer:hover .mode-description{color:#fff;color:var(--white)}.mode-button.teacher{background:#fff;background:var(--white);color:#56a458;color:var(--green-500)}.mode-button.teacher,.mode-button.teacher:hover{border-color:#56a458;border-color:var(--green-500)}.mode-button.teacher:hover{background:#7fce65;background:var(--green-400);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.mode-button.teacher:hover,.mode-button.teacher:hover .mode-description{color:#fff;color:var(--white)}.mode-button.student{background:#fff;background:var(--white);color:#2e8bff;color:var(--blue-500)}.mode-button.student,.mode-button.student:hover{border-color:#2e8bff;border-color:var(--blue-500)}.mode-button.student:hover{background:#2e8bff;background:var(--blue-500);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.mode-button.student:hover,.mode-button.student:hover .mode-description{color:#fff;color:var(--white)}.mode-button.squad-create{background:#fff;background:var(--white);border-color:#a273cc;border-color:var(--purple-500);color:#a273cc;color:var(--purple-500)}.mode-button.squad-create:hover{background:#a273cc;background:var(--purple-500);border-color:#a273cc;border-color:var(--purple-500);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;color:var(--white);transform:translateY(-2px)}.mode-button.squad-create:hover .mode-description{color:#fff;color:var(--white)}.mode-button.squad-join{background:#fff;background:var(--white);border-color:#8b5fcf;border-color:var(--purple-600);color:#8b5fcf;color:var(--purple-600)}.mode-button.squad-join:hover{background:#8b5fcf;background:var(--purple-600);border-color:#8b5fcf;border-color:var(--purple-600);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;color:var(--white);transform:translateY(-2px)}.mode-button.squad-join:hover .mode-description{color:#fff;color:var(--white)}.mode-button.squad-battle-type{background:#fff;background:var(--white);border-color:#8b5fcf;border-color:var(--purple-600);color:#8224ab;color:var(--purple-700);margin-bottom:15px}.mode-button.squad-battle-type:hover{background:#8b5fcf;background:var(--purple-600);border-color:#8224ab;border-color:var(--purple-700);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;color:var(--white);transform:translateY(-2px)}.mode-button.squad-battle-type:hover .mode-description{color:#fff;color:var(--white)}.mode-button.squad-battle-type:disabled{cursor:not-allowed;opacity:.6;transform:none}.mode-button.squad-battle-type:disabled:hover{background:#fff;background:var(--white);box-shadow:none;color:#8224ab;color:var(--purple-700);transform:none}.mode-button.quick-clash-card{border-color:#0ea5e9;color:#0284c7}.mode-button.quick-clash-card:hover{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-color:#0284c7;color:#fff;color:var(--white)}.mode-button.survival-card{border-color:#dc2626;color:#b91c1c}.mode-button.survival-card:hover{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#b91c1c;color:#fff;color:var(--white)}.menu-container.quick-clash-lobby h1{color:#0284c7}.menu-container.quick-clash-lobby .squad-code-display{background:#e0f2fe;border-color:#0ea5e9}.menu-container.quick-clash-lobby .squad-code-display h2{color:#0369a1}.menu-container.quick-clash-lobby .code-highlight{background:#0ea5e9;color:#fff}.menu-container.quick-clash-lobby .mode-button.start-battle{background:#0ea5e9;border-color:#0284c7}.menu-container.quick-clash-lobby .mode-button.start-battle:hover:not(:disabled){background:#0284c7}.menu-container.quick-clash-lobby .mode-button.ready-button.ready{background:#0ea5e9;border-color:#0284c7}.menu-container.survival-lobby h1{color:#b91c1c}.menu-container.survival-lobby .squad-code-display{background:#fee2e2;border-color:#dc2626}.menu-container.survival-lobby .squad-code-display h2{color:#991b1b}.menu-container.survival-lobby .code-highlight{background:#dc2626;color:#fff}.menu-container.survival-lobby .mode-button.start-battle{background:#dc2626;border-color:#b91c1c}.menu-container.survival-lobby .mode-button.start-battle:hover:not(:disabled){background:#b91c1c}.menu-container.survival-lobby .mode-button.ready-button.ready{background:#dc2626;border-color:#b91c1c}.loading-message{animation:pulse 1.5s ease-in-out infinite;border:1px solid #d1c2e7;border:1px solid var(--purple-200);border-radius:8px;color:#8224ab;color:var(--purple-700);font-size:1rem;margin-top:20px;padding:15px}.loading-message,.squad-code-display{background:#f3effa;background:var(--purple-50);text-align:center}.squad-code-display{border:2px solid #d1c2e7;border:2px solid var(--purple-200);border-radius:12px;margin:20px 0;padding:20px}.squad-code-display h2{color:#8224ab;color:var(--purple-700);font-size:1.5rem;margin:0 0 10px}.code-highlight{background:#8b5fcf;background:var(--purple-600);border-radius:8px;color:#fff;color:var(--white);font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:3px;padding:8px 16px}.battle-info{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;margin:20px 0;padding:15px}.battle-info p{color:#000;color:var(--text-high-contrast);margin:5px 0}.players-section{margin:20px 0}.players-section h3{color:#8224ab;color:var(--purple-700);margin-bottom:15px;text-align:center}.players-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.player-item{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.player-item.host{background:#fefce8;background:var(--yellow-50);border-color:#eab308;border-color:var(--yellow-500)}.player-item.ready{background:#f0fdf4;background:var(--green-50);border-color:#56a458;border-color:var(--green-500)}.player-item.not-ready{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.player-info{width:100%}.ready-status.ready{color:#16a34a;color:var(--green-600);font-weight:600}.ready-status.not-ready{color:#6b7280;color:var(--gray-500);font-weight:500}.lobby-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.mode-button.ready-button{background:#fff;background:var(--white);border-color:#9ca3af;border-color:var(--gray-400);color:#374151;color:var(--gray-700)}.mode-button.ready-button.ready{background:#56a458;background:var(--green-500);border-color:#16a34a;border-color:var(--green-600);color:#fff;color:var(--white)}.mode-button.ready-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.mode-button.start-battle{background:#37f652;background:var(--success-500);border-color:#35ce45;border-color:var(--success-600);color:#fff;color:var(--white);font-weight:700}.mode-button.start-battle:hover:not(:disabled){background:#35ce45;background:var(--success-600);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.mode-button.start-battle:disabled{background:#e5e7eb;background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400);color:#374151;color:var(--gray-700);cursor:not-allowed;opacity:.8}.button-note{display:block;font-size:.8rem;font-weight:400;margin-top:5px;opacity:.9}.code-input-section{margin:30px 0;text-align:center}.code-input-section label{display:block;font-size:1.2rem;margin-bottom:15px}.code-input-section label,.squad-code-input{color:#8224ab;color:var(--purple-700);font-weight:700}.squad-code-input{background:#fff;background:var(--white);border:3px solid #a273cc;border:3px solid var(--purple-500);border-radius:12px;font-family:Courier New,monospace;font-size:2.5rem;letter-spacing:8px;padding:15px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease;width:200px}.squad-code-input:focus{background:#f3effa;background:var(--purple-50);border-color:#8b5fcf;border-color:var(--purple-600);box-shadow:0 0 0 3px #a273cc33;outline:none}.squad-code-input:disabled{background:#f3f4f6;background:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300);color:#6b7280;color:var(--gray-500)}.mode-button.squad-join-confirm{background:#8b5fcf;background:var(--purple-600);border-color:#8224ab;border-color:var(--purple-700);color:#fff;color:var(--white);font-weight:700}.mode-button.squad-join-confirm:hover:not(:disabled){background:#8224ab;background:var(--purple-700);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.mode-button.squad-join-confirm:disabled{background:#d1d5db;background:var(--gray-300);border-color:#9ca3af;border-color:var(--gray-400);color:#6b7280;color:var(--gray-500);cursor:not-allowed;opacity:.6}.game-header{background:#8b5fcf;background:var(--purple-600);color:#fff;color:var(--white);gap:15px;padding:20px}.battle-title{text-align:center}.battle-title h2{font-size:1.8rem;margin:0 0 5px}.squad-code-small{font-family:Courier New,monospace;font-size:.9rem;opacity:.9}.timer-section .timer{background:#fff;background:var(--white);border-radius:10px;color:#8224ab;color:var(--purple-700);font-family:Courier New,monospace;font-size:2rem;font-weight:700;min-width:100px;padding:10px 20px;text-align:center}.squad-leaderboard{background:#fff;background:var(--white);border:2px solid #d1c2e7;border:2px solid var(--purple-200);border-radius:12px;margin:20px;max-height:250px;overflow-y:auto;padding:20px}.squad-leaderboard h3{color:#8224ab;color:var(--purple-700);margin:0 0 15px;text-align:center}.live-players{display:flex;flex-direction:column;gap:10px}.live-player-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;display:flex;padding:12px 15px;transition:all .2s ease}.live-player-item.rank-1{background:#fefce8;background:var(--yellow-50);border-color:#eab308;border-color:var(--yellow-500)}.live-player-item.rank-2{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.live-player-item.rank-3{background:#fff7ed;background:var(--orange-50);border-color:#fb923c;border-color:var(--orange-400)}.rank-badge{background:#8b5fcf;background:var(--purple-600);flex-shrink:0;height:30px;margin-right:15px;width:30px}.rank-1 .rank-badge{background:#eab308;background:var(--yellow-500);color:#fff;color:var(--white)}.rank-2 .rank-badge{background:#6b7280;background:var(--gray-500);color:#fff;color:var(--white)}.rank-3 .rank-badge{background:#fb923c;background:var(--orange-400);color:#fff;color:var(--white)}.player-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.player-stats{gap:15px}.score{color:#8224ab;color:var(--purple-700);font-weight:700}.streak{color:#ea580c;color:var(--orange-600);font-size:.9rem;font-weight:600}.question-area{margin:40px 20px;text-align:center}.question{color:#8224ab;color:var(--purple-700);margin-bottom:30px}.answer-section{align-items:center;display:flex;gap:15px;justify-content:center}.answer-input{border:3px solid #a273cc;border:3px solid var(--purple-500);border-radius:10px;font-size:2rem;padding:15px 20px;width:150px}.answer-input:focus{border-color:#8b5fcf;border-color:var(--purple-600);box-shadow:0 0 0 3px #a273cc33;outline:none}.submit-answer-btn{background:#8b5fcf;background:var(--purple-600);border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:all .2s ease}.submit-answer-btn:hover:not(:disabled){background:#8224ab;background:var(--purple-700);transform:translateY(-2px)}.submit-answer-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed;opacity:.6}.personal-stats{background:#f3effa;background:var(--purple-50);border-radius:12px;display:flex;gap:30px;justify-content:center;margin:30px 20px;padding:20px}.stat-item{text-align:center}.stat-label{color:#8b5fcf;color:var(--purple-600);margin-bottom:5px}.stat-value{color:#8224ab;color:var(--purple-700);font-size:1.5rem}.battle-complete{background:#f0fdf4;background:var(--green-50);border:2px solid #56a458;border:2px solid var(--green-500);border-radius:12px;margin:30px 20px;padding:30px;text-align:center}.battle-complete h3{color:var(--green-700);font-size:2rem;margin:0 0 20px}.mode-button.results{background:#56a458;background:var(--green-500);border-color:#16a34a;border-color:var(--green-600);color:#fff;color:var(--white);font-size:1.3rem;font-weight:700;padding:15px 30px}.mode-button.results:hover{background:#16a34a;background:var(--green-600);transform:translateY(-2px)}.leave-battle-btn{background:#6b7280;background:var(--gray-500);border:none;border-radius:8px;bottom:20px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;left:20px;opacity:.8;padding:10px 15px;position:fixed;transition:all .2s ease}.leave-battle-btn:hover{background:#4b5563;background:var(--gray-600);opacity:1}.mode-button.back{background:#fff;background:var(--white);border-color:#d1d5db;border-color:var(--gray-300);color:#000;color:var(--text-high-contrast)}.mode-button.back:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#393938;color:var(--text-main);transform:translateY(-2px)}.mode-button.danger{background:#fff;background:var(--white);color:#e13e3e;color:var(--error-500);font-weight:600;font-weight:var(--font-weight-semibold)}.mode-button.danger,.mode-button.danger:hover{border-color:#e13e3e;border-color:var(--error-500)}.mode-button.danger:hover{background:#e13e3e;background:var(--error-500);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.mode-button.danger:hover,.mode-button.danger:hover .mode-description{color:#fff;color:var(--white)}.session-setup{margin:20px 0}.session-setup h3{color:#374151;margin-bottom:15px}.mode-selection{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mode-option{align-items:center;background:#fffc;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px;transition:background .2s ease}.mode-option:hover{background:#ffffffe6}.mode-option input[type=radio]{margin:0}.session-join{margin:20px 0}.session-join label{color:#374151;display:block;font-weight:700;margin-bottom:10px}.session-code-input{background:#ffffffe6;border:3px solid #ff6b35;border-radius:15px;font-size:1.5rem;font-weight:700;letter-spacing:.2em;padding:15px;text-align:center;width:150px}.session-code-input:focus{border-color:#f7931e;box-shadow:0 0 10px #f7931e4d;outline:none}.session-info{background:#ffffffe6;border-radius:15px;margin-bottom:20px;padding:20px}.session-info h2{color:#374151;margin-bottom:10px}.session-code-display{background:#f3f4f6;border-radius:5px;color:#dc2626;font-family:Courier New,monospace;font-size:1.2em;font-weight:700;padding:5px 10px}.students-list{background:#ffffffe6;border-radius:15px;margin-bottom:20px;padding:20px}.students-list h3{color:#374151;margin-bottom:15px}.students-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.student-card{align-items:center;background:#f8fafc;border:3px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:5px;padding:15px}.student-name{color:#374151;font-weight:700}.student-status{color:#059669;font-size:.9em}.no-students{color:#6b7280;font-style:italic;padding:20px;text-align:center}.waiting-message{background:#ffffffe6;border-radius:15px;margin-bottom:20px;padding:20px}.waiting-message p{color:#374151;font-size:1.2em;margin:0}.multiplayer-leaderboard{background:#fffffff2;border:3px solid #ffd23f;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:15px}.multiplayer-leaderboard h3{color:#374151;font-size:1.2em;margin:0 0 15px}.leaderboard-grid{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.leaderboard-entry{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:8px;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease}.leaderboard-entry.current-player{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b;transform:scale(1.02)}.leaderboard-entry.top-three{background:linear-gradient(135deg,#ecfdf5,#10b981);border-color:#059669}.leaderboard-entry.top-three.current-player{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b}.rank{font-size:1.2em;font-weight:700;min-width:35px;text-align:center}.player-info{align-items:center;display:flex;justify-content:space-between}.player-name{color:#374151;font-weight:600}.player-stats{align-items:center;display:flex;gap:10px}.score-display{background:#e5e7eb;border-radius:12px;color:#374151;font-size:.9em;font-weight:700;padding:3px 8px}.streak-display{background:#fef3c7;border-radius:10px;color:#f59e0b;font-size:.8em;font-weight:700;padding:3px 6px}.session-indicator{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border-color:#8b5cf6}.streak{color:#f59e0b;font-weight:700;margin-left:15px}.compact-game-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.compact-game-stats .battle-type,.compact-game-stats .score,.compact-game-stats .session-indicator,.compact-game-stats .timer{align-items:center;background:#fffffff2;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#374151;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:600;min-height:auto;padding:8px 12px;white-space:nowrap}.compact-game-stats .battle-type{background:#8b5fcf;background:var(--purple-600);border-color:#8224ab;border-color:var(--purple-700);color:#fff}.game-container.quick-clash .game-header{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.game-container.quick-clash .battle-type{background:#0284c7;border-color:#0369a1}.game-container.quick-clash .submit-button{background:#0ea5e9}.game-container.quick-clash .submit-button:hover:not(:disabled){background:#0284c7}.game-container.quick-clash .answer-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.game-container.survival-mode .game-header{background:linear-gradient(135deg,#dc2626,#991b1b)}.game-container.survival-mode .battle-type{background:#991b1b;border-color:#7f1d1d}.game-container.survival-mode .submit-button{background:#dc2626}.game-container.survival-mode .submit-button:hover:not(:disabled){background:#b91c1c}.game-container.survival-mode .answer-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}@media (max-width:768px){.compact-game-stats{gap:8px;justify-content:center}.compact-game-stats .score,.compact-game-stats .session-indicator,.compact-game-stats .timer{border-radius:6px;font-size:.85rem;padding:6px 10px}.game-header{margin-bottom:15px}.multiplayer-leaderboard{padding:12px}.students-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.student-card{padding:10px}.leaderboard-entry{padding:6px 10px}.session-code-input{font-size:1.3rem;padding:12px;width:120px}.mode-selection{gap:8px}.mode-option{font-size:.9em;padding:8px}}@media (max-width:480px){.leaderboard-grid{max-height:150px}.player-stats{gap:5px}.score-display,.streak-display{font-size:.8em;padding:2px 6px}.score,.session-indicator,.timer{font-size:.9em;min-height:40px;padding:10px 14px}}.timer-display h2{border:2px solid #fbbf24;border-radius:10px;color:#dc2626;font-size:1.8rem}.game-finished h2,.timer-display h2{background:#ffffffe6;margin:15px 0;padding:10px}.game-finished h2{border:2px solid #10b981;border-radius:10px;color:#059669;font-size:1.6rem}.live-leaderboard-monitor{background:#fffffff2;border:3px solid #06ffa5;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:20px}.live-leaderboard-monitor h3{color:#374151;font-size:1.4em;margin:0 0 20px}.leaderboard-entry-monitor{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:10px;display:flex;gap:15px;margin-bottom:10px;padding:12px 15px;transition:all .2s ease}.leaderboard-entry-monitor.top-three{background:linear-gradient(135deg,#ecfdf5,#10b981);border-color:#059669;transform:scale(1.02)}.player-info-monitor{align-items:center;display:flex;flex:1 1;justify-content:space-between}.player-stats-monitor{align-items:center;display:flex;gap:15px}.percentage-display{background:#ddd6fe;border-radius:12px;color:#7c3aed;font-size:.9em;font-weight:700;min-width:50px;padding:4px 10px;text-align:center}.winner-announcement{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:3px solid #f59e0b;border-radius:20px;margin-bottom:30px;padding:25px;text-align:center}.winner-announcement h2{color:#92400e;font-size:2rem;margin:0 0 10px}.winner-announcement p{color:#78350f;font-size:1.2rem;font-weight:700;margin:0}.final-leaderboard{background:#fffffff2;border-radius:15px;margin-bottom:25px;padding:25px}.final-leaderboard h3{color:#374151;font-size:1.5em;margin:0 0 25px;text-align:center}.final-results-grid{display:flex;flex-direction:column;gap:15px}.final-result-entry{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .2s ease}.final-result-entry.winner{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b4d;transform:scale(1.05)}.final-result-entry.podium{background:linear-gradient(135deg,#ecfdf5,#10b981);border-color:#059669;transform:scale(1.02)}.final-rank{font-size:2rem;font-weight:700;min-width:50px;text-align:center}.final-player-info{flex:1 1}.final-player-info h4{color:#374151;font-size:1.3rem;margin:0 0 10px}.final-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-label{color:#6b7280;font-size:.9rem}.stat-value{background:#fffc;border-radius:8px;color:#374151;font-size:1.1rem;font-weight:700;padding:5px 10px}@media (max-width:768px){.live-leaderboard-monitor{padding:15px}.leaderboard-entry-monitor{gap:10px;padding:10px}.player-stats-monitor{gap:10px}.final-result-entry{gap:15px;padding:15px}.final-stats{gap:15px}.timer-display h2{font-size:1.5rem}.winner-announcement h2{font-size:1.6rem}.winner-announcement p{font-size:1rem}}@media (max-width:480px){.final-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.percentage-display{font-size:.8rem;padding:3px 8px}.final-rank{font-size:1.5rem;min-width:40px}}.back-button,.done-button,.submit-button{transition:transform .1s ease,background-color .1s ease}.monster-container{background:linear-gradient(45deg,#ff6b35,#f7931e,#ffd23f);border:4px solid #ff4757;border-radius:25px;box-shadow:0 25px 50px #ff47574d;overflow:hidden;position:relative}.monster-container:before{animation:rainbowBorder 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b35,#06ffa5,#4ecdc4,#ffd23f);border-radius:25px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rainbowBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.game-container,.menu-container,.results-container{animation:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d,inset 0 1px 0 #fff9;margin:0 20px;max-width:500px;padding:40px;position:relative;transform:translateZ(0);width:90%;will-change:box-shadow;z-index:1}@keyframes containerGlow{0%{box-shadow:0 25px 50px #ff475726,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff9}to{box-shadow:0 28px 55px #06ffa533,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff9}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.game-container,.menu-container,.results-container{background:#fffffffa}}@media (min-width:768px){.game-container,.menu-container,.results-container{margin:0 auto}}.menu-container h1,.results-container h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff5c2c,#ff640c,#eab308,#7fcfc0);background:linear-gradient(45deg,var(--primary-500),var(--primary-400),var(--yellow-500),var(--teal-400));-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:16px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.menu-container p{color:#000;color:var(--text-high-contrast);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:32px}.menu-buttons{gap:20px}.menu-buttons,.mode-button{display:flex;flex-direction:column}.mode-button{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#393938;color:var(--text-main);cursor:pointer;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);gap:12px;justify-content:center;line-height:1.25;line-height:var(--line-height-tight);overflow:visible;padding:24px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.mode-button,.mode-button.advanced{background:#fff;background:var(--white)}.mode-button.advanced{border-color:#8b5fcf;border-color:var(--purple-600);color:#8b5fcf;color:var(--purple-600)}.mode-description{color:#000;color:var(--text-high-contrast);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);margin:0;text-align:center}.mode-button:hover{border-color:#d1d5db;border-color:var(--gray-300)}.mode-button.advanced:hover,.mode-button:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.mode-button.advanced:hover{background:#8b5fcf;background:var(--purple-600);border-color:#8b5fcf;border-color:var(--purple-600)}.mode-button.advanced:hover,.mode-button.advanced:hover .mode-description{color:#fff;color:var(--white)}.game-header{align-items:center;color:#667eea;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:30px;margin-bottom:20px}.score,.session-indicator,.timer{align-items:center;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#374151;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:12px 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.timer{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf24}.score{background:linear-gradient(135deg,#06ffa526,#10b98126);border-color:#06ffa5}.question-container{margin-bottom:30px}.question{color:#667eea;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:20px}.answer-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.answer-input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;box-sizing:border-box;color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:400;font-weight:var(--font-weight-normal);height:48px;line-height:1.25;line-height:var(--line-height-tight);outline:none;padding:12px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:200px}.answer-input:focus{border-color:#2e8bff;border-color:var(--blue-500);box-shadow:0 0 0 3px #2e8bff1a}.submit-button{background:#ff5c2c;background:var(--primary-500);border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-sizing:border-box;color:#fff;color:var(--text-white);cursor:pointer;display:inline-block;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);height:48px;line-height:1.25;line-height:var(--line-height-tight);padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:middle}.enter-kingdom-button{font-size:1.25rem;height:auto;margin-top:8px;padding:18px 32px}.submit-button:hover{background:#e65014;background:var(--primary-600);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.game-controls{display:flex;gap:15px;justify-content:center}.back-button,.done-button{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;box-shadow:none;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;transition:all .2s}.done-button{background:#f9fafb;background:var(--gray-50);color:#4b5563;color:var(--gray-600)}.done-button:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400);color:#374151;color:var(--gray-700);transition:background-color .1s ease,color .1s ease}.back-button{background:#0000;color:#6b7280;color:var(--gray-500)}.back-button:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400);color:#374151;color:var(--gray-700);transition:background-color .1s ease,color .1s ease}.results{margin:30px 0}.result-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;font-size:1.2rem;justify-content:space-between;margin:15px 0;padding:15px}.result-label{color:#667eea;font-weight:700}.result-value{color:#4ecdc4;font-size:1.3rem;font-weight:700}.feedback{animation:feedbackSlide .3s ease-out;border-radius:15px;margin:20px 0;padding:20px}.feedback.correct{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff}.feedback.incorrect{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.feedback-message{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:10px}.correct-answer,.feedback-message{color:inherit;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.correct-answer{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);margin-top:10px;opacity:.9}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.name-input-container{align-items:center;display:flex;flex-direction:column;gap:8px}.name-input-container label{color:#667eea;font-size:1.4rem;font-weight:700}.name-guidelines{margin:0;text-align:center}.name-guidelines p{color:#666;font-size:1rem;margin:0}.name-error{animation:shake .5s ease-in-out;background:#fdf2f2;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:10px;padding:10px 15px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.name-input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.25;line-height:var(--line-height-tight);outline:none;padding:12px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:250px}.name-input:focus{border-color:#2e8bff;border-color:var(--blue-500);box-shadow:0 0 0 3px #2e8bff1a}.teacher-select-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:24px}.teacher-select-container label{color:#5b6073;color:var(--text-secondary);font-size:.95rem;font-weight:500;font-weight:var(--font-weight-medium)}.teacher-select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.25;line-height:var(--line-height-tight);outline:none;padding:10px 14px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:250px}.teacher-select:focus{border-color:#2e8bff;border-color:var(--blue-500);box-shadow:0 0 0 3px #2e8bff1a}.teacher-auth-toggle{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:999px;display:flex;gap:4px;margin:10px auto;padding:4px;width:-webkit-fit-content;width:fit-content}.teacher-auth-tab{background:#0000;border:none;border-radius:999px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:10px 20px;transition:all .2s ease;white-space:nowrap}.teacher-auth-tab.active{background:#ff5c2c;background:var(--primary-500);color:#fff;color:var(--text-white)}.teacher-auth-form{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:300px;width:100%}.teacher-auth-form .name-input{width:100%}.teacher-dashboard-list{display:flex;flex-direction:column;gap:10px;margin:20px auto;max-width:420px;width:100%}.teacher-report-row{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.teacher-report-date{color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.teacher-report-row .submit-button{font-size:.875rem;font-size:var(--font-size-sm);height:auto;padding:8px 16px}.submit-button:disabled{cursor:not-allowed}.submit-button:disabled,.submit-button:disabled:hover{background:#bdc3c7;transform:none}.current-results h2,.score-history h2{color:#667eea;font-size:1.5rem;margin:20px 0 15px;text-align:center}.score-history{border-top:2px solid #f0f0f0;margin-top:25px;padding-top:20px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.clear-history-button{background:none;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:5px;transition:background .2s}.clear-history-button:hover{background:#f0f0f0}.history-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.history-item{background:#f8f9fa;border-left:4px solid #4ecdc4;border-radius:8px;justify-content:space-between;padding:12px 15px}.history-item,.history-main{align-items:center;display:flex}.history-main{gap:15px}.history-score{color:#667eea;font-size:1.1rem;font-weight:700}.history-percentage{background:#4ecdc4;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:4px 8px}.history-date{font-size:.8rem;text-align:right}.history-date,.history-more{color:#000;color:var(--text-high-contrast)}.history-more{font-size:.9rem;font-style:italic;padding:10px;text-align:center}.countdown-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.countdown-display{color:#fff;text-align:center}.countdown-display h2{color:#ffd23f;font-size:2rem;margin-bottom:20px}.countdown-number{animation:countdownPulse 1s ease-in-out;color:#ff6b35;font-size:8rem;font-weight:700;text-shadow:4px 4px 8px #00000080}@keyframes countdownPulse{0%{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.error-overlay{align-items:center;background:#000000b3;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.error-message{animation:errorSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;cursor:default;max-width:400px;padding:30px;text-align:center;width:90%}.error-icon{font-size:3rem;margin-bottom:15px}.error-text{color:#333;font-size:1.1rem;line-height:1.4;margin-bottom:20px}.error-close-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s ease}.error-close-button:hover{background:#e55a2b}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog{animation:errorSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;cursor:default;max-width:400px;padding:30px;text-align:center;width:90%}.confirm-icon{font-size:3rem;margin-bottom:15px}.confirm-text{color:#333;font-size:1.1rem;line-height:1.4;margin-bottom:25px}.confirm-buttons{display:flex;gap:15px;justify-content:center}.confirm-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s ease}.confirm-yes{background:#dc2626;color:#fff}.confirm-yes:hover{background:#b91c1c;transform:scale(1.05)}.confirm-no{background:#6b7280;color:#fff}.confirm-no:hover{background:#4b5563;transform:scale(1.05)}.detective-container{animation:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d,inset 0 1px 0 #fff9;margin:0 20px;max-width:600px;padding:40px;position:relative;transform:translateZ(0);width:90%;will-change:box-shadow;z-index:1}.mode-button.detective{background:#7b68ee;border-color:#6a5acd;color:#fff}.mode-button.detective:hover{background:#9370db;border-color:#8a2be2}.detective-clue,.detective-clue-container{margin-bottom:30px}.detective-clue{background:linear-gradient(135deg,#8224ab1a,#8b5fcf1a);border:2px solid #8b5fcf;border:2px solid var(--purple-600);border-radius:20px;box-shadow:0 4px 15px #8224ab1a;color:#8224ab;color:var(--purple-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);padding:25px;text-align:center}.detective-inputs{align-items:center;display:flex;flex-direction:column;gap:20px}.factor-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.detective-input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.25;line-height:var(--line-height-tight);outline:none;padding:12px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:120px}.detective-input,.detective-input::placeholder{font-weight:400;font-weight:var(--font-weight-normal)}.detective-input::placeholder{color:#9ea3b1;color:var(--text-miscellaneous);font-size:.75rem;font-size:var(--font-size-xs)}.detective-input:focus{border-color:#2e8bff;border-color:var(--blue-500);box-shadow:0 0 0 3px #2e8bff1a}.detective-input.prefilled{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#35ce45;border-color:var(--success-600);color:#56a458;color:var(--green-500);cursor:not-allowed;font-weight:700}.detective-input.prefilled:focus{border-color:#35ce45;border-color:var(--success-600);box-shadow:0 0 10px #35ce454d;outline:none}.multiplication-symbol{color:#8b5fcf;color:var(--purple-600);font-size:2rem;font-weight:700;margin:0 5px}.detective-submit{background:#8b5fcf;background:var(--purple-600);border-color:#8224ab;border-color:var(--purple-700)}.detective-submit:hover:not(:disabled){background:#a273cc;background:var(--purple-500);transform:translateY(-1px)}.detective-submit:disabled{cursor:not-allowed}.detective-submit:disabled,.detective-submit:disabled:hover{background:#bdc3c7;transform:none}.detective-progress{align-items:center;background:#fff;background:var(--white);border:2px solid #8b5fcf;border:2px solid var(--purple-600);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#8224ab;color:var(--purple-700);display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:32px;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.detective-container{margin:0 10px;max-width:95%;padding:30px 20px}.detective-clue{font-size:1.4rem;padding:20px 15px}.factor-inputs{flex-direction:column;gap:10px}.detective-input{font-size:1.2rem;width:150px}.multiplication-symbol{font-size:1.5rem;margin:5px 0}}@media (max-width:480px){.detective-clue{font-size:1.2rem;padding:15px 10px}.detective-input{padding:12px 15px;width:120px}}.twodigit-container{animation:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d,inset 0 1px 0 #fff9;margin:0 20px;max-width:600px;padding:40px;position:relative;transform:translateZ(0);width:90%;will-change:box-shadow;z-index:1}.twodigit-progress{align-items:center;background:#fff;background:var(--white);border:2px solid var(--blue-600);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--blue-700);display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:32px;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.twodigit-question-container{margin-bottom:30px}.vertical-multiplication-work{align-items:center;display:flex;flex-direction:column;margin:30px 0}.work-area{background:linear-gradient(135deg,#2e8bff0d,#5ba5ff0d);border:3px solid var(--blue-600);border-radius:20px;box-shadow:0 4px 15px #2e8bff33;padding:30px 40px}.carry-column{align-items:center;display:flex;flex-direction:column;gap:3px;margin-bottom:5px;margin-left:148px}.carry-space{width:50px}.carry-input{background:#2e8bff0d;border:1px dashed #5ba7ff;border:1px dashed var(--blue-400);border-radius:6px;color:var(--blue-700);font-family:Courier New,monospace;font-size:1rem;height:32px;outline:none;text-align:center;width:40px}.carry-input:focus{background:#fff;background:var(--white);border-color:var(--blue-600);box-shadow:0 0 0 2px #2e8bff33}.carry-input.small{font-size:.9rem;height:28px;width:30px}.addition-carry-row{margin:5px 0}.addition-carry-row,.multiplicand-row,.multiplier-row,.partial-product-row,.sum-row{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:50px 70px 70px 70px 70px}.multiplicand-row,.multiplier-row,.partial-product-row,.sum-row{margin:8px 0}.times-symbol-work{font-size:2rem;text-align:center;width:50px}.digit-display,.times-symbol-work{align-items:center;color:var(--blue-700);display:flex;font-weight:700;justify-content:center}.digit-display{background:#ffffff80;border-radius:8px;font-family:Courier New,monospace;font-size:2.5rem;height:70px;width:70px}.digit-display.placeholder-zero{background:#2e8bff1a;color:#2e8bff;color:var(--blue-500)}.digit-input{background:#fff;background:var(--white);border:2px solid #5ba7ff;border:2px solid var(--blue-400);border-radius:8px;color:var(--blue-700);font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;height:70px;outline:none;text-align:center;transition:all .2s;width:70px}.digit-input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2e8bff33;transform:scale(1.05)}.work-line{background:var(--blue-700);grid-column:1/-1;height:3px;margin:12px 0;width:100%}.twodigit-input-section{align-items:center;display:flex;flex-direction:column;gap:20px}.twodigit-feedback-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mode-card.twodigit{background:linear-gradient(135deg,var(--blue-600),#2e8bff);background:linear-gradient(135deg,var(--blue-600),var(--blue-500));border-color:var(--blue-600)}.mode-card.twodigit:hover{border-color:var(--blue-600);box-shadow:0 4px 6px #2e8bff26,0 2px 4px #2e8bff0f}@media (max-width:768px){.twodigit-container{margin:0 10px;max-width:95%;padding:30px 20px}.work-area{padding:20px 25px}.carry-column{margin-left:116px}.addition-carry-row{gap:3px;grid-template-columns:40px 55px 55px 55px 55px}.carry-input.small{font-size:.8rem;height:24px;width:25px}.multiplicand-row,.multiplier-row,.partial-product-row,.sum-row{gap:3px;grid-template-columns:40px 55px 55px 55px 55px}.carry-space{width:40px}.digit-display,.digit-input{font-size:2rem;height:55px;width:55px}.carry-input{font-size:.9rem;height:30px;width:35px}.times-symbol-work{font-size:1.5rem;width:40px}}@media (max-width:480px){.work-area{padding:15px 20px}.carry-column{margin-left:101px}.addition-carry-row{gap:2px;grid-template-columns:35px 50px 50px 50px 50px}.carry-input.small{font-size:.75rem;height:22px;width:22px}.multiplicand-row,.multiplier-row,.partial-product-row,.sum-row{gap:2px;grid-template-columns:35px 50px 50px 50px 50px}.carry-space{width:35px}.digit-display,.digit-input{font-size:1.8rem;height:50px;width:50px}.carry-input{font-size:.85rem;height:28px;width:30px}.times-symbol-work{font-size:1.3rem;width:35px}}.game-modes-grid{display:flex;flex-direction:column;gap:25px;margin-top:20px}.mode-section{text-align:center}.section-title{color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0 0 16px}.mode-cards{flex-wrap:wrap;gap:15px}.mode-card,.mode-cards{display:flex;justify-content:center}.mode-card{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;flex-direction:column;gap:12px;height:130px;overflow:visible;padding:24px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:160px}.mode-card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.card-icon{font-size:2.5rem;line-height:1;margin-bottom:5px}.card-content{text-align:center}.card-content h4{color:#393938;color:var(--text-main);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.25;line-height:var(--line-height-tight);margin:0 0 4px}.card-content h4,.card-content p{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.card-content p{color:#000;color:var(--text-high-contrast);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.375;line-height:var(--line-height-snug);margin:0}.mode-card.training,.mode-card.training:hover{border-color:#56a458;border-color:var(--green-500)}.mode-card.training:hover{box-shadow:0 4px 6px #56a45826,0 2px 4px #56a4580f}.mode-card.detective,.mode-card.detective:hover{border-color:#8b5fcf;border-color:var(--purple-600)}.mode-card.detective:hover{box-shadow:0 4px 6px #8b5fcf26,0 2px 4px #8b5fcf0f}.mode-card.timed,.mode-card.timed:hover{border-color:#f0ce00;border-color:var(--yellow-600)}.mode-card.timed:hover{box-shadow:0 4px 6px #f0ce0026,0 2px 4px #f0ce000f}.mode-card.advanced,.mode-card.advanced:hover{border-color:#e13e3e;border-color:var(--error-500)}.mode-card.advanced:hover{box-shadow:0 4px 6px #e13e3e26,0 2px 4px #e13e3e0f}.mode-card.multiplayer{border:2px solid #2e8bff;border:2px solid var(--blue-500)}.mode-card.multiplayer:hover{border-color:#2e8bff;border-color:var(--blue-500);box-shadow:0 4px 6px #2e8bff26,0 2px 4px #2e8bff0f}.mode-card.squad{border:2px solid #a273cc;border:2px solid var(--purple-500)}.mode-card.squad:hover{border-color:#a273cc;border-color:var(--purple-500);box-shadow:0 4px 6px #8a2be226,0 2px 4px #8a2be20f}.mode-card.division{border-color:#f59e0b}.mode-card.division:hover{border-color:#f59e0b;box-shadow:0 4px 6px #f59e0b26,0 2px 4px #f59e0b0f}@media (max-width:768px){.game-modes-grid{gap:20px}.mode-cards{gap:12px}.mode-card{height:110px;padding:20px 12px;width:140px}.card-icon{font-size:2rem}.card-content h4{font-size:.9rem}.card-content p{font-size:.75rem}}@media (max-width:480px){.mode-cards{gap:10px}.mode-card{height:95px;padding:16px 10px;width:120px}.card-icon{font-size:1.8rem}.card-content h4{font-size:.8rem}.card-content p{font-size:.7rem}}h2,h3,h4,h5,h6{color:#000;color:var(--text-high-contrast);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.teacher-guide-paragraph{margin-bottom:8px;margin-top:8px}.teacher-guide-link{color:#2e8bff;color:var(--blue-500);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.teacher-guide-link:hover{text-decoration:underline}.version-footer{align-items:center;border-top:1px solid #fff3;display:flex;flex-direction:column;gap:0;margin-top:32px;padding-top:16px}.version-link{background:none;border:none;border-radius:8px;color:#5b6073;color:var(--text-secondary);cursor:pointer;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;text-decoration:none;transition:all .2s ease}.version-link:hover{background:#ffffff1a;color:#000;color:var(--text-high-contrast);transform:translateY(-1px)}.copyright-text{border-radius:8px;color:#5b6073;color:var(--text-secondary);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px}.feedback-fab{align-items:center;background:#ff5c2c;background:var(--primary-500);border-radius:50%;bottom:24px;box-shadow:0 4px 12px #0003,0 2px 4px #0000001a;color:#fff;color:var(--text-white);display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:60px;z-index:10}.feedback-fab:hover{background:#e65014;background:var(--primary-600);box-shadow:0 6px 16px #00000040,0 3px 6px #0000001a;transform:translateY(-2px) scale(1.05)}.feedback-fab-icon{height:28px;width:28px}@media (max-width:480px){.feedback-fab{bottom:16px;height:52px;right:16px;width:52px}.feedback-fab-icon{height:24px;width:24px}}.changelog-container{margin:0 auto;max-width:600px;text-align:left}.changelog-entry{background:#ffffffe6;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.changelog-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.changelog-version{color:#000;color:var(--text-high-contrast);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.changelog-date,.changelog-version{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.changelog-date{background:#f3f4f6;background:var(--gray-100);border-radius:6px;color:#5b6073;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 8px}.changelog-features{color:#393938;color:var(--text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.625;line-height:var(--line-height-relaxed);margin:0;padding-left:20px}.changelog-features li{margin-bottom:8px;position:relative}.changelog-features li:last-child{margin-bottom:0}.changelog-features li::marker{color:#ff5c2c;color:var(--primary-500)}@media (max-width:480px){.copyright-text{font-size:.75rem;font-size:var(--font-size-xs)}}.survival-status{align-items:center;display:flex;justify-content:center}.lives-status{align-items:center;background:var(--red-50);border:2px solid var(--red-200);border-radius:20px;color:var(--red-700);display:flex;gap:8px}.eliminated-status,.lives-status{font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);padding:8px 16px}.eliminated-status{animation:pulse 2s infinite;background:#1f2937;background:var(--gray-800);border:2px solid #4b5563;border:2px solid var(--gray-600);border-radius:20px;color:#fff;color:var(--white)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.live-player-item.eliminated{background:#f3f4f6;background:var(--gray-100);opacity:.6}.live-player-item.eliminated .player-name{color:#6b7280;color:var(--gray-500);text-decoration:line-through}.rank-badge.eliminated{background:#6b7280;background:var(--gray-500);color:#fff;color:var(--white)}.eliminated-message{background:#f9fafb;background:var(--gray-50);border:3px solid #d1d5db;border:3px solid var(--gray-300);border-radius:16px;padding:40px 20px;text-align:center}.eliminated-message h3{color:#374151;color:var(--gray-700);font-size:1.25rem;font-size:var(--font-size-xl);margin:0 0 12px}.eliminated-message h3,.eliminated-message p{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.eliminated-message p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);margin:0}.game-over-message{background:var(--gold-50);border:3px solid var(--gold-400);border-radius:16px;padding:40px 20px;text-align:center}.game-over-message h3{color:var(--gold-700);font-size:1.25rem;font-size:var(--font-size-xl);margin:0 0 12px}.game-over-message h3,.game-over-message p{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.game-over-message p{color:var(--gold-600);font-size:1rem;font-size:var(--font-size-base);margin:0}@media (max-width:768px){.eliminated-status,.lives-status{font-size:.75rem;font-size:var(--font-size-xs);padding:6px 12px}.eliminated-message,.game-over-message{margin:10px 0;padding:30px 15px}.eliminated-message h3,.game-over-message h3{font-size:1.125rem;font-size:var(--font-size-lg)}.eliminated-message p,.game-over-message p{font-size:.875rem;font-size:var(--font-size-sm)}}.results-container{background:#fff;background:var(--white);border:3px solid #d1c2e7;border:3px solid var(--purple-200);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px auto;max-width:900px;padding:20px}.results-header{background:#f3effa;background:var(--purple-50);border:2px solid #d1c2e7;border:2px solid var(--purple-200);border-radius:16px;margin-bottom:30px;padding:25px;text-align:center}.results-header h1{color:#8224ab;color:var(--purple-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.75rem;font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin:0 0 16px}.battle-summary{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.battle-type-display{align-items:center;display:flex;gap:12px}.battle-emoji{font-size:3rem}.battle-details h2{color:#8224ab;color:var(--purple-700);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.battle-details h2,.battle-details p{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);margin:0}.battle-details p{color:#8b5fcf;color:var(--purple-600)}.battle-details p,.session-code{font-size:.875rem;font-size:var(--font-size-sm)}.session-code{background:var(--purple-100);border:2px solid var(--purple-300);border-radius:20px;color:#8224ab;color:var(--purple-700);font-weight:700;font-weight:var(--font-weight-bold);padding:8px 16px}.personal-result{margin-bottom:30px}.result-card{background:var(--gold-50);border:3px solid var(--gold-300);border-radius:16px;padding:25px;text-align:center}.result-card h2{color:var(--gold-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 20px}.rank-display{margin-bottom:25px}.rank-position{color:var(--gold-600);font-size:4rem;font-weight:var(--font-weight-black);margin:0 0 8px}.rank-text{color:var(--gold-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.personal-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:400px}.stat-box{background:#fff;background:var(--white);border:2px solid var(--gold-200);border-radius:12px;padding:16px;text-align:center}.stat-number{color:var(--gold-600);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px}.stat-label{color:var(--gold-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.final-leaderboard{margin-bottom:30px}.final-leaderboard h2{color:#8224ab;color:var(--purple-700);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 20px;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;display:flex;gap:15px;padding:16px;transition:all .3s ease}.leaderboard-item.current-player{background:#f3effa;background:var(--purple-50);border-color:var(--purple-300);box-shadow:0 4px 16px #7c3aed1a}.leaderboard-item.rank-1 .rank-badge{background:var(--gold-500);color:#fff;color:var(--white);font-size:1.125rem;font-size:var(--font-size-lg)}.leaderboard-item.rank-2 .rank-badge{background:#9ca3af;background:var(--gray-400);color:#fff;color:var(--white)}.leaderboard-item.rank-3 .rank-badge{background:var(--orange-500);color:#fff;color:var(--white)}.rank-badge{align-items:center;background:#a273cc;background:var(--purple-500);border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);height:50px;justify-content:center;min-width:50px}.player-info{flex:1 1}.player-name{color:#000;color:var(--text-high-contrast);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px}.eliminated-tag{color:#6b7280;color:var(--gray-500);font-weight:400;font-weight:var(--font-weight-normal)}.player-results{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.final-score{color:#393938;color:var(--text-main)}.best-streak,.final-score{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.best-streak{background:#fff7ed;background:var(--orange-50);border:1px solid var(--orange-200);border-radius:12px;color:#ea580c;color:var(--orange-600);padding:2px 8px}.results-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.back-home-btn,.play-again-btn{border:none;border-radius:12px;cursor:pointer;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);min-width:180px;padding:14px 24px;transition:all .3s ease}.play-again-btn{background:#8b5fcf;background:var(--purple-600);color:#fff;color:var(--white)}.play-again-btn:hover{background:#8224ab;background:var(--purple-700);box-shadow:0 6px 20px #7c3aed4d;transform:translateY(-2px)}.back-home-btn{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.back-home-btn:hover{background:#d1d5db;background:var(--gray-300);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.results-container{margin:10px;padding:15px}.results-header{padding:20px 15px}.results-header h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.battle-summary{flex-direction:column;gap:15px}.battle-emoji{font-size:2.5rem}.rank-position{font-size:3rem}.personal-stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.leaderboard-item{gap:12px;padding:12px}.rank-badge{font-size:.75rem;font-size:var(--font-size-xs);height:40px;min-width:40px}.results-actions{align-items:center;flex-direction:column}.back-home-btn,.play-again-btn{min-width:200px}}@media (max-width:480px){.battle-details h2{font-size:1.125rem;font-size:var(--font-size-lg)}.result-card{padding:20px 15px}.personal-stats-grid{gap:10px;grid-template-columns:1fr 1fr}.player-results{align-items:flex-start;flex-direction:column;gap:8px}}.division-toggle{display:flex;justify-content:center;margin:10px 0 15px}.toggle-label{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:24px;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:10px;padding:8px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.toggle-label:hover{background:#e5e7eb;background:var(--gray-200)}.toggle-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#d1d5db;background:var(--gray-300);border-radius:12px;display:inline-block;flex-shrink:0;height:24px;position:relative;transition:background .3s;width:44px}.toggle-slider:after{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:#f59e0b}.toggle-label input[type=checkbox]:checked+.toggle-slider:after{transform:translateX(20px)}.long-division{display:inline-grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;margin:0 20px 20px 0;vertical-align:middle}.long-division .quotient-input{background:#fff;background:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#667eea;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);grid-column:3;grid-row:1;justify-self:center;line-height:1.25;line-height:var(--line-height-tight);margin-bottom:2px;padding:4px 8px;text-align:center;width:90px}.long-division .quotient-input:focus{border-color:#ff5c2c;border-color:var(--primary-500);box-shadow:0 0 0 3px #f7931e33;outline:none}.ld-divisor{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);grid-column:1;line-height:1.25;line-height:var(--line-height-tight);padding-right:4px;padding-top:7px}.ld-bracket,.ld-divisor{align-self:start;color:#667eea;grid-row:2}.ld-bracket{grid-column:2;height:56px;width:16px}.ld-vinculum{border-top:3px solid #667eea;grid-column:3;grid-row:2;padding:4px 14px 6px 8px}.ld-dividend{color:#667eea;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}@media (max-width:768px){.long-division .quotient-input{font-size:2.5rem;width:76px}.ld-divisor{padding-top:6px}.ld-dividend,.ld-divisor{font-size:2.5rem}.ld-bracket{height:48px;width:14px}}@media (max-width:480px){.long-division .quotient-input{font-size:2rem;padding:3px 6px;width:64px}.ld-divisor{padding-top:5px}.ld-dividend,.ld-divisor{font-size:2rem}.ld-bracket{height:40px;width:12px}.ld-vinculum{padding:3px 10px 4px 6px}}
/*# sourceMappingURL=main.f5553a7d.css.map*/