:root{color:#f7f3ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#160b31;--panel:#251146;--panel-strong:#35165f;--text:#f7f3ff;--muted:#bdaed8;--line:#ffffff1f;--orange:#ff9f2d;--pink:#f051d5;--green:#18b96c;--red:#e42234;--teal:#11afa8;--shadow:0 24px 70px #00000061;background:#160b31;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 16%,#f051d52e,#0000 24rem),radial-gradient(circle at 84% 20%,#11afa829,#0000 22rem),linear-gradient(145deg,#110724 0%,#1b0d39 54%,#10071e 100%);width:100%;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{color:inherit;font:inherit}#app{width:100%;min-height:100vh;overflow-x:hidden}.shell{width:100%;max-width:980px;min-height:100vh;margin:0 auto;padding:24px}.menu-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-content:center;gap:18px;display:grid}.brand-panel,.control-panel,.leaderboard,.result-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#251146d6;border-radius:8px}.brand-panel{flex-direction:column;justify-content:center;min-height:420px;padding:36px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--orange), var(--pink));color:#17072c;border-radius:8px;place-items:center;width:72px;height:72px;margin-bottom:26px;font-size:24px;font-weight:900;display:grid}h1,h2,p{margin:0}h1{max-width:9ch;color:var(--orange);font-size:clamp(46px,8vw,76px);font-weight:900;line-height:.95}.tagline{max-width:100%;color:var(--muted);overflow-wrap:break-word;margin-top:18px;font-size:18px;line-height:1.45}.setting-summary{color:#ffd59c;background:#ff9f2d1a;border:1px solid #ff9f2d57;border-radius:8px;width:fit-content;margin-top:26px;padding:10px 14px;font-weight:800}.control-panel{flex-direction:column;gap:22px;padding:28px;display:flex}.setting-group{gap:10px;display:grid}.setting-group h2,.leaderboard h2{color:#fff;text-transform:uppercase;font-size:14px;font-weight:900}.setting-help{min-height:20px;color:var(--muted);font-size:13px}.segmented{gap:8px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.five-col{grid-template-columns:repeat(5,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.segment,.primary-action,.secondary-action,.icon-button{cursor:pointer;border:0;border-radius:8px;min-height:44px;font-size:14px;font-weight:900;transition:transform .14s,background .14s,border-color .14s,opacity .14s}.segment{border:1px solid var(--line);color:var(--muted);background:#ffffff0f}.segment:hover,.segment.active{color:#fff;background:#ff9f2d2e;border-color:#ff9f2dcc}.primary-action,.secondary-action{width:100%;padding:0 18px}.primary-action{background:linear-gradient(135deg, var(--orange), var(--pink));color:#18072d}.secondary-action{border:1px solid var(--line);background:#ffffff14}.primary-action:hover,.secondary-action:hover,.icon-button:hover,.answer-button:hover:not(:disabled){transform:translateY(-1px)}.leaderboard{grid-column:1/-1;padding:20px 22px}.score-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.score-list li{background:#ffffff0f;border-radius:8px;gap:4px;min-height:76px;padding:12px;display:grid}.score-list span{color:var(--muted);font-size:12px;font-weight:800}.score-list strong{font-size:28px;line-height:1}.score-list small,.empty-state,.best-line{color:var(--muted);font-size:12px}.play-shell{flex-direction:column;gap:14px;display:flex}.play-header{align-items:center;gap:12px;min-height:56px;display:flex}.icon-button{background:#ffffff14;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.round-label{color:#ffd59c;font-size:14px;font-weight:900}.round-subtitle{color:var(--muted);margin-top:2px;font-size:13px}.arena{flex:1;gap:14px;display:grid}.arena-solo{align-content:center;max-width:520px;margin:0 auto}.arena-duel{grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 118px)}.player-panel{border:1px solid var(--line);background:linear-gradient(135deg, #35165ff5, #1d0c3af5), var(--panel);min-height:320px;box-shadow:var(--shadow);border-radius:8px;align-content:space-between;gap:22px;padding:22px;display:grid;position:relative;overflow:hidden}.player-panel.inverted{transform:rotate(180deg)}.timer-track{background:#ffffff17;height:8px;position:absolute;bottom:0;left:0;right:0}.timer-fill{transform-origin:0;background:linear-gradient(90deg, var(--teal), var(--green));width:100%;height:100%;transition:transform 70ms linear}.danger .timer-fill{background:linear-gradient(90deg, var(--orange), var(--red))}.player-topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.player-name,.score-pill,.player-status{font-weight:900;display:block}.player-name{font-size:16px}.player-status{color:var(--muted);margin-top:4px;font-size:12px}.score-pill{color:#ffd59c;background:#ffffff14;border-radius:8px;flex:none;padding:9px 12px;font-size:13px}.question-card{text-align:center;background:linear-gradient(#0f7f78,#09645f);border-radius:8px;place-items:center;width:min(100%,280px);min-height:150px;margin:0 auto;display:grid;box-shadow:inset 0 0 0 1px #ffffff17,0 18px 42px #0000003d}.expression,.equals{font-size:clamp(36px,8vw,56px);font-weight:950;line-height:1}.equals{color:#f7f3ff}.answer-row{grid-template-columns:minmax(84px,1fr) 74px minmax(84px,1fr);align-items:center;gap:14px;display:grid}.answer-button{color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;min-height:82px;font-size:42px;font-weight:950;line-height:1;transition:transform .14s,filter .14s,opacity .14s;display:grid}.answer-button:disabled{cursor:not-allowed;opacity:.32}.answer-button.yes{background:linear-gradient(145deg, #0b8f4e, var(--green))}.answer-button.no{background:linear-gradient(145deg, #b50d1d, var(--red))}.time-chip{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:8px;place-items:center;min-height:48px;font-size:16px;font-weight:900;display:grid}.result-shell{place-items:center;display:grid}.result-card{text-align:center;width:min(100%,560px);padding:32px}.result-card h1{max-width:none;margin-top:8px;font-size:clamp(38px,8vw,64px)}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 16px;display:grid}.score-card{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;gap:6px;padding:18px;display:grid}.score-card.winner{background:#ff9f2d21;border-color:#ff9f2da6}.score-card span{color:var(--muted);font-size:13px;font-weight:900}.score-card strong{font-size:48px;line-height:1}.score-card small{color:var(--muted)}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}@media (width<=760px){.shell{width:390px;max-width:100vw;margin:0;padding:14px}.menu-shell{grid-template-columns:1fr;align-content:start}.brand-panel{min-height:260px;padding:24px}h1{max-width:8.5ch;font-size:clamp(42px,13vw,54px)}.tagline{font-size:17px}.control-panel{padding:18px}.five-col{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{min-width:0;padding:0 8px}.score-list{grid-template-columns:repeat(2,minmax(0,1fr))}.player-panel{min-height:280px;padding:16px}.question-card{min-height:118px}.answer-row{grid-template-columns:minmax(74px,1fr) 60px minmax(74px,1fr);gap:10px}.answer-button{min-height:68px}}@media (width<=420px){.five-col{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.brand-panel,.control-panel,.leaderboard,.result-card{width:100%}.score-list,.score-grid,.result-actions{grid-template-columns:1fr}.brand-mark{width:58px;height:58px;font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}