:root{color:#f2f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#071325 0%,#0d2344 52%,#08172d 100%);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#4b8eff38,#0000 28%),radial-gradient(circle at 100% 100%,#ffb35a2e,#0000 28%);position:fixed;inset:0}#root{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 48px;position:relative}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;color:inherit;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95}button{transition:transform .16s,box-shadow .16s,opacity .16s}button:focus-visible{outline-offset:3px;outline:3px solid #1258a647}@media (width<=640px){#root{width:min(100%,100% - 20px);padding:16px 0 28px}}.app-shell{gap:24px;display:grid}.intro-stage,.studio-stage,.ladder-panel,.info-card,.result-hero,.result-card,.result-panel{background:linear-gradient(#050e1efa,#081c3af5);border:1px solid #6eb3ff29;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061,inset 0 1px #ffffff14}.intro-stage,.result-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:28px;min-height:540px;padding:42px;display:grid}.studio-layout{grid-template-columns:minmax(0,1.25fr) 330px;align-items:start;gap:22px;display:grid}.studio-stage{min-height:860px;padding:26px 28px 30px}.intro-copy,.hero-copy{z-index:2;position:relative}.hero-title,.question-title,.result-title,.info-card h2,.result-card h2,.result-panel h2,.feedback-panel h2{color:#f5f9ff;text-shadow:0 2px 14px #00000052}.hero-title{max-width:10ch}.result-title{max-width:12ch}.eyebrow,.card-label,.status-pill,.broadcast-pill,.progress-pill,.board-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}.eyebrow,.card-label,.board-kicker{color:#97ccff;margin:0 0 16px}.lead{color:#edf5ff;max-width:44rem;font-size:1.08rem;line-height:1.72}.hero-actions,.result-actions,.lifeline-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions,.result-actions{margin-top:28px}.primary-action,.secondary-action,.tool-chip,.answer-bar{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,opacity .18s}.primary-action,.secondary-action,.tool-chip{font:inherit;cursor:pointer;border-radius:999px;padding:14px 20px;font-weight:700}.primary-action{color:#061220;background:linear-gradient(135deg,#ffe784,#ffbf55);border:0;box-shadow:0 18px 34px #ffbf554d}.secondary-action,.tool-chip{color:#eff6ff;background:#091a31e6;border:1px solid #74bbff4d}.status-pill,.broadcast-pill,.progress-pill{color:#eef7ff;background:#74bbff24;border:1px solid #74bbff2e;border-radius:999px;align-items:center;padding:10px 16px;display:inline-flex}.intro-visual,.score-orbit{place-items:center;min-height:420px;display:grid;position:relative}.stage-circle{background:radial-gradient(circle,#ffc25429,#0000 42%),radial-gradient(circle,#6fb6ff29,#0000 60%);border-radius:999px;width:440px;height:440px;position:absolute;box-shadow:inset 0 0 0 18px #6fb6ff14,inset 0 0 0 44px #ffe7840a}.arch-frame,.studio-arch{background:linear-gradient(#07132824,#07132899);border:2px solid #84c5ff73;border-radius:280px 280px 42px 42px;width:100%;max-width:500px;min-height:400px;position:relative;box-shadow:0 0 0 14px #6eb3ff0f,inset 0 0 80px #70b2ff1f}.arch-frame:before,.studio-arch:before,.arch-frame:after,.studio-arch:after{content:"";background:linear-gradient(#dff3ff,#6eb3ff3d);border-radius:999px;width:18px;position:absolute;top:24px;bottom:24px;box-shadow:0 0 18px #92d2ff73}.arch-frame:before,.studio-arch:before{left:58px}.arch-frame:after,.studio-arch:after{right:58px}.host-platform{grid-template-columns:1fr 148px 1fr;align-items:end;display:grid;position:absolute;inset:auto 0 28px}.chair,.podium{justify-self:center}.chair{background:linear-gradient(#eaf5fffa,#9dd9ff80);border:1px solid #ddf2ff8c;border-radius:22px 22px 16px 16px;width:92px;height:110px;box-shadow:0 12px 24px #00000047}.chair:after{content:"";background:#ecf4ffdb;border-radius:999px;width:40px;height:16px;margin-top:108px;position:absolute}.podium{background:linear-gradient(#ffffffeb,#98d7ff61);border:1px solid #f1f8ff8f;border-radius:44px 44px 26px 26px;width:148px;height:146px;box-shadow:0 0 30px #88c5ff52,0 16px 30px #00000047}.light-grid{pointer-events:none;position:absolute;inset:0}.beam{clip-path:polygon(50% 0%,100% 100%,0% 100%);filter:blur(1px);opacity:.6;transform-origin:top;background:linear-gradient(#c6edff99,#47a4ff0a);width:22%;height:88%;animation:7s ease-in-out infinite beamSweep;position:absolute;top:-5%}.beam-one{left:2%}.beam-two{animation-delay:1.4s;left:26%}.beam-three{animation-delay:2.8s;right:24%}.beam-four{animation-delay:4s;right:2%}.stage-topbar{z-index:2;justify-content:space-between;gap:14px;display:flex;position:relative}.studio-frame{z-index:2;gap:18px;margin-top:18px;display:grid;position:relative}.question-board{background:linear-gradient(#123462fa,#0b1e39fa);border:2px solid #88c9ff6b;border-radius:34px;max-width:860px;margin:0 auto;padding:26px 26px 24px;position:relative;box-shadow:0 16px 38px #00000057,inset 0 0 0 3px #e9f6ff14}.board-theme{color:#f5fbff;background:#6fb6ff24;border:1px solid #6fb6ff38;border-radius:999px;align-items:center;min-height:2.1rem;padding:6px 14px;font-weight:700;display:inline-flex}.question-title{text-align:center;max-width:none;margin:18px 0 0;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08}.answer-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.answer-bar{color:#f7fbff;width:100%;min-height:86px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#1a549cf5,#0d2c54fa);border:2px solid #75bdff47;border-radius:999px;align-items:center;gap:14px;padding:12px 18px;display:flex;box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff14}.answer-bar:hover:not(:disabled),.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.tool-chip:hover:not(:disabled){transform:translateY(-2px)}.tool-chip.used,.tool-chip.used:disabled{opacity:1;color:#b8c7db;background:linear-gradient(#363e4ef5,#1c222ffa);border-color:#ffbf5542;box-shadow:inset 0 0 0 1px #ffbf5514}.answer-letter{color:#051020;background:linear-gradient(#ffe98b,#ffd061);border-radius:999px;place-items:center;min-width:2.8rem;height:2.8rem;font-size:.9rem;font-weight:800;display:inline-grid;box-shadow:0 10px 18px #ffe78438}.answer-bar.selected{border-color:#ffe7848f;box-shadow:0 16px 28px #ffe78429}.answer-bar.correct{background:linear-gradient(#126c4efa,#0a3a2cfa);border-color:#77e1a094}.answer-bar.wrong{background:linear-gradient(#741e30fa,#420e19fa);border-color:#ff7c7c8f}.answer-bar.eliminated{cursor:default;color:#eff7ff94;background:linear-gradient(#0f1f38db,#0a1220eb);border-style:dashed}.hint-box,.feedback-panel{background:#061224eb;border:1px solid #74bbff33;border-radius:24px;padding:20px}.feedback-panel{gap:14px;display:grid}.ladder-panel{background:linear-gradient(#071427fa,#0b1e3afa);padding:22px}.ladder-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ladder-item{background:#09182fc2;border:1px solid #74bbff1f;border-radius:18px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.ladder-item strong{color:#f7fbff;margin-bottom:4px;display:block}.ladder-item p{color:#dce9f8;margin:0;font-size:.9rem;line-height:1.5}.ladder-step{color:#061220;background:#ffe784e0;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.ladder-item.current{background:#ffbf551a;border-color:#ffe7847a}.ladder-item.correct{background:linear-gradient(#126c4eb8,#0a3a2cdb);border-color:#77e1a075}.ladder-item.wrong{background:linear-gradient(#741e30b8,#420e19db);border-color:#ff7c7c75}.ladder-item.pending{opacity:.74}.score-orbit{place-items:center;min-height:320px;display:grid;position:relative}.score-orbit:before{content:"";background:radial-gradient(circle,#ffbf551f,#0000 38%),radial-gradient(circle,#6fb6ff29,#0000 62%);border-radius:999px;width:360px;height:360px;position:absolute}.score-ring{z-index:2;text-align:center;background:radial-gradient(circle,#ffbf552e,#0a1d39fa);border:1px solid #ffe7846b;border-radius:999px;place-items:center;width:220px;height:220px;padding:18px;display:grid;position:relative;box-shadow:0 0 0 18px #ffe7840d,0 18px 54px #00000061}.score-value{color:#ffe98b;font-size:4.3rem;line-height:1;display:block}.score-caption{color:#f2f7ff;text-transform:uppercase;letter-spacing:.14em;max-width:8rem;font-size:.82rem;line-height:1.42;display:block}.preview-grid,.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.result-card,.result-panel{padding:28px}.info-card h2,.result-card h2,.result-panel h2,.feedback-panel h2{margin:0 0 12px;font-size:1.38rem;line-height:1.16}.info-card p,.result-card p,.result-panel p,.feedback-panel p,.hint-box p{color:#e6eef8;line-height:1.72}.pulse-glow{animation:3.2s ease-in-out infinite pulseGlow}.stage-reveal{animation:.56s both stageReveal}@keyframes stageReveal{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 18px #ffe7840d,0 18px 54px #00000061}50%{box-shadow:0 0 0 24px #ffe7841a,0 24px 60px #0000006b}}@keyframes beamSweep{0%,to{opacity:.38;transform:rotate(-8deg)scaleY(.96)}50%{opacity:.82;transform:rotate(8deg)scaleY(1.04)}}@media (width<=1180px){.studio-layout,.intro-stage,.result-hero,.preview-grid,.result-grid{grid-template-columns:1fr}.intro-stage,.result-hero{min-height:auto}.score-orbit,.intro-visual{min-height:300px}}@media (width<=860px){.answer-stage{grid-template-columns:1fr}}@media (width<=760px){.intro-stage,.studio-stage,.ladder-panel,.info-card,.result-hero,.result-card,.result-panel{border-radius:24px}.intro-stage,.result-hero,.studio-stage,.ladder-panel,.info-card,.result-card,.result-panel{padding:22px}.stage-topbar,.hero-actions,.result-actions,.lifeline-row{align-items:stretch}.primary-action,.secondary-action,.tool-chip,.status-pill,.broadcast-pill,.progress-pill{justify-content:center;width:100%}.question-title{font-size:1.8rem}.host-platform{grid-template-columns:1fr 112px 1fr}.podium{width:112px;height:118px}.chair{width:74px;height:90px}}@media (prefers-reduced-motion:reduce){.beam,.pulse-glow,.stage-reveal{animation:none}.primary-action,.secondary-action,.tool-chip,.answer-bar{transition:none}}