:root{--bg:#05070d;--bg-deep:#020308;--surface:#0b101c;--surface-2:#101827;--cyan:#00eaff;--magenta:#ff2bd6;--violet:#835cff;--acid:#b6ff4a;--text:#f3f7ff;--text-soft:#9daabd;--border:#223148;--danger:#ff365f;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(0,234,255,.16),transparent 34%),radial-gradient(circle at 100% 70%,rgba(255,43,214,.1),transparent 35%),var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,234,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(0,234,255,.025) 1px,transparent 0);background-size:32px 32px}main{position:relative;max-width:520px;margin:auto;padding:24px 20px 56px}.app-header{padding:20px 4px 16px;border-bottom:1px solid rgba(0,234,255,.14)}.app-header:after{content:"SEASON 01  //  LIVE ARENA";display:block;margin-top:12px;color:#728099;font-size:10px;font-weight:700;letter-spacing:.16em}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(182,255,74,.28);border-radius:99px;background:rgba(182,255,74,.08);color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.pool,button,h1,h2,strong{font-family:Oxanium,Space Grotesk,Inter,system-ui,sans-serif}h1{margin:16px 0 5px;font-size:clamp(38px,12vw,56px);line-height:.92;letter-spacing:-.07em;text-transform:uppercase}h1+p{margin:0;color:var(--text-soft);font-size:15px}.card{position:relative;overflow:hidden;margin-top:18px;padding:22px;border:1px solid rgba(0,234,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(18,29,47,.92),rgba(7,11,20,.96));box-shadow:0 16px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--cyan),transparent);opacity:.8}.card>*{position:relative}.pool{margin:0 0 12px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pool+p{margin:0 0 18px;color:var(--text-soft);line-height:1.5}.pool strong{display:block;margin-top:10px;font-size:clamp(42px,12vw,64px);letter-spacing:-.08em;background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent;text-shadow:0 0 28px rgba(0,234,255,.18)}button{min-height:52px;width:100%;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:linear-gradient(110deg,#00d9ff,#735cff);color:#02050a;padding:13px 16px;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 24px rgba(0,234,255,.22);transition:transform .16s ease,filter .16s ease}button:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}button:disabled{cursor:wait;opacity:.55}.mode-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mode-actions input{min-width:0;border:1px solid var(--border);border-radius:12px;background:rgba(2,3,8,.7);color:var(--text);padding:0 12px;font:700 13px Oxanium,monospace;letter-spacing:.12em;text-transform:uppercase}.mode-actions button:last-child,.mode-actions button:nth-of-type(2){background:linear-gradient(110deg,#202b40,#38405c);color:var(--text);box-shadow:none}.muted{color:var(--text-soft)}h2{margin:0 0 14px;color:var(--text);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.result{padding:13px 0 0;color:var(--acid);font-size:15px}.result strong{display:block;margin-top:6px;font-size:30px;letter-spacing:-.05em;color:var(--text)}.leaderboard h2:after{content:" LIVE";margin-left:8px;color:var(--acid);font-size:9px}.leaderboard ol{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(34,49,72,.75)}.leaderboard li:before{content:"#" counter(list-item,decimal-leading-zero);color:var(--cyan);font:800 11px Oxanium,monospace}.leaderboard li strong{margin-left:auto;font-size:16px;color:var(--cyan)}.leaderboard li button{width:auto;min-height:35px;padding:7px 10px;font-size:10px}.game{border-color:rgba(0,234,255,.36);box-shadow:0 0 45px rgba(0,234,255,.08),inset 0 1px 0 rgba(255,255,255,.04)}.game-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.game-top h2{margin:0}.game-top span{color:var(--cyan);font:800 12px Oxanium,monospace}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.target{aspect-ratio:1;min-height:0;border:1px solid rgba(115,140,175,.35);border-radius:12px;background:rgba(2,6,13,.72);box-shadow:none;color:transparent;padding:0}.target.active{border-color:var(--cyan);background:radial-gradient(circle,#fff 0,#00eaff 23%,rgba(0,234,255,.17) 60%,rgba(0,234,255,.03) 100%);box-shadow:0 0 16px var(--cyan),0 0 45px rgba(0,234,255,.45);color:#fff;font-size:30px;animation:targetPulse .45s ease-out}.game .muted{margin:15px 0 0;font-size:12px;text-align:center}@keyframes targetPulse{0%{transform:scale(.78);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}@media (max-width:380px){main{padding-inline:14px}.mode-actions{grid-template-columns:1fr}.pool strong{font-size:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}