@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@700;800;900;1000&family=Prompt:wght@700;900&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fbff;background:#25105f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1a1740;--muted: #6c638d;--line: rgba(87, 71, 160, .22);--panel: #ffffff;--coral: #ff335f;--blue: #1368ce;--green: #00a870;--yellow: #ffcf23;--purple: #4b19a8;--teal: #00c2a8;--pink: #ff5bc8;--orange: #ff8a00;--shadow: 0 18px 48px rgba(21, 9, 58, .24);--display-font: "Anuphan", "Prompt", Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(255,91,200,.38),transparent 28%),radial-gradient(circle at 92% 10%,rgba(0,194,168,.34),transparent 30%),linear-gradient(135deg,#24105f,#40108f 48%,#15134d)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2777ef24}.app-shell{min-height:100vh;padding:18px}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:1480px}.app-shell.presentation-mode{overflow:hidden;padding:0}.app-shell.presentation-mode .top-nav,.app-shell.presentation-mode .toast{display:none}.app-shell.presentation-mode .host-grid{max-width:none;min-height:100vh;gap:0}.app-shell.presentation-mode .host-grid.takeover-mode .stage-panel{min-height:100vh}.app-shell.presentation-mode .stage-panel{gap:0}.app-shell.presentation-mode .live-stage{min-height:100vh;border-radius:0}.app-shell.presentation-mode .session-header{display:none}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:850}.brand.big{justify-content:center;color:var(--ink);font-size:25px}.brand-logo{width:40px;height:38px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(7,3,31,.26))}.brand.big .brand-logo{width:58px;height:54px}.mode-switch{display:flex;gap:6px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff21;padding:4px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-switch button,.sound-toggle,.stage-actions button,.player-topline button,.builder button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;background:#ffffffe6;color:var(--ink);padding:0 13px;font-size:14px;font-weight:750}.mode-switch button.active{background:var(--yellow);color:#251500}.mode-switch button:not(.active){color:#fff;background:transparent}.player-header-title{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff24;color:#fff;padding:0 16px;font-size:14px;font-weight:850;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sound-toggle{border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#fff}.sound-toggle.active{background:var(--teal);color:#06251f}.toast{position:fixed;top:74px;left:50%;z-index:20;transform:translate(-50%);border:1px solid rgba(240,90,85,.24);border-radius:8px;background:#fff5f4;color:#9c211d;padding:10px 14px;font-weight:750;box-shadow:var(--shadow)}.host-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:18px;max-width:1480px;margin:0 auto}.host-grid.takeover-mode{grid-template-columns:minmax(0,1fr)}.host-grid.takeover-mode .sidebar,.host-grid.takeover-mode .leader-panel{display:none}.host-grid.takeover-mode .stage-panel{min-height:calc(100vh - 92px)}.panel,.stage-panel{border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow)}.panel{color:var(--ink)}.sidebar,.leader-panel{min-height:calc(100vh - 92px);padding:18px}.host-gate{display:grid;min-height:calc(100vh - 100px);place-items:center}.host-gate-card{display:grid;width:min(440px,100%);gap:16px;padding:28px;text-align:center}.host-gate-card h1{margin:6px 0 0;color:var(--ink);font-size:42px;line-height:1}.host-gate-card p{margin:0;color:var(--muted);line-height:1.5}.host-gate-card label{display:grid;gap:7px;color:var(--muted);text-align:left;font-size:13px;font-weight:850;text-transform:uppercase}.section-title,.field-label{display:flex;align-items:center;gap:8px;color:#5d4b92;font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.field-label{margin:18px 0 7px}.quiz-meta{display:grid;gap:4px;margin:12px 0;border-left:5px solid var(--teal);padding-left:10px;color:var(--muted);font-size:13px;line-height:1.45}.quiz-meta strong{color:var(--ink)}.primary-action,.danger-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;background:linear-gradient(135deg,var(--purple),#7b2ff7);color:#fff;padding:0 16px;font-size:14px;font-weight:850;box-shadow:0 7px #2611603b}.secondary-action{background:#fff;color:var(--purple);border:1px solid rgba(75,25,168,.18);box-shadow:0 5px #311d6a21}.primary-action:hover{filter:brightness(1.08)}.danger-action{background:#fff0ef;color:#b3261e}.wide{width:100%}.question-list{display:grid;gap:8px;margin-top:18px}.question-pill{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px}.question-pill span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#eef2f8;font-weight:850}.question-pill p{overflow:hidden;margin:0;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.question-pill.active{border-color:#00c2a880;background:#effffc}.question-pill.active span{background:var(--teal);color:#fff}.stage-panel{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 92px);gap:18px;border:0;background:transparent;box-shadow:none}.session-header{display:grid;grid-template-columns:minmax(170px,1.2fr) repeat(4,auto) 118px;gap:12px;align-items:center;padding:14px}.pin-row{display:flex;align-items:center;gap:10px}.pin-row button{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#eef2f8;color:var(--ink);padding:0}.pin-row strong{color:var(--ink);font-size:30px;letter-spacing:0}.stat-tile{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon value" "icon label";column-gap:8px;align-items:center;min-width:116px;border:1px solid rgba(87,71,160,.2);border-radius:8px;padding:9px 12px}.stat-tile svg{grid-area:icon;color:var(--purple)}.stat-tile strong{grid-area:value;color:var(--ink);font-size:18px}.stat-tile span{grid-area:label;color:var(--muted);font-size:12px;font-weight:750}.status-badge{min-width:130px;border-radius:8px;background:#f1edff;color:var(--purple);padding:13px 14px;text-align:center;font-size:13px;font-weight:900}.status-badge.question{background:#e8f8ff;color:#075a9b}.status-badge.countdown{background:#fff1c2;color:#6b4200}.status-badge.reveal{background:#edf9f3;color:#087246}.status-badge.ended{background:#fff5d8;color:#7d5600}.play-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;background:var(--purple);color:#fff;padding:0 13px;font-size:13px;font-weight:900;text-decoration:none}.qr-card{display:grid;justify-items:center;gap:4px;width:118px;min-height:112px;border:1px solid rgba(87,71,160,.2);border-radius:8px;background:#fff;color:var(--ink);padding:8px;box-shadow:0 5px #311d6a1f}.qr-card img{display:block;width:76px;height:76px;image-rendering:pixelated}.qr-card span{display:grid;width:76px;height:76px;place-items:center;border-radius:8px;background:#f4f2ff;color:var(--purple);font-weight:1000}.qr-card b{font-size:11px;font-weight:950}.live-stage,.empty-stage{position:relative;min-height:100%;padding:26px}.live-stage{overflow:hidden}.live-stage>*,.player-game>*{position:relative;z-index:1}.live-stage:before,.player-game:before{position:absolute;inset:-40%;z-index:0;pointer-events:none;content:"";opacity:0;background:conic-gradient(from 90deg,#ffcf2352,#ff335f1f,#00c2a838,#ffcf2352);transform:scale(.7) rotate(0);transition:opacity .18s ease}.live-stage.urgent-stage:before,.player-game.urgent-stage:before,.live-stage.panic-stage:before,.player-game.panic-stage:before{opacity:.62;animation:pressureSweep 2.6s linear infinite}.live-stage.panic-stage,.player-game.panic-stage{animation:stageShake .28s linear infinite}.live-stage.reveal-stage:before,.player-game.reveal-stage:before{opacity:.68;background:radial-gradient(circle at 15% 20%,rgba(255,207,35,.45),transparent 16%),radial-gradient(circle at 82% 20%,rgba(0,194,168,.38),transparent 18%),radial-gradient(circle at 48% 72%,rgba(255,91,200,.32),transparent 19%);animation:revealBurst 1.8s ease-out infinite}.live-stage.ready-stage,.player-game.ready-stage{display:grid;min-height:100%;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(255,207,35,.36),transparent 22%),radial-gradient(circle at 84% 22%,rgba(0,194,168,.36),transparent 24%),radial-gradient(circle at 50% 85%,rgba(255,91,200,.34),transparent 26%),linear-gradient(135deg,#24105f,#4b19a8 48%,#0b376d);color:#fff}.ready-stage:before{opacity:.76;background:conic-gradient(from 0deg,#ffcf2394,#ff5bc857,#00c2a86b,#ffcf2394);animation:pressureSweep 3.4s linear infinite}.ready-orbit{position:absolute;inset:0;z-index:0;pointer-events:none}.ready-orbit span{position:absolute;border:3px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:0 0 38px #ffffff29;animation:readyOrbit 2.4s ease-in-out infinite alternate}.ready-orbit span:nth-child(1){inset:13% 18%}.ready-orbit span:nth-child(2){inset:22% 10%;animation-delay:.26s}.ready-orbit span:nth-child(3){inset:7% 28%;animation-delay:.52s}.ready-copy{display:grid;justify-items:center;max-width:920px;text-align:center;text-shadow:0 12px 28px rgba(10,6,44,.34)}.ready-copy>span,.player-ready>span{color:var(--yellow);font-size:18px;font-weight:950;text-transform:uppercase}.ready-copy h1{margin:8px 0 0;font-family:var(--display-font);color:#fff;font-size:clamp(64px,10vw,148px);line-height:.86;text-transform:uppercase}.ready-copy strong,.player-ready strong{display:grid;width:clamp(112px,16vw,190px);height:clamp(112px,16vw,190px);margin:20px 0;place-items:center;border:8px solid rgba(255,255,255,.38);border-radius:999px;background:#ffffff2e;color:#fff;font-size:clamp(64px,9vw,132px);font-weight:1000;line-height:1;box-shadow:inset 0 -12px #00000026,0 24px 54px #0000003d;animation:readyNumber .78s ease-in-out infinite alternate}.live-stage.ready-stage .ready-copy p{max-width:980px;margin:0;font-family:var(--display-font);color:#fff;font-size:clamp(32px,4.8vw,72px);font-weight:1000;line-height:1.02;text-wrap:balance;letter-spacing:0;text-shadow:0 0 18px rgba(0,194,168,.34),0 0 36px rgba(255,91,200,.24),0 8px 0 rgba(37,16,95,.28),0 22px 42px rgba(0,0,0,.34)}.ready-meter{position:absolute;right:28px;bottom:28px;left:28px;z-index:1;height:18px;overflow:hidden;border-radius:8px;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff3d}.ready-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--pink));transition:width .18s linear}.empty-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:radial-gradient(circle at 16% 18%,rgba(255,207,35,.22),transparent 24%),radial-gradient(circle at 86% 24%,rgba(0,194,168,.24),transparent 26%),linear-gradient(135deg,#2f0f7afa,#150842fa);box-shadow:var(--shadow)}.empty-stage h1,.live-stage h1,.join-form h1,.player-question h1,.player-wait h1{margin:0;color:var(--ink);font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:0}.live-stage:not(.ready-stage):not(.leaderboard-takeover)>h1{max-width:100%;border:1px solid rgba(87,71,160,.18);border-radius:8px;background:#fffffff5;color:var(--ink);padding:clamp(14px,1.8vw,26px);font-family:var(--display-font);font-size:clamp(42px,5.1vw,86px);font-weight:1000;line-height:1.02;text-align:center;text-wrap:balance;text-shadow:none;box-shadow:0 10px #4b19a81a,0 22px 48px #15093a24}.empty-stage h1{color:#fff;text-shadow:0 5px 18px rgba(0,0,0,.22)}.empty-stage p,.live-stage p,.player-wait p{max-width:560px;margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.empty-stage p{color:#ffffffc7}.join-preview,.join-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#24105f,#4615b2 62%,#7b2ff7);color:#fff;padding:18px}.join-preview span,.join-card span{color:#ffffffb3;font-size:12px;font-weight:850;text-transform:uppercase}.join-preview strong,.join-card strong{font-size:34px}.preview-input{border-radius:8px;background:#ffffff1f;color:#ffffffb3;padding:12px;font-size:14px;font-weight:750}.lobby-stage,.final-stage,.player-wait{display:grid;align-content:center;gap:24px;text-align:center}.immersive-lobby{display:grid;grid-template-rows:auto 1fr auto;gap:18px;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(255,207,35,.35),transparent 22%),radial-gradient(circle at 84% 18%,rgba(0,194,168,.34),transparent 24%),radial-gradient(circle at 50% 90%,rgba(255,91,200,.34),transparent 28%),linear-gradient(135deg,#19084c,#4b19a8 46%,#0c4f8f);color:#fff}.immersive-lobby:before{opacity:.6;background:conic-gradient(from 40deg,#ffcf2373,#ff5bc838,#00c2a85c,#ffcf2373);animation:pressureSweep 5s linear infinite}.lobby-glow{position:absolute;inset:0;z-index:0;pointer-events:none}.lobby-glow span{position:absolute;width:18vmin;height:18vmin;border:3px solid rgba(255,255,255,.17);border-radius:999px;background:#ffffff14;animation:floatPixel 4s ease-in-out infinite alternate}.lobby-glow span:nth-child(1){top:10%;left:9%}.lobby-glow span:nth-child(2){top:14%;right:12%;animation-delay:.5s}.lobby-glow span:nth-child(3){right:20%;bottom:12%;animation-delay:.9s}.lobby-copy{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;text-shadow:0 14px 28px rgba(7,3,31,.3)}.lobby-copy span{color:var(--yellow);font-size:16px;font-weight:1000;text-transform:uppercase}.lobby-copy h1{margin:8px 0 0;color:#fff;font-size:clamp(56px,9vw,128px);line-height:.92}.lobby-copy p{margin:10px 0 0;color:#ffffffd1;font-size:clamp(18px,2.2vw,28px);font-weight:900}.bubble-field{position:relative;z-index:1;min-height:360px}.player-bubble{position:absolute;display:grid;justify-items:center;gap:8px;min-width:118px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff29;color:#fff;padding:13px 15px 11px;box-shadow:inset 0 -8px #00000014,0 18px 34px #07031f33;animation:bubbleBounce 3.8s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-bubble b{max-width:120px;overflow:hidden;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.player-bubble.muted{opacity:.62}.bubble-0{top:2%;left:8%}.bubble-1{top:7%;left:38%}.bubble-2{top:0;right:8%}.bubble-3{top:38%;left:3%}.bubble-4{top:42%;left:31%}.bubble-5{top:36%;right:5%}.bubble-6{bottom:2%;left:16%}.bubble-7{right:26%;bottom:0}.bubble-8{right:4%;bottom:12%}.lobby-action{position:relative;z-index:1;display:grid;justify-items:center}.final-podium-stage{display:grid;grid-template-rows:auto 1fr;gap:18px;overflow:hidden;background:radial-gradient(circle at 16% 20%,rgba(255,207,35,.42),transparent 22%),radial-gradient(circle at 84% 18%,rgba(0,194,168,.35),transparent 25%),radial-gradient(circle at 50% 92%,rgba(255,91,200,.32),transparent 28%),linear-gradient(135deg,#17064a,#4b19a8 45%,#0c4f8f);color:#fff}.final-podium-stage>:not(.takeover-bg):not(.final-actions):not(.player-final-rank){position:relative;z-index:2}.final-podium-stage:before{opacity:.68;background:conic-gradient(from 90deg,#ffcf2380,#ff5bc83d,#00c2a861,#ffcf2380);animation:pressureSweep 4.7s linear infinite}.final-title{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.final-title svg{color:var(--yellow);filter:drop-shadow(0 14px 22px rgba(0,0,0,.24))}.final-title span{margin-top:8px;color:var(--yellow);font-size:16px;font-weight:1000;text-transform:uppercase}.final-title h1{margin:4px 0 0;color:#fff;font-size:clamp(54px,8vw,118px);line-height:.9}.olympic-podium{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;min-height:430px}.podium-spot{display:grid;justify-items:center;align-content:end;min-width:0;animation:championPop .76s cubic-bezier(.2,.9,.2,1.16) both}.podium-spot.place-1{animation-delay:.12s}.podium-spot.place-2{animation-delay:.26s}.podium-spot.place-3{animation-delay:.36s}.winner-avatar{display:grid;place-items:center;margin-bottom:10px}.podium-spot strong{overflow:hidden;max-width:100%;color:#fff;font-size:clamp(20px,2.5vw,36px);font-weight:1000;text-align:center;text-overflow:ellipsis;white-space:nowrap}.podium-spot small{color:var(--yellow);font-size:14px;font-weight:950}.podium-block{display:grid;width:100%;margin-top:12px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:10px 10px 0 0;background:linear-gradient(180deg,#ffffff3d,#ffffff1a);box-shadow:inset 0 -12px #0000001a,0 24px 44px #07031f38}.podium-block span{display:grid;width:66px;height:66px;place-items:center;border-radius:10px;background:var(--yellow);color:#241c00;font-size:34px;font-weight:1000;transform:translateY(-18px)}.place-1 .podium-block{height:220px;background:linear-gradient(180deg,#ffcf2373,#ffffff24)}.place-2 .podium-block{height:170px}.place-3 .podium-block{height:135px}.final-actions{position:absolute;right:26px;bottom:26px;left:26px;z-index:5;justify-content:center;margin:0}.player-final-actions{position:relative;right:auto;bottom:auto;left:auto;justify-self:center;justify-content:center;align-items:center;gap:8px;margin:4px auto 0}.player-final-actions button{min-height:38px;padding:0 14px;font-size:14px}.player-final-actions .line-touch-button{display:inline-flex;width:min(300px,calc(100vw - 48px));min-height:52px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;background:linear-gradient(180deg,#ffffff29,#fff0),#06c755;color:#fff;padding:12px 20px;font-size:17px;font-weight:1000;line-height:1.2;text-align:center;text-decoration:none;box-shadow:inset 0 -5px #005e304d,0 10px 22px #07031f33}.player-final-actions .line-touch-button svg{flex:0 0 auto}.player-final-actions .line-touch-button:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.line-followup-action{display:grid;justify-items:center;gap:6px}.line-followup-action small{max-width:300px;color:#ffffffd1;font-size:13px;font-weight:750;line-height:1.45;text-align:center}.player-final-rank{position:absolute;top:24px;right:26px;z-index:4;display:grid;min-width:150px;justify-items:center;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff24;padding:12px 16px;box-shadow:inset 0 -8px #00000014,0 18px 36px #07031f33}.player-final-rank span{color:var(--yellow);font-size:12px;font-weight:1000;text-transform:uppercase}.player-final-rank strong{color:#fff;font-size:40px;font-weight:1000;line-height:1}.player-final-rank small{color:#ffffffd1;font-size:13px;font-weight:950}.player-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.player-cloud span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 12px;font-size:14px;font-weight:800}.player-cloud .muted{opacity:.55}.pixel-avatar{display:inline-grid;flex:0 0 auto;place-items:center;border:3px solid rgba(255,255,255,.72);border-radius:8px;background:#ffffff47;box-shadow:inset 0 -5px #00000024,0 8px #14094824}.pixel-avatar svg{display:block;width:100%;height:100%;image-rendering:pixelated;shape-rendering:crispEdges}.pixel-avatar-xs{width:28px;height:28px;border-width:2px}.pixel-avatar-sm{width:38px;height:38px;border-width:2px}.pixel-avatar-md{width:64px;height:64px}.pixel-avatar-lg{width:86px;height:86px}.pixel-avatar-hero{width:clamp(130px,15vw,210px);height:clamp(130px,15vw,210px);border-width:5px;border-radius:10px;box-shadow:inset 0 -10px #00000029,0 26px 48px #07031f52}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase}.timer{position:relative;overflow:hidden;width:190px;height:34px;border-radius:8px;background:#e8edf5}.timer.urgent-stage{background:#fff0bd;box-shadow:0 0 0 4px #ffcf232e}.timer.urgent-stage span{background:linear-gradient(90deg,var(--yellow),var(--orange))}.timer.panic-stage{background:#ffe3e9;box-shadow:0 0 0 4px #ff335f2e,0 0 28px #ff335f47}.timer.panic-stage span{background:linear-gradient(90deg,var(--orange),var(--coral));animation:timerPulse .32s ease-in-out infinite alternate}.timer span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--teal),var(--yellow));transition:width .18s linear}.timer strong{position:relative;display:grid;height:100%;place-items:center;color:var(--ink);font-size:14px}.answered-count{border-radius:8px;background:#edf9f3;color:#087246;padding:9px 12px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.answer-tile{display:flex;align-items:center;gap:12px;min-height:128px;border:0;border-radius:8px;color:#fff;padding:18px;text-align:left;box-shadow:inset 0 -7px #0000002e,0 12px 22px #130a341f;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.answer-tile:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.05)}.answer-tile span{font-size:clamp(18px,2vw,28px);font-weight:900;line-height:1.1}.answer-tile.coral{background:linear-gradient(135deg,#ff335f,#ff5b8a)}.answer-tile.blue{background:linear-gradient(135deg,#1368ce,#2d9cff)}.answer-tile.green{background:linear-gradient(135deg,#00a870,#00d7a7)}.answer-tile.yellow{background:linear-gradient(135deg,#ffcf23,#ff9f1c);color:#251d00}.answer-tile.correct{outline:5px solid rgba(24,169,107,.22);filter:saturate(1.08);animation:correctPop .62s ease both}.answer-tile.dimmed{opacity:.48}.host-duck-lane{position:relative;min-height:clamp(92px,13vh,150px);margin-top:clamp(16px,2.4vh,30px);overflow:hidden;border:1px solid rgba(87,71,160,.14);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f5f8fffa),repeating-linear-gradient(90deg,rgba(255,207,35,.1) 0 14px,transparent 14px 28px);box-shadow:inset 0 -8px #4b19a80f,0 16px 34px #15093a1a}.duck-track-line{position:absolute;right:22px;bottom:28px;left:22px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(75,25,168,.14) 0 18px,transparent 18px 34px)}.duck-caption{position:absolute;top:14px;right:18px;color:#1a17407a;font-size:13px;font-weight:1000;text-transform:uppercase}.pixel-duck{position:absolute;right:-120px;bottom:29px;width:86px;height:74px;image-rendering:pixelated;transform:translate(0);filter:drop-shadow(0 11px 0 rgba(35,20,80,.1))}.live-stage.urgent-stage .pixel-duck,.live-stage.panic-stage .pixel-duck{animation:duckWalkAcross 10s linear both}.pixel-duck span{position:absolute;display:block;border-radius:0}.duck-body{right:12px;bottom:12px;width:52px;height:34px;background:#ffcf23;box-shadow:inset -8px -7px #e5a500,0 0 0 4px #241c0014}.duck-head{right:8px;bottom:40px;width:34px;height:30px;background:#ffcf23;box-shadow:inset -6px -5px #e5a500}.duck-wing{right:34px;bottom:22px;width:22px;height:18px;background:#fff06b;box-shadow:inset -5px -4px #e8b900;animation:duckWingFlap .52s steps(2,end) infinite}.duck-beak{right:0;bottom:48px;width:16px;height:9px;background:#ff8a00;box-shadow:8px 3px #ff8a00}.duck-eye{right:17px;bottom:58px;width:5px;height:5px;background:#17132d}.duck-leg{bottom:1px;width:6px;height:15px;background:#ff8a00;transform-origin:top center}.leg-one{right:28px;animation:duckStepOne .38s steps(2,end) infinite}.leg-two{right:47px;animation:duckStepTwo .38s steps(2,end) infinite}.answer-tile.wrong{outline:5px solid rgba(240,90,85,.24)}.answer-tile.selected{outline:5px solid rgba(21,25,35,.24);transform:translateY(-2px)}.stage-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.round-board{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:center;margin-top:20px;border-radius:8px;background:radial-gradient(circle at 10% 20%,rgba(255,207,35,.22),transparent 24%),radial-gradient(circle at 86% 20%,rgba(0,194,168,.22),transparent 28%),linear-gradient(135deg,#25105f,#4b19a8);color:#fff;padding:16px;perspective:900px;animation:boardEnter .52s cubic-bezier(.2,.9,.2,1.1) both}.leaderboard-takeover{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;align-content:start;min-height:100%;padding:18px 26px;overflow:hidden;background:radial-gradient(circle at 16% 22%,rgba(255,207,35,.44),transparent 24%),radial-gradient(circle at 82% 18%,rgba(0,194,168,.38),transparent 26%),radial-gradient(circle at 48% 88%,rgba(255,91,200,.36),transparent 28%),linear-gradient(135deg,#19084c,#4b19a8 45%,#0c4f8f);color:#fff;perspective:1100px}.leaderboard-takeover>:not(.takeover-bg):not(.takeover-actions){position:relative;z-index:2}.leaderboard-takeover:before{opacity:.78;background:conic-gradient(from 120deg,#ffcf2380,#ff5bc847,#00c2a866,#ffcf2380);animation:pressureSweep 4.5s linear infinite}.takeover-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.takeover-bg span{position:absolute;width:18vmin;height:18vmin;border:3px solid rgba(255,255,255,.18);border-radius:10px;transform:rotate(18deg);animation:floatPixel 3.2s ease-in-out infinite alternate}.takeover-bg span:nth-child(1){top:8%;left:8%;background:#ffcf231f}.takeover-bg span:nth-child(2){top:12%;right:10%;background:#00c2a81f;animation-delay:.4s}.takeover-bg span:nth-child(3){right:18%;bottom:9%;background:#ff5bc81f;animation-delay:.8s}.takeover-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;justify-self:center;width:min(1280px,100%)}.takeover-hero>div:first-child{display:grid;gap:10px}.takeover-hero span{color:var(--yellow);font-size:16px;font-weight:1000;text-transform:uppercase}.takeover-hero h1{margin:0;color:#fff;font-size:clamp(38px,4.3vw,62px);line-height:.92;text-shadow:0 14px 28px rgba(0,0,0,.26)}.takeover-hero p{margin:0;color:#ffffffc7;font-size:20px;font-weight:900}.winners-podium{display:grid;grid-template-columns:150px repeat(auto-fit,minmax(260px,1fr));gap:10px;align-items:stretch;justify-self:center;width:100%;max-width:1280px}.winners-podium.winners-count-1{grid-template-columns:220px minmax(420px,680px);justify-content:center;max-width:940px;margin:6px auto 0}.leaderboard-solo{grid-template-rows:auto minmax(0,auto) auto minmax(0,1fr) auto;gap:clamp(12px,2.2vh,24px);align-content:start}.leaderboard-solo .takeover-hero{justify-items:center;text-align:center}.leaderboard-solo .takeover-hero h1{font-size:clamp(46px,5.4vw,88px)}.leaderboard-solo .winners-podium.winners-count-1{grid-template-columns:minmax(560px,780px);max-width:min(780px,100%);margin:0 auto}.leaderboard-solo .winners-podium>div:first-child{display:none}.leaderboard-solo .winner-card{min-height:clamp(220px,28vh,330px);grid-template-columns:72px 126px minmax(0,1fr);grid-template-areas:"rank avatar copy" "rank avatar score" "track track track";gap:12px 16px;padding:clamp(20px,2.4vw,30px)}.leaderboard-solo .winner-card .winner-rank{width:62px;height:62px;border-radius:14px;font-size:26px}.leaderboard-solo .winner-card .pixel-avatar-hero,.leaderboard-solo .winner-card .pixel-avatar-lg{width:120px;height:120px;border-width:5px}.leaderboard-solo .winner-card>div strong{font-size:clamp(38px,4.4vw,68px)}.leaderboard-solo .winner-card>div small{font-size:18px}.leaderboard-solo .winner-card>.score-math{justify-self:start;font-size:clamp(30px,3.7vw,54px)}.leaderboard-solo .winner-card>.rank-track{justify-self:center}.leaderboard-solo .performer-empty-wide{display:none}.leaderboard-sparse .performer-empty-wide{width:min(760px,100%);margin:0 auto 76px}.winners-podium.winners-count-2{grid-template-columns:170px repeat(2,minmax(280px,1fr));max-width:980px;margin:6px auto 0}.winners-podium>div:first-child,.performer-title{display:grid;align-content:center;gap:3px;border-radius:10px;background:#ffffff1f;padding:10px 12px;box-shadow:inset 0 -6px #0000001a}.winners-podium>div:first-child span,.performer-title span{color:var(--yellow);font-size:12px;font-weight:1000;letter-spacing:0;text-transform:uppercase}.winners-podium>div:first-child strong,.performer-title strong{color:#fff;font-family:var(--display-font);font-size:18px;line-height:1.05}.winner-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank avatar score" "rank copy score" "rank track track";gap:6px 10px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:linear-gradient(135deg,#ffffff3d,#ffffff1a),linear-gradient(120deg,#00c2a82e,#ff5bc81f);padding:10px;box-shadow:inset 0 -8px #0000001c,0 18px 38px #07031f38;transform-style:preserve-3d;animation:winnerLift .72s cubic-bezier(.2,.9,.2,1.12) both}.winners-count-1 .winner-card{min-height:190px;grid-template-columns:62px 112px minmax(0,1fr);grid-template-areas:"rank avatar copy" "rank avatar score" "rank track track";padding:18px}.winners-count-1 .winner-card .winner-rank{width:54px;height:54px;font-size:22px}.winners-count-1 .winner-card .pixel-avatar-hero,.winners-count-1 .winner-card .pixel-avatar-lg{width:104px;height:104px;border-width:4px}.winners-count-1 .winner-card>div strong{font-size:clamp(34px,4vw,58px)}.winners-count-1 .winner-card>div small{font-size:17px}.winners-count-1 .winner-card>.score-math{justify-self:start;font-size:clamp(26px,3vw,42px)}.winners-count-1 .winner-card>.rank-track{justify-self:start}.winner-card.place-1{border-color:#ffcf239e;background:linear-gradient(135deg,#ffcf2357,#ffffff1f),linear-gradient(120deg,#ff5bc82e,#00c2a824)}.winner-card .winner-rank{grid-area:rank;display:grid;width:40px;height:40px;place-items:center;border-radius:9px;background:var(--yellow);color:#241c00;font-size:18px;font-weight:1000}.winner-card .pixel-avatar{grid-area:avatar}.winner-card .pixel-avatar-hero,.winner-card .pixel-avatar-lg{width:58px;height:58px;border-width:3px}.winner-card>div{grid-area:copy;display:grid;min-width:0;gap:2px}.winner-card>div strong{overflow:hidden;color:#fff;font-family:var(--display-font);font-size:clamp(20px,1.75vw,30px);font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.winner-card>div small{color:#ffffffc2;font-size:12px;font-weight:900}.winner-card>.score-math{grid-area:score;justify-self:end;font-size:clamp(15px,1.2vw,20px)}.winner-card>.rank-track{grid-area:track;justify-self:end}.performer-zone{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px 12px;justify-self:center;width:min(1280px,100%);min-height:0}.performer-title{grid-column:1;grid-row:1}.performer-zone .overtake-spotlight{grid-column:1;grid-row:2;grid-template-columns:72px minmax(0,1fr);align-content:start;min-height:0;padding:10px}.performer-zone .overtake-spotlight>.score-math,.performer-zone .overtake-spotlight>.streak-burst{grid-column:1 / -1}.performer-zone .overtake-spotlight h2{font-size:24px}.performer-zone .overtake-spotlight p{font-size:13px}.performer-zone .overtake-spotlight .rank-track{min-width:0;grid-template-columns:auto 30px auto}.performer-zone .takeover-leaders{grid-column:2;grid-row:1 / span 2}.performer-empty{margin:0;border:1px dashed rgba(255,255,255,.28);border-radius:10px;color:#ffffffc2;padding:18px;text-align:center;font-weight:900}.performer-empty-wide{width:min(680px,100%);margin:16px auto 82px;background:#ffffff1a;color:#ffffffdb}.champion-podium{display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;min-width:330px;align-items:center;gap:6px 12px;border:1px solid rgba(255,255,255,.26);border-radius:10px;background:linear-gradient(180deg,#ffffff3d,#ffffff1a);padding:12px;box-shadow:inset 0 -8px #0000001a,0 22px 48px #07031f40;animation:championPop .76s cubic-bezier(.2,.9,.2,1.16) both}.champion-podium strong{margin-top:0;font-size:24px;font-weight:1000}.champion-podium small{color:var(--yellow);font-size:14px;font-weight:950}.champion-podium .pixel-avatar-hero{grid-row:span 3;width:92px;height:92px;border-width:4px}.champion-podium .score-math{font-size:22px}.overtake-spotlight{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) minmax(250px,auto) minmax(140px,auto);gap:12px;align-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.34);border-radius:10px;background:linear-gradient(135deg,#ffffff3d,#ffffff14),linear-gradient(90deg,#00c2a842,#ffcf2333);min-height:92px;padding:6px 12px;box-shadow:inset 0 -9px #0000001f,0 24px 54px #05021c47;animation:overtakeFlash .98s cubic-bezier(.2,.9,.2,1.12) both}.overtake-spotlight.move-down{background:linear-gradient(135deg,#fff3,#ffffff14),linear-gradient(90deg,#ff335f3d,#ffcf2329)}.overtake-spotlight>div:first-child{display:grid;justify-items:center;gap:5px}.overtake-spotlight>div:first-child .pixel-avatar{width:72px;height:72px;border-width:3px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.25));animation:avatarOvertake .9s cubic-bezier(.2,.95,.1,1.2) both}.overtake-spotlight span{color:var(--yellow);font-size:13px;font-weight:1000;text-transform:uppercase}.overtake-spotlight h2{margin:0;color:#fff;font-size:clamp(24px,2.8vw,40px);line-height:.92}.overtake-spotlight p{margin:4px 0 8px;color:#ffffffd1;font-size:clamp(14px,1.45vw,20px);font-weight:950}.takeover-leaders{display:grid;align-content:center;gap:7px}.leaderboard-takeover .round-leader{grid-template-columns:44px 58px minmax(0,1fr) minmax(286px,auto) 106px;min-height:56px;padding:6px 10px;border:1px solid rgba(255,255,255,.2)}.leaderboard-takeover .round-leader.rank-1{min-height:62px;transform-origin:center}.leaderboard-takeover .round-leader strong:first-child{width:38px;height:38px;font-size:18px}.leaderboard-takeover .round-leader span{font-size:clamp(18px,1.75vw,26px)}.leaderboard-takeover .round-leader small{font-size:12px}.leaderboard-takeover .round-leader .pixel-avatar-md,.leaderboard-takeover .round-leader .pixel-avatar-lg{width:52px;height:52px;border-width:3px}.leaderboard-takeover .round-score-cell{justify-content:end}.leaderboard-takeover .round-score-cell .score-math{font-size:clamp(15px,1.35vw,21px)}.leaderboard-takeover .round-leader .score-math span{color:#ffffffa3;font-size:.68em}.leaderboard-takeover .round-leader .streak-burst{display:inline-flex;color:#2c1200;font-size:12px;text-transform:uppercase;white-space:normal}.takeover-actions{position:absolute;right:0;bottom:38px;left:0;z-index:3;justify-content:center;margin-top:0}.leaderboard-takeover>.takeover-actions{position:absolute}.takeover-actions button{min-height:38px}.round-board span{color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase}.round-board h2{margin:4px 0 0;font-size:26px;line-height:1.05}.round-leaders{display:grid;gap:8px}.round-leader{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:8px;background:#ffffff1f;padding:10px;box-shadow:inset 0 -5px #0000001f,0 14px 22px #07031f38;transform-style:preserve-3d;animation:leaderFlip .56s cubic-bezier(.2,.9,.2,1.1) both}.round-leader.rank-1{background:linear-gradient(135deg,#ffcf235c,#ffffff21)}.round-leader strong{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--yellow);color:#241c00}.round-leader b,.round-score-cell{display:inline-flex;align-items:center;gap:7px;font-size:18px}.leader-copy{display:grid;min-width:0;gap:3px}.round-leader span{overflow:hidden;color:#fff;font-size:16px;font-weight:950;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.round-leader small{color:#ffffffb8;font-size:12px;font-weight:850}.round-leader.move-up{background:linear-gradient(135deg,#00c2a85c,#ffffff21);animation-name:leaderRise}.round-leader.move-up .pixel-avatar{animation:avatarOvertake .85s cubic-bezier(.2,.95,.1,1.2) both}.round-leader.move-down{background:linear-gradient(135deg,#ff335f4d,#ffffff1c);animation-name:leaderDrop}.score-math{position:relative;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:1000;line-height:1;white-space:nowrap;isolation:isolate}.score-math.compact{gap:4px}.score-math .score-before{color:#ffffffa3;font-size:.68em;animation:scoreBeforeSlide 1.4s ease-out both}.score-math i{color:var(--yellow);font-style:normal;opacity:.9}.score-math .score-plus{animation:operatorPop .62s ease-out both}.score-math .score-equals{animation:operatorPop .62s .42s ease-out both}.score-math .score-add{position:relative;display:inline-grid;min-width:48px;place-items:center;overflow:visible;border-radius:8px;background:#ffcf2333;color:var(--yellow);padding:5px 7px;text-shadow:0 0 16px rgba(255,207,35,.48);animation:scoreAddLaunch 1.25s cubic-bezier(.2,.95,.12,1.16) both}.score-math.score-zero .score-add{background:#ffffff1f;color:#ffffffb8;text-shadow:none}.score-add em{position:absolute;inset:-12px;pointer-events:none;z-index:-1}.score-add em span{position:absolute;width:7px;height:7px;border-radius:999px;background:var(--yellow);box-shadow:0 0 14px #ffcf23e6;animation:scoreSpark 1.2s ease-out both}.score-add em span:nth-child(1){top:3px;left:10px;--spark-x: -16px;--spark-y: -18px}.score-add em span:nth-child(2){top:50%;right:2px;animation-delay:.11s;--spark-x: 18px;--spark-y: -8px}.score-add em span:nth-child(3){right:18px;bottom:2px;animation-delay:.22s;--spark-x: 10px;--spark-y: 18px}.animated-score{display:inline;width:auto;height:auto;min-width:0;border-radius:0;background:transparent;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 10px 22px rgba(0,0,0,.24);animation:scoreTotalLand 1.55s cubic-bezier(.2,.95,.12,1.16) both,scoreTotalGlow 1.8s ease-in-out 1.55s infinite alternate}.round-leader .score-math .animated-score,.leader-row .animated-score{display:inline;width:auto;height:auto;min-width:0;border-radius:0;background:transparent;color:#fff}.leader-row .animated-score{color:var(--ink)}.rank-track{display:inline-grid;grid-template-columns:auto 44px auto;gap:6px;align-items:center;min-width:112px;color:#fff;font-weight:1000}.rank-track span,.rank-track b{display:grid;min-width:34px;height:30px;place-items:center;border-radius:8px;background:#ffffff29}.rank-track b{background:var(--yellow);color:#241c00}.rank-track i{position:relative;display:block;height:6px;overflow:hidden;border-radius:99px;background:#ffffff38}.rank-track i:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,var(--teal),var(--yellow));transform-origin:left;animation:rankLine .82s ease-out both}.rank-track.move-down i:after{background:linear-gradient(90deg,var(--coral),var(--yellow))}.streak-burst{display:inline-flex;align-items:center;width:fit-content;gap:5px;border-radius:999px;background:linear-gradient(90deg,#ff5b00f0,#ffcf23f2);color:#2c1200;padding:5px 9px;font-size:12px;font-weight:1000;text-transform:uppercase;box-shadow:0 9px 20px #ff5b003d;animation:streakIgnite .76s ease-out both}.streak-burst b{color:#2c1200}.round-leader.move-new{background:linear-gradient(135deg,#ffcf2359,#ff5bc829)}.leader-list{display:grid;gap:10px;margin:18px 0}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;transition:transform .18s ease}.leader-row:first-child{background:#fff8d9;border-color:#ffcf238c}.rank{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--yellow);color:#241c00;font-weight:950}.leader-row strong,.leader-row b{display:flex;align-items:center;gap:6px;font-size:15px}.leader-row small{color:var(--muted);font-size:12px;font-weight:750}.movement-badge{display:inline-grid;min-width:32px;height:22px;place-items:center;border-radius:7px;padding:0 6px;font-style:normal;font-size:11px;font-weight:1000;line-height:1}.movement-badge.move-up{background:#d9fff5;color:#006e58}.movement-badge.move-down{background:#ffe1e8;color:#a50f34}.movement-badge.move-new{background:#fff1b7;color:#5b3d00}.movement-badge.move-same{background:#eee9ff;color:var(--purple)}.empty-list{margin:18px 0;border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:18px;text-align:center}.company-builder{display:grid;gap:10px;margin-top:22px;border:1px solid rgba(75,25,168,.18);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f6f1fffa);padding:14px;box-shadow:inset 0 0 0 1px #fffc}.company-builder-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.company-builder-head>svg{color:var(--pink)}.company-builder p{margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.company-builder label{display:grid;gap:6px;color:#4d407c;font-size:12px;font-weight:850}.company-builder input,.company-builder textarea{border-color:#4b19a833;background:#fff}.company-actions{display:grid;grid-template-columns:.82fr 1fr;gap:8px}.company-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;background:#fff6d8;color:#5b3d00;padding:0 12px;font-size:13px;font-weight:900}.company-actions .primary-action{color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple))}.company-preview{display:grid;gap:7px;border-radius:8px;background:#25105f;color:#fff;padding:12px}.company-preview strong{font-size:15px}.company-preview span{color:#ffcf23;font-size:12px;font-weight:850}.company-preview p{overflow:hidden;margin:0;color:#ffffffd1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.builder{display:grid;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.line-keyword-field{display:grid;gap:6px;color:#4d407c;font-size:12px;font-weight:850}.line-keyword-field small{color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}.builder-question{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px}.duration-field{display:grid;gap:6px;color:#4d407c;font-size:12px;font-weight:850}.mini-options{display:grid;gap:6px}.mini-options label{display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:center}.mini-options input[type=radio]{width:16px}.form-error{margin:0;color:#b3261e;font-size:13px;font-weight:750}.player-entry{display:grid;min-height:calc(100vh - 92px);place-items:center}.join-form{display:grid;width:min(460px,100%);gap:16px;padding:26px}.join-form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase}.character-picker{display:grid;gap:9px}.character-picker>span{color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase}.character-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px 2px 8px}.character-picker button{display:grid;gap:4px;min-height:74px;place-items:center;border:2px solid transparent;border-radius:8px;background:#f4f2ff;color:var(--ink);padding:8px;font-weight:850}.character-picker button span{font-size:26px;line-height:1}.character-picker button .pixel-avatar{width:58px;height:58px}.character-picker button small{font-size:11px}.character-picker button.active{border-color:var(--teal);background:#eafffb;box-shadow:0 6px #00a87029;transform:translateY(-2px)}.player-game{position:relative;overflow:hidden;display:grid;gap:20px;width:min(960px,100%);min-height:calc(100vh - 92px);margin:0 auto;padding:22px}.player-game.ready-stage,.player-game.reveal-stage{background:transparent;border-color:#ffffff2e;box-shadow:none}.player-game.ready-stage .player-topline,.player-game.reveal-stage .player-topline{display:none}.player-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}.player-topline div{display:grid}.player-topline span{color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase}.player-topline strong{font-size:28px}.player-question{display:grid;gap:22px;align-content:center}.player-question h1{border:1px solid rgba(87,71,160,.18);border-radius:8px;background:#fffffff5;color:var(--ink);padding:14px 12px;font-family:var(--display-font);font-size:clamp(30px,8vw,48px);font-weight:1000;line-height:1.04;text-align:center;text-wrap:balance;text-shadow:none;box-shadow:0 8px #4b19a81f,0 16px 34px #15093a29}.player-ready{display:grid;min-height:70vh;place-items:center;text-align:center}.player-ready h1{max-width:780px;margin:0;color:#fff;font-size:clamp(34px,7vw,78px);line-height:1;text-shadow:0 10px 26px rgba(10,6,44,.32)}.player-ready .ready-meter{right:24px;bottom:24px;left:24px}.player-reveal-takeover{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:18px;min-height:calc(100vh - 190px);overflow:hidden;border-radius:8px;background:radial-gradient(circle at 18% 18%,rgba(255,207,35,.42),transparent 24%),radial-gradient(circle at 82% 16%,rgba(0,194,168,.38),transparent 26%),radial-gradient(circle at 50% 96%,rgba(255,91,200,.36),transparent 30%),linear-gradient(135deg,#19084c,#4b19a8 45%,#0c4f8f);color:#fff;padding:22px;perspective:1000px}.player-reveal-takeover:before{position:absolute;inset:-40%;z-index:0;pointer-events:none;content:"";opacity:.72;background:conic-gradient(from 140deg,#ffcf237a,#ff5bc847,#00c2a86b,#ffcf237a);animation:pressureSweep 4.3s linear infinite}.player-reveal-takeover>*{position:relative;z-index:1}.player-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.player-result-hero span{color:var(--yellow);font-size:15px;font-weight:1000;text-transform:uppercase}.player-result-hero h1{margin:4px 0 0;color:#fff;font-size:clamp(64px,13vw,132px);line-height:.86;text-shadow:0 16px 28px rgba(0,0,0,.28)}.player-result-hero p{margin:8px 0 0;color:#ffffffd1;font-size:clamp(18px,3vw,32px);font-weight:950}.player-podium{display:grid;justify-items:center;min-width:190px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:linear-gradient(180deg,#ffffff40,#ffffff1a);padding:16px;box-shadow:inset 0 -8px #0000001a,0 22px 48px #07031f3d;animation:championPop .76s cubic-bezier(.2,.9,.2,1.16) both}.player-podium.move-up{background:linear-gradient(180deg,#00c2a847,#ffffff1a)}.player-podium.move-down{background:linear-gradient(180deg,#ff335f40,#ffffff1a)}.player-podium strong{margin-top:8px;font-size:22px;font-weight:1000}.player-podium small{color:var(--yellow);font-size:13px;font-weight:950}.player-answer-reveal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.player-answer-reveal .answer-tile{justify-content:center;min-height:86px;padding:12px;text-align:center}.player-answer-reveal .answer-tile span{font-size:clamp(15px,1.6vw,22px)}.player-takeover-leaders{display:grid;align-content:center;gap:10px}.player-takeover-leaders .round-leader{grid-template-columns:44px auto minmax(0,1fr) minmax(180px,auto);min-height:82px;border:1px solid rgba(255,255,255,.18)}.player-takeover-leaders .round-leader span{font-size:clamp(20px,4vw,34px)}.player-takeover-leaders .round-score-cell .score-math{font-size:clamp(18px,3.4vw,32px)}.mini-leaderboard{display:grid;gap:8px;border-radius:8px;background:#25105f;color:#fff;padding:14px}.mini-leaderboard>span{color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase}.mini-leader-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-radius:8px;background:#ffffff1f;padding:8px;animation:boardEnter .42s ease both}.mini-leader-row b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--yellow);color:#241c00}.mini-leader-row small{display:inline-flex;align-items:center;gap:6px;font-weight:900}.player-timer{width:100%}.answer-grid.player{margin-top:0}.answer-grid.player .answer-tile{justify-content:center;min-height:132px;text-align:center}.submitted{margin:0;border-radius:8px;background:#edf9f3;color:#087246;padding:12px;text-align:center;font-weight:850}@keyframes pressureSweep{0%{transform:scale(.72) rotate(0)}to{transform:scale(.72) rotate(360deg)}}@keyframes readyOrbit{0%{transform:scale(.9) rotate(-3deg);opacity:.58}to{transform:scale(1.04) rotate(3deg);opacity:.96}}@keyframes readyNumber{0%{transform:scale(.96)}to{transform:scale(1.05)}}@keyframes bubbleBounce{0%{transform:translateZ(0) scale(.96)}45%{transform:translate3d(18px,-24px,0) scale(1.04)}to{transform:translate3d(-12px,18px,0) scale(1)}}@keyframes timerPulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}@keyframes stageShake{0%,to{transform:translate(0)}25%{transform:translate(1px)}75%{transform:translate(-1px)}}@keyframes revealBurst{0%{transform:scale(.78);opacity:.72}70%,to{transform:scale(1);opacity:0}}@keyframes boardEnter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaderFlip{0%{opacity:0;transform:rotateX(-18deg) translateY(14px) scale(.96)}to{opacity:1;transform:rotateX(0) translateY(0) scale(1)}}@keyframes winnerLift{0%{opacity:0;transform:translateY(22px) rotateX(-16deg) scale(.94)}62%{opacity:1;transform:translateY(-7px) rotateX(4deg) scale(1.025)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes leaderRise{0%{opacity:0;transform:translateY(24px) translateZ(-60px) rotateX(-18deg) scale(.94)}62%{transform:translateY(-8px) translateZ(34px) rotateX(4deg) scale(1.025)}to{opacity:1;transform:translateY(0) translateZ(0) rotateX(0) scale(1)}}@keyframes leaderDrop{0%{opacity:0;transform:translateY(-18px) translateZ(30px) rotateX(14deg) scale(1.02)}to{opacity:1;transform:translateY(0) translateZ(0) rotateX(0) scale(1)}}@keyframes overtakeFlash{0%{opacity:0;transform:translateY(24px) rotateX(-16deg) scale(.96);filter:brightness(1)}58%{opacity:1;transform:translateY(-8px) rotateX(4deg) scale(1.025);filter:brightness(1.25)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:brightness(1)}}@keyframes avatarOvertake{0%{transform:translateY(20px) scale(.78) rotate(-5deg)}55%{transform:translateY(-10px) scale(1.18) rotate(4deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes scoreBeforeSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes operatorPop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes scoreAddLaunch{0%{transform:translateY(16px) scale(.72) rotate(-4deg);opacity:0;filter:brightness(1)}52%{transform:translateY(-8px) scale(1.18) rotate(3deg);opacity:1;filter:brightness(1.4)}to{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:brightness(1)}}@keyframes scoreTotalLand{0%{opacity:0;transform:translate(18px) scale(.82)}52%{opacity:1;transform:translate(0) scale(1.16)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes scoreTotalGlow{0%{filter:drop-shadow(0 0 0 rgba(255,207,35,0))}to{filter:drop-shadow(0 0 10px rgba(255,207,35,.48))}}@keyframes scoreSpark{0%{opacity:0;transform:translate(0) scale(.5)}38%{opacity:1}to{opacity:0;transform:translate(var(--spark-x, 14px),var(--spark-y, -18px)) scale(0)}}@keyframes rankLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes streakIgnite{0%{transform:translateY(8px) scale(.78);opacity:0;filter:brightness(1)}62%{transform:translateY(-3px) scale(1.08);opacity:1;filter:brightness(1.28)}to{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}}@keyframes floatPixel{0%{opacity:.46;transform:translateY(0) rotate(12deg) scale(.92)}to{opacity:.9;transform:translateY(-18px) rotate(24deg) scale(1.08)}}@keyframes championPop{0%{opacity:0;transform:translateY(24px) rotateX(-18deg) scale(.92)}65%{transform:translateY(-8px) rotateX(5deg) scale(1.04)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes correctPop{0%{transform:scale(.98)}55%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes duckWalkAcross{0%{transform:translate(0) translateY(0)}20%{transform:translate(calc(-20vw - 70px)) translateY(-2px)}40%{transform:translate(calc(-40vw - 120px)) translateY(1px)}60%{transform:translate(calc(-60vw - 170px)) translateY(-2px)}80%{transform:translate(calc(-80vw - 220px)) translateY(1px)}to{transform:translate(calc(-100vw - 280px)) translateY(0)}}@keyframes duckWingFlap{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes duckStepOne{0%,to{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}@keyframes duckStepTwo{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@media(max-width:1180px){.host-grid{grid-template-columns:260px minmax(0,1fr)}.leader-panel{grid-column:1 / -1;min-height:auto}}@media(max-width:820px){.app-shell{padding:12px}.top-nav,.host-grid,.empty-stage,.session-header,.answer-grid,.round-board,.takeover-hero,.player-result-hero,.player-answer-reveal,.olympic-podium{grid-template-columns:1fr}.player-header-title{width:100%}.bubble-field{min-height:460px}.player-bubble{min-width:96px;padding:10px}.player-bubble .pixel-avatar-lg{width:64px;height:64px}.olympic-podium{gap:0}.podium-spot.place-1{order:1}.podium-spot.place-2{order:2}.podium-spot.place-3{order:3}.podium-block,.place-1 .podium-block,.place-2 .podium-block,.place-3 .podium-block{height:110px}.player-final-actions{right:auto;bottom:auto;left:auto;justify-content:center;flex-wrap:wrap}.player-final-rank{top:14px;right:14px;min-width:118px;padding:10px 12px}.player-final-rank strong{font-size:30px}.leaderboard-takeover .round-leader,.player-takeover-leaders .round-leader{grid-template-columns:40px auto minmax(0,1fr)}.leaderboard-takeover .round-leader b,.player-takeover-leaders .round-leader b{grid-column:3;justify-self:start}.champion-podium,.player-podium{min-width:0;width:100%}.top-nav{display:grid}.mode-switch,.sound-toggle{width:100%}.mode-switch button{flex:1}.sidebar,.leader-panel,.stage-panel,.player-game{min-height:auto}.session-header{align-items:stretch}.stat-tile,.status-badge,.play-link,.qr-card{min-width:0;width:100%}.live-stage,.empty-stage,.join-form,.player-game{padding:18px}.stage-toolbar,.stage-actions,.player-topline{align-items:stretch;flex-direction:column}.timer{width:100%}.player-question{gap:18px}.player-question h1{padding:12px 10px;font-size:clamp(28px,9vw,40px);line-height:1.06}.answer-grid.player .answer-tile{min-height:118px}}