.feature-panel{gap:14px;display:grid}.feature-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.feature-heading h2,.cosmetic-card h3{margin:0}.compact-field{color:var(--text-mid,#a8b2cc);gap:6px;font-size:.82rem;font-weight:700;display:grid}.compact-field select,.friend-search input{box-sizing:border-box;border:1px solid var(--outline,#2c3450);color:#f2f5ff;background:#0b0e17;border-radius:12px;width:100%;padding:11px 12px}.leaderboard-list,.panel-section{gap:8px;display:grid}.leaderboard-row,.social-row{border-top:1px solid #2c3450a6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.leaderboard-row.you{color:#ffc24b;font-weight:800}.social-row>span:first-child{gap:2px;display:grid}.friend-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.row-actions{grid-auto-flow:column;gap:6px;display:flex!important}.icon-button,.small-button{color:#f2f5ff;cursor:pointer;background:#151a28;border:1px solid #2c3450;border-radius:10px;min-height:38px;padding:8px 10px}.icon-button{place-items:center;min-width:40px;display:inline-grid}.icon-button.success{color:#00e5c0;border-color:#00e5c080}.icon-button.danger{color:#ff2e63;border-color:#ff2e6373}.icon-button:disabled,.small-button:disabled{opacity:.48;cursor:not-allowed}.panel-error{color:#ff7597;margin:0}.presence{letter-spacing:.04em;font-size:.72rem}.presence.online,.presence.in_match{color:#00e5c0}.presence.offline{color:#6c7794}.cosmetic-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.cosmetic-card{gap:10px;display:grid}.cosmetic-card.equipped{border-color:#ffb020b3;box-shadow:inset 0 0 0 1px #ffb02026}.cosmetic-preview{text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#7c5cff1f,#080b14b3);border:1px solid #a8b2cc4d;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:72px;padding:12px;font-size:.72rem;font-weight:850;display:flex}.cosmetic-preview.rare{color:#00e5c0;border-color:#00e5c08c}.cosmetic-preview.epic{color:#ff7597;border-color:#ff2e638c}.cosmetic-preview.legendary{color:#ffc24b;border-color:#ffc24ba6}.cosmetic-preview.avatar_frame{box-shadow:inset 0 0 0 3px #00e5c014}.cosmetic-preview.banner{background:linear-gradient(100deg,#7c5cff38,#00e5c014,#080b14d9)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=900px){.feature-panel{padding:20px}}.skip-link{z-index:1000;color:#080b14;background:#ffc24b;border-radius:10px;padding:10px 14px;font-weight:900;transition:top .12s;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #00e5c0}.guest-session-chip{color:#a8b2cc;background:#00e5c00f;border:1px solid #00e5c047;border-radius:999px;width:fit-content;margin:10px 0 0;padding:7px 10px;font-size:.74rem;font-weight:800}.guest-expiry{background:#ffb02014;border:1px solid #ffb0206b;border-radius:14px;gap:8px;margin-top:10px;padding:13px 14px;display:grid}.guest-expiry.critical,.guest-expiry.lapsed{background:#ff2e631a;border-color:#ff2e638c}.guest-expiry span{color:#a8b2cc;font-size:.82rem}.guest-expiry>div{flex-wrap:wrap;gap:8px;display:flex}.guest-expiry button{color:#f2f5ff;cursor:pointer;background:#151a28;border:1px solid #2c3450;border-radius:10px;padding:8px 11px;font-weight:800}.phase-timer{background:#151a28;width:100%;height:4px;overflow:hidden}.phase-timer>span{background:linear-gradient(90deg,#ffb020,#00e5c0);height:100%;transition:width .18s linear;display:block}.connection-pill{justify-content:flex-end;align-items:center;gap:6px;min-width:72px;display:inline-flex}.connection-pill.live{color:#00e5c0}.connection-pill.reconnecting,.connection-pill.connecting{color:#ffc24b}.connection-pill.offline{color:#ff2e63}.match-meta{color:#a8b2cc;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.powerup-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.powerup-row button{color:#ffc24b;cursor:pointer;background:#ffb02017;border:1px solid #ffb02073;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.answer.wrong{background:#ff2e6324!important;border-color:#ff2e63!important}.answer-result{text-align:center;letter-spacing:.04em;font-size:1.05rem;font-weight:900}.correct-text{color:#00e5c0}.wrong-text{color:#ff7597}.finish-card{text-align:center;background:linear-gradient(#ffb0201f,#151a28d9);border:1px solid #ffb02080;border-radius:20px;justify-items:center;gap:10px;padding:24px;display:grid}.finish-card h2,.finish-card p{margin:0}.keyboard-hint{color:#6c7794;text-align:center;font-size:.72rem}@media (width>=900px){.screen-shell{width:min(1100px,100vw - 64px);margin-inline:auto}.arena-page{width:min(100%,980px);margin-inline:auto}.quick-actions,.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-card{min-height:240px}.match-content{width:min(920px,100vw - 64px);margin-inline:auto}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#f2f5ff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#080b14;--canvas:#0b0e17;--surface:#151a28;--surface-hi:#1e2436;--outline:#2c3450;--gold:#ffb020;--gold-bright:#ffc24b;--magenta:#ff2e63;--cyan:#00e5c0;--violet:#7c5cff;--text-hi:#f2f5ff;--text-mid:#a8b2cc;--text-low:#6c7794;background:#080b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%, #ffb0201c, transparent 30rem), radial-gradient(circle at 100% 20%, #7c5cff17, transparent 26rem), var(--ink);min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.app-shell{min-height:100vh}.screen-shell{min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.arena-page{width:min(100%,760px);margin:0 auto;padding:28px 20px 40px}.page-header{margin:4px 0 22px}.page-header h1{letter-spacing:.08em;color:var(--gold-bright);margin:2px 0 4px;font-size:clamp(2rem,7vw,3rem)}.page-header>p:last-child{color:var(--text-mid);margin:0}.eyebrow{color:var(--text-low);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.muted{color:var(--text-low)}.gold-text{color:var(--gold-bright)}.violet-text{color:var(--violet)}.hero{text-align:center;padding:14px 0 18px}.compact-hero{padding-top:2px}.crown-mark{width:84px;height:84px;color:var(--gold-bright);background:radial-gradient(circle,#ffb0201f,#0b0e17e0 65%);border:1px solid #ffb02080;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid;box-shadow:0 0 35px #ffb02024}.hero h1{letter-spacing:.08em;margin:0;font-size:clamp(2.4rem,10vw,4.4rem);line-height:.88}.hero h1 span{background:linear-gradient(90deg, var(--gold-bright), var(--gold), #e8930c);color:#0000;-webkit-background-clip:text;display:block}.showdown{color:var(--text-mid);letter-spacing:.42em;margin:13px 0 0;font-size:.76rem}.arena-card{border:1px solid var(--outline);background:linear-gradient(#1e2436eb,#151a28eb);border-radius:18px;padding:17px;box-shadow:0 12px 30px #00000029}.account-card,.profile-card,.season-hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-card h2,.profile-card h2,.season-hero h2{margin:4px 0 0}.profile-card p{color:var(--text-mid);margin:4px 0 0}.conversion-card{text-align:left;cursor:pointer;width:100%;color:var(--text-hi);background:linear-gradient(90deg,#ffb02029,#7c5cff1a);border:1px solid #ffb0207a;border-radius:18px;align-items:center;gap:12px;margin-top:12px;padding:16px;display:flex}.conversion-card svg{color:var(--gold-bright)}.conversion-card span{gap:3px;display:grid}.conversion-card small{color:var(--text-mid)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0;display:grid}.stat{border:1px solid var(--outline);text-align:center;background:#151a28cc;border-radius:14px;min-width:0;padding:12px 8px}.stat span{color:var(--text-low);letter-spacing:.08em;font-size:.65rem;font-weight:800;display:block}.stat strong{color:var(--text-hi);margin-top:4px;font-size:1.1rem;display:block}.quick-actions,.item-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.action-card{cursor:pointer;text-align:left;color:var(--text-hi);gap:5px;display:grid}.action-card svg{color:var(--gold)}.action-card small{color:var(--text-low)}.gold-border{border-color:#ffb02059}.violet-border{border-color:#7c5cff6b}.main-nav{z-index:30;min-height:74px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--outline);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b14f5;grid-template-columns:repeat(5,1fr);align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-low);cursor:pointer;background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:4px;display:grid}.nav-item span{letter-spacing:.05em;font-size:.61rem;font-weight:900}.nav-item.selected{color:var(--gold-bright);background:#ffb0201a}.mode-list{gap:12px;display:grid}.mode-card{text-align:left;cursor:pointer;width:100%;color:var(--text-hi);border:1px solid var(--outline);background:linear-gradient(#1e2436e6,#151a28e6);border-radius:20px;padding:18px;transition:transform .12s,border-color .12s}.mode-card:hover:not(:disabled){transform:translateY(-2px)}.mode-card:disabled{opacity:.7;cursor:wait}.mode-card.gold{border-color:#ffb02073}.mode-card.magenta{border-color:#ff2e6373}.mode-card.cyan{border-color:#00e5c06b}.mode-heading{align-items:center;gap:13px;display:flex}.mode-heading span{gap:2px;display:grid}.mode-heading strong{font-size:1.2rem}.mode-heading small,.mode-card p{color:var(--text-mid)}.mode-card p{line-height:1.5}.enter-label{color:var(--gold-bright);letter-spacing:.08em;font-size:.74rem;font-weight:900}.balance-strip{flex-wrap:wrap;gap:9px;margin-bottom:13px;display:flex}.balance-strip span{background:var(--surface);border:1px solid var(--outline);border-radius:999px;padding:8px 12px}.store-item{flex-direction:column;gap:8px;display:flex}.store-item h3,.store-item p{margin:0}.store-item p:not(.eyebrow){color:var(--text-mid);flex:1;line-height:1.45}.primary-button,.secondary-button{letter-spacing:.04em;cursor:pointer;border-radius:13px;padding:12px 15px;font-weight:900}.primary-button{border:1px solid var(--gold);background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#201300}.primary-button:disabled{opacity:.55;cursor:default}.secondary-button{border:1px solid var(--outline);background:var(--surface);width:100%;color:var(--text-mid);margin-top:12px}.season-hero{justify-content:flex-start;margin-bottom:12px}.season-level{justify-content:space-between;align-items:center;gap:12px;display:flex}.season-level span{color:var(--text-mid)}.progress{background:var(--outline);border-radius:999px;height:9px;margin:12px 0;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--violet), var(--gold));border-radius:inherit;height:100%;display:block}.locked-card{text-align:center;padding:34px 20px}.locked-card svg{color:var(--gold)}.locked-card p,.locked-card small{color:var(--text-mid)}.auth-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.auth-switch button{border:1px solid var(--outline);background:var(--surface);color:var(--text-low);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:11px;display:flex}.auth-switch button.active{color:var(--gold-bright);background:#ffb02014;border-color:#ffb02080}.auth-form{gap:13px;display:grid}.auth-form label{color:var(--text-mid);gap:6px;font-size:.82rem;font-weight:700;display:grid}.auth-form input{border:1px solid var(--outline);width:100%;color:var(--text-hi);background:var(--canvas);border-radius:12px;padding:12px}.friend-row,.standing{border-top:1px solid var(--outline);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.friend-row small{color:var(--cyan)}.inline-error,.toast{color:#ffb2c5;background:#ff2e631f;border:1px solid #ff2e6373;border-radius:13px;padding:12px}.toast{z-index:40;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));cursor:pointer;width:min(100% - 32px,600px);position:fixed;transform:translate(-50%)}.loading{text-align:center;min-height:100vh;color:var(--gold-bright);align-content:center;place-items:center;gap:8px;display:grid}.loading h1{letter-spacing:.12em;margin:0}.loading p{color:var(--text-mid)}.match-page{background:radial-gradient(circle at 50% 0%, #ffb0201a, transparent 30rem), var(--ink);min-height:100vh}.match-topbar{z-index:10;min-height:58px;padding:max(10px, env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--outline);background:#080b14f0;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid;position:sticky;top:0}.match-topbar button{color:var(--text-mid);cursor:pointer;background:0 0;border:0;justify-self:start}.match-topbar span{color:var(--gold-bright);justify-self:end;font-weight:900}.match-content{width:min(100%,760px);margin:0 auto;padding:24px 20px 40px}.category{color:var(--cyan);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.question{font-size:clamp(1.65rem,6vw,2.5rem);line-height:1.17}.answer-grid{gap:9px;margin:22px 0;display:grid}.answer{text-align:left;border:1px solid var(--outline);background:var(--surface);width:100%;min-height:62px;color:var(--text-hi);cursor:pointer;border-radius:15px;align-items:center;gap:12px;padding:11px 14px;display:flex}.answer>span{background:var(--surface-hi);width:34px;height:34px;color:var(--gold-bright);border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.answer.selected{border-color:var(--gold);background:#ffb0201a}.answer.correct{border-color:var(--cyan);background:#00e5c01a}.answer:disabled{cursor:default}.standings{margin-top:16px}.standing.you{color:var(--gold-bright)}@media (width<=560px){.arena-page{padding-left:14px;padding-right:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-actions,.item-grid{grid-template-columns:1fr}.nav-item span{font-size:.54rem}}@media (width>=900px){.main-nav{border:1px solid var(--outline);border-radius:20px;width:min(760px,100% - 32px);padding-bottom:6px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.screen-shell{padding-bottom:106px}.toast{bottom:108px}}