@layer reset,base,components,utilities;@layer reset{:where(html,body){block-size:100%;margin:0}:where(button,dialog){font:inherit}}@layer base{:root{color-scheme:dark;--cyan: #00e5ff;--magenta: #ff2bd6;--yellow: #f7ee12;--danger: #ff2e57;--ink: #d6f6ff;--muted: #8fa0c8;--cut: 11px;--cut-shape: polygon( var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut) );--mono: "Share Tech Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display: "Orbitron", "Share Tech Mono", ui-monospace, monospace;--fs-label: clamp(.9rem, .6rem + .7vw, 1.15rem);--fs-value: clamp(1.8rem, 1.2rem + 1.9vw, 2.6rem);--fs-button: clamp(1rem, .8rem + .6vw, 1.2rem);--fs-dialog-title: clamp(1.8rem, 1.2rem + 2.4vw, 2.5rem);--fs-dialog-text: clamp(1rem, .85rem + .5vw, 1.2rem);font-family:var(--mono);font-size:16px}body{overflow:hidden;color:var(--ink);line-height:1.3;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse at center,#0a0e1c,#05060f 60%,#02030a)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.22) 2px 3px);opacity:.5;mix-blend-mode:multiply}#game-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#game-shell:before{content:"";position:fixed;top:10px;right:10px;bottom:10px;left:10px;z-index:8000;pointer-events:none;border:1px solid rgb(0 229 255 / .16);box-shadow:inset 0 0 60px #00e5ff0d,inset 0 0 10px #ff2bd60d}#application{display:block;inline-size:100dvw;block-size:100dvh;touch-action:none}:where(button):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}}@layer components{.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:20;padding:.6rem .8rem;border:1px solid var(--cyan);background:#04121a;color:var(--cyan);font-family:var(--display);transform:translateY(-200%);transition:transform .14s ease}.skip-link:focus{transform:translateY(0)}.hud{position:fixed;inset-block-start:max(1rem,env(safe-area-inset-top));inset-inline-start:max(1rem,env(safe-area-inset-left));inset-inline-end:max(1rem,env(safe-area-inset-right));z-index:5;display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;max-inline-size:56rem;pointer-events:none}.metric{position:relative;display:grid;align-content:center;gap:.15rem;min-inline-size:8rem;min-block-size:4rem;padding:.5rem 1.05rem .6rem;background:linear-gradient(135deg,#080e1cdb,#0e0818cc);border:1px solid rgb(0 229 255 / .35);clip-path:var(--cut-shape);filter:drop-shadow(0 0 6px rgb(0 229 255 / .22));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.metric span{color:var(--magenta);font:700 var(--fs-label) / 1 var(--display);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 0 8px rgb(255 43 214 / .55)}.metric strong{font:800 var(--fs-value) / 1 var(--display);color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgb(0 229 255 / .65)}.restart-button{pointer-events:auto;cursor:pointer;min-inline-size:7rem;min-block-size:4rem;padding:0 1.3rem;color:var(--cyan);background:linear-gradient(135deg,#00283799,#28002680);border:1px solid var(--cyan);clip-path:var(--cut-shape);filter:drop-shadow(0 0 6px rgb(0 229 255 / .3));font:800 var(--fs-button) var(--display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 9px rgb(0 229 255 / .5);transition:background .12s ease,color .12s ease,text-shadow .12s ease}.restart-button:hover:not(:disabled){background:var(--cyan);color:#02121a;text-shadow:none}.touch-pad{position:fixed;inset-inline-end:max(1rem,env(safe-area-inset-right));inset-block-end:max(1.1rem,env(safe-area-inset-bottom));z-index:6;display:none;grid-template-columns:repeat(2,4.6rem);grid-template-rows:4.6rem;gap:.6rem;touch-action:none}.dpad-button{position:relative;pointer-events:auto;min-inline-size:4.6rem;min-block-size:4.6rem;background:#080e1ac7;border:1px solid rgb(0 229 255 / .4);clip-path:var(--cut-shape);filter:drop-shadow(0 0 6px rgb(0 229 255 / .25));cursor:pointer}.dpad-button:active{background:#00e5ff38}.dpad-button:before{content:"";position:absolute;inset:50% auto auto 50%;inline-size:0;block-size:0;border-inline:.58rem solid transparent;border-block-end:.95rem solid var(--cyan);transform:translate(-50%,-55%);filter:drop-shadow(0 0 4px var(--cyan))}.dpad-left:before{transform:translate(-58%,-50%) rotate(-90deg)}.dpad-right:before{transform:translate(-42%,-50%) rotate(90deg)}.dpad-left{grid-column:1;grid-row:1}.dpad-right{grid-column:2;grid-row:1}dialog{inline-size:min(26rem,calc(100dvw - 2rem));padding:1.5rem 1.6rem;color:var(--ink);background:linear-gradient(160deg,#160610f7,#080614f7);border:1px solid var(--danger);clip-path:var(--cut-shape);filter:drop-shadow(0 0 18px rgb(255 46 87 / .35))}dialog::backdrop{background:#0203099e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h1{margin:0 0 .65rem;font:800 var(--fs-dialog-title) / 1.05 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--danger);text-shadow:0 0 16px rgb(255 46 87 / .7)}dialog p{margin:0 0 1.1rem;color:var(--muted);font:400 var(--fs-dialog-text) / 1.45 var(--mono)}dialog button{min-block-size:3.1rem;padding:0 1.3rem;border:1px solid var(--danger);background:var(--danger);color:#190005;clip-path:var(--cut-shape);cursor:pointer;font:800 var(--fs-button) var(--display);letter-spacing:.1em;text-transform:uppercase}dialog button:hover{background:#ff5a78}.waiting-banner{position:fixed;inset-block-start:38%;inset-inline:0;z-index:7;margin-inline:auto;inline-size:fit-content;max-inline-size:calc(100dvw - 2rem);padding:.9rem 1.4rem;text-align:center;color:var(--cyan);background:#080e1ad1;border:1px solid var(--cyan);clip-path:var(--cut-shape);filter:drop-shadow(0 0 10px rgb(0 229 255 / .4));font:800 clamp(1rem,.8rem + 1vw,1.4rem) var(--display);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgb(0 229 255 / .6);pointer-events:none}.waiting-banner[hidden]{display:none}@media(pointer:coarse){.touch-pad{display:grid}}@media(max-width:640px){.hud{inset-block-start:max(.6rem,env(safe-area-inset-top));inset-inline-start:max(.6rem,env(safe-area-inset-left));inset-inline-end:max(.6rem,env(safe-area-inset-right));flex-wrap:nowrap;gap:.4rem}.metric:has(#best-value){display:none}.metric{min-inline-size:0;min-block-size:3.3rem;flex:1 1 0;padding:.32rem .55rem .4rem;gap:.08rem;--cut: 7px}.metric span{font-size:clamp(.72rem,2.7vw,.95rem);letter-spacing:.05em}.metric strong{font-size:clamp(1.4rem,5.4vw,1.95rem)}.restart-button{flex:0 0 auto;min-inline-size:0;min-block-size:3.3rem;padding:0 .8rem;font-size:clamp(.85rem,3vw,1.05rem);--cut: 7px}}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}}@layer utilities{.visually-hidden:where(:not(:focus-within,:active)){position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}}@layer components{:root{--ts-title: clamp(1.8rem, 1.1rem + 2.9vw, 2.5rem);--ts-value: clamp(1.45rem, 1.05rem + 1.8vw, 2rem);--ts-body: clamp(1.08rem, .96rem + .6vw, 1.3rem);--ts-cap: clamp(.98rem, .9rem + .32vw, 1.12rem)}.screens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8500;display:grid;place-items:center;background:#020309d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screens[hidden]{display:none}.app-frame{position:relative;inline-size:min(30rem,100dvw);block-size:min(900px,100dvh);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgb(0 229 255 / .1),transparent 55%),linear-gradient(180deg,#0a0e1c,#06070f 70%,#03040b);border:1px solid rgb(0 229 255 / .22);box-shadow:0 0 60px #00e5ff1f,inset 0 0 80px #00000080}@media(min-width:32rem){.app-frame{border-radius:26px}}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:max(.9rem,env(safe-area-inset-top)) 1.1rem .85rem;border-block-end:1px solid rgb(0 229 255 / .12)}.app-brand{font:800 var(--ts-body) var(--display);letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 10px rgb(0 229 255 / .5)}.app-brand span{color:var(--magenta)}.gear-btn{flex:0 0 auto;inline-size:2.4rem;block-size:2.4rem;padding:0;cursor:pointer;display:grid;place-items:center;color:var(--cyan);background:#080e1ad9;border:1px solid rgb(0 229 255 / .3);clip-path:var(--cut-shape);transition:color .14s,border-color .14s}.gear-btn svg{inline-size:1.3rem;block-size:1.3rem}.gear-btn:hover{color:#fff;border-color:var(--cyan)}.gear-btn[hidden]{display:none}.wallet-wrap.tappable{cursor:pointer}.app-body{position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:1.05rem;padding:1.5rem clamp(1.3rem,6vw,2.1rem);overflow-y:auto;text-align:center}.screen[hidden]{display:none}.screens *,.screens *:before,.screens *:after{box-sizing:border-box}.screen{overflow-x:hidden}.screen>*{max-inline-size:100%}.app-nav{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid rgb(0 229 255 / .14);padding-block-end:env(safe-area-inset-bottom);background:#04060e99}.app-nav[hidden]{display:none}.nav-tab{display:grid;gap:.3rem;place-items:center;padding:.8rem 0;cursor:pointer;background:none;border:0;color:var(--muted)}.nav-tab i{display:grid;place-items:center;line-height:1}.nav-tab svg{inline-size:1.5rem;block-size:1.5rem;display:block}.nav-tab span{font:700 var(--ts-cap) var(--display);letter-spacing:.1em;text-transform:uppercase}.nav-tab.active{color:var(--cyan);text-shadow:0 0 10px rgb(0 229 255 / .6)}.screen h1{margin:0;font:800 var(--ts-title)/1.05 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 16px rgb(0 229 255 / .55)}.screen .brand span{color:var(--magenta)}.screen .sub{margin:0;color:var(--magenta);letter-spacing:.12em;text-transform:uppercase;font:700 var(--ts-cap) var(--display)}.screen .hint{margin:.3rem 0 0;color:var(--muted);font:400 var(--ts-body) var(--mono)}.screen .hint.warn{color:var(--danger)}.screen .greet{color:var(--ink);font:400 var(--ts-body) var(--mono)}.screen .greet.big{font:700 var(--ts-value) var(--mono)}.screen .greet b{color:var(--cyan)}.hero{margin-block-end:.2rem}.hero-glyph{font-size:clamp(3.4rem,16vw,4.6rem);color:var(--cyan);text-shadow:0 0 24px rgb(0 229 255 / .7)}.hero-glyph svg{inline-size:clamp(3.4rem,16vw,4.6rem);block-size:auto;display:block;margin-inline:auto;filter:drop-shadow(0 0 12px currentColor)}.avatar{flex:0 0 auto;aspect-ratio:1;inline-size:4.6rem;block-size:4.6rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#04121a;font:800 var(--ts-title) var(--display);box-shadow:0 0 20px #00e5ff66}.screen .btn-primary,.screen .btn{inline-size:min(22rem,100%);min-block-size:3.8rem;padding:.6rem 1.1rem;cursor:pointer;white-space:nowrap;clip-path:var(--cut-shape);font:800 clamp(1.05rem,.85rem + 1vw,1.45rem) var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background .12s ease,color .12s ease,filter .12s ease}.screen .btn-primary{color:#02121a;background:linear-gradient(135deg,var(--cyan),#36f0ff);border:1px solid var(--cyan);filter:drop-shadow(0 0 12px rgb(0 229 255 / .5))}.screen .btn-primary.big{min-block-size:4.8rem;display:grid;gap:.25rem;align-content:center}.screen .btn-primary.big small{font:400 var(--ts-body) var(--mono);letter-spacing:.01em;text-transform:none;opacity:.85}.screen .btn-primary:hover:not(:disabled){background:#aef6ff}.screen .btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none}.screen .btn{color:var(--cyan);background:linear-gradient(135deg,#00283799,#28002680);border:1px solid var(--cyan);text-shadow:0 0 9px rgb(0 229 255 / .5)}.screen .btn:hover{background:var(--cyan);color:#02121a;text-shadow:none}.screen .btn-danger{color:#fff;background:linear-gradient(135deg,var(--danger),#ff5a78);border-color:var(--danger);text-shadow:none}.screen .btn-danger:hover{background:#ff5a78;color:#fff}.screen .link{background:none;border:0;color:var(--muted);cursor:pointer;font:400 var(--ts-body) var(--mono);text-decoration:underline;text-underline-offset:3px}.screen .link:hover{color:var(--ink)}.screen .login{display:flex;flex-direction:column;gap:.7rem;inline-size:min(22rem,100%)}.screen .login label{color:var(--magenta);letter-spacing:.12em;text-transform:uppercase;font:700 var(--ts-cap) var(--display);text-align:start}.screen .text-input{min-block-size:3.6rem;padding:0 1.1rem;color:var(--ink);background:#080e1ad9;border:1px solid rgb(0 229 255 / .4);clip-path:var(--cut-shape);font:400 var(--ts-value) var(--mono)}.screen .text-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.screen .wallet-wrap{inline-size:min(22rem,100%)}.wallet-badge{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem 1.2rem;background:linear-gradient(135deg,#080e1cdb,#0e0818cc);border:1px solid rgb(0 229 255 / .35);clip-path:var(--cut-shape);text-align:center}.wallet-badge span{color:var(--magenta);letter-spacing:.12em;text-transform:uppercase;font:700 var(--ts-cap) var(--display)}.wallet-badge strong{color:var(--cyan);font:800 var(--ts-title) var(--display);line-height:1;text-shadow:0 0 12px rgb(0 229 255 / .6);font-variant-numeric:tabular-nums}.wallet-badge em{color:var(--yellow);font:400 var(--ts-body) var(--mono);font-style:normal}.screen .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:.6rem;inline-size:min(24rem,100%)}.screen .stat-grid.big{grid-template-columns:repeat(2,1fr)}.screen .stat{display:grid;gap:.25rem;place-content:center;min-block-size:4.6rem;padding:.7rem .5rem;background:#080e1ab3;border:1px solid rgb(0 229 255 / .22);clip-path:var(--cut-shape)}.screen .stat span{color:var(--magenta);letter-spacing:.06em;text-transform:uppercase;font:700 var(--ts-cap) var(--display)}.screen .stat strong{color:var(--cyan);font:800 var(--ts-value) var(--display);font-variant-numeric:tabular-nums}.screen .tabs{display:flex;gap:.6rem}.screen .tabs button{cursor:pointer;padding:.6rem 1.1rem;color:var(--muted);background:transparent;border:1px solid rgb(143 160 200 / .3);clip-path:var(--cut-shape);font:700 var(--ts-cap) var(--display);letter-spacing:.06em}.screen .tabs button.active{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 8px rgb(0 229 255 / .5)}.screen .lb-list{list-style:none;margin:0;padding:0;inline-size:100%;display:flex;flex-direction:column;gap:.45rem;overflow-y:auto}.screen .lb-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.7rem;padding:.8rem .85rem;background:#080e1ab3;border:1px solid rgb(0 229 255 / .18);clip-path:var(--cut-shape);text-align:start}.screen .lb-row.me{border-color:var(--cyan);background:#00e5ff14}.screen .lb-row .rank{color:var(--magenta);font:800 var(--ts-body) var(--display)}.screen .lb-row .who{color:var(--ink);font:400 var(--ts-body) var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen .lb-row .kd{color:var(--muted);font:400 var(--ts-cap) var(--mono)}.screen .lb-row .amt{color:var(--cyan);font:800 var(--ts-body) var(--display);font-variant-numeric:tabular-nums}.screen .lb-empty{color:var(--muted);font:400 var(--ts-body) var(--mono);text-align:center;list-style:none;padding:1.2rem}.screen .death-title{color:var(--danger);text-shadow:0 0 18px rgb(255 46 87 / .7)}.screen .death-title.win{color:var(--yellow);text-shadow:0 0 22px rgb(247 238 18 / .7)}.screen .death-reason{margin:0;color:var(--muted);font:400 var(--ts-body) var(--mono)}.screen .econ-line{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font:700 var(--ts-cap) var(--display)}.screen .econ-line .neg{color:var(--danger);margin-inline-start:.5rem;font-size:var(--ts-value)}.screen .econ-result{display:flex;flex-direction:column;align-items:center;gap:.2rem}.screen .econ-result .er-label{font:700 var(--ts-cap) var(--display);letter-spacing:.12em;text-transform:uppercase}.screen .econ-result .er-net{font:800 var(--ts-title) var(--display);font-variant-numeric:tabular-nums;line-height:1}.screen .econ-result.win .er-label{color:#14d6a0}.screen .econ-result.win .er-net{color:#14d6a0;text-shadow:0 0 20px rgb(20 214 160 / .7)}.screen .econ-result.practice .er-label,.screen .econ-result.practice .er-net{color:var(--yellow)}.screen .econ-result.practice .er-net{text-shadow:0 0 18px rgb(247 238 18 / .6)}.screen .econ-result .er-tag{font:700 .74rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);border:1px solid rgb(247 238 18 / .45);border-radius:999px;padding:.1rem .6rem}.screen .econ-result .er-net .sign{margin-inline-end:.2rem}.wallet-badge.practice{border-color:#f7ee1266}.wallet-badge.practice span,.wallet-badge.practice strong{color:var(--yellow);text-shadow:none}.arena-card .btn-ghost.refresh{flex:0 0 auto;inline-size:min(16rem,80%);min-block-size:2.8rem}.screen .econ-result.loss .er-label{color:var(--muted)}.screen .econ-result.loss .er-net{color:var(--danger);text-shadow:0 0 14px rgb(255 46 87 / .6)}.screen .pnl-sub{color:var(--muted);font:400 var(--ts-cap) var(--mono)}.confetti{position:absolute;inset-block-start:16%;inline-size:9px;block-size:14px;border-radius:2px;opacity:0;z-index:7;pointer-events:none;animation:confetti-fall var(--d, 1.1s) cubic-bezier(.2,.6,.3,1) forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-12px) rotate(0)}to{opacity:0;transform:translate(var(--x, 0),78vh) rotate(var(--r, 360deg))}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.screen-flash{position:fixed;inset-block-end:14%;inset-inline:0;margin-inline:auto;z-index:9999;inline-size:fit-content;max-inline-size:calc(100dvw - 2rem);padding:.85rem 1.3rem;text-align:center;color:var(--yellow);background:#080804eb;border:1px solid var(--yellow);clip-path:var(--cut-shape);font:700 var(--ts-body) var(--display);letter-spacing:.04em;box-shadow:0 0 16px #f7ee124d}.screen-flash[hidden]{display:none}.metric-earn strong{color:var(--yellow);text-shadow:0 0 12px rgb(247 238 18 / .55)}.metric-earn[hidden]{display:none}.metric strong.pulse{animation:hud-pulse .36s ease}@keyframes hud-pulse{0%{transform:scale(1)}40%{transform:scale(1.28);filter:brightness(1.5)}to{transform:scale(1)}}.cashout-button{pointer-events:auto;cursor:pointer;min-inline-size:7rem;min-block-size:4rem;padding:0 1.2rem;color:#190f00;background:linear-gradient(135deg,var(--yellow),#fff36b);border:1px solid var(--yellow);clip-path:var(--cut-shape);filter:drop-shadow(0 0 8px rgb(247 238 18 / .5));font:800 var(--fs-button) var(--display);letter-spacing:.06em;text-transform:uppercase}.cashout-button.warn{background:var(--danger);color:#fff;border-color:var(--danger)}.cashout-button[hidden]{display:none}.scoreboard{position:fixed;inset-block-end:max(.6rem,env(safe-area-inset-bottom));inset-inline-start:max(.5rem,env(safe-area-inset-left));z-index:6;inline-size:min(10.5rem,42vw);display:flex;flex-direction:column;gap:.04rem;padding:.3rem .38rem;background:#060a148c;border:1px solid rgb(0 229 255 / .18);clip-path:var(--cut-shape);pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.scoreboard[hidden]{display:none}.sb-title{color:var(--magenta);font:700 .6rem var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-block-end:.1rem;opacity:.85}.sb-row{display:grid;grid-template-columns:.95rem 1fr 1.25rem;align-items:center;gap:.2rem;padding:.06rem .04rem;color:var(--ink)}.scoreboard.with-earn .sb-row{grid-template-columns:.95rem 1fr 1.15rem 2.9rem}.sb-rank{color:var(--muted);font:700 .64rem var(--display);text-align:center}.sb-name{font:400 .68rem var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-kills{justify-self:end;display:inline-flex;align-items:center;gap:.08rem;color:var(--cyan);font:800 .64rem var(--display);font-variant-numeric:tabular-nums}.sb-kills:before{content:"⚔";font-size:.48rem;opacity:.55}.sb-earn{justify-self:end;color:var(--yellow);font:700 .62rem var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.sb-row.me{background:#00e5ff29}.sb-row.me .sb-name{color:var(--cyan)}.sb-row.bot .sb-name{color:var(--muted)}.lb-row.tap{cursor:pointer}.lb-row.tap:active{background:#00e5ff1f}.hud{flex-wrap:nowrap;align-items:stretch;gap:.5rem;max-inline-size:44rem}.hud>*{flex:1 1 0;min-inline-size:0;min-block-size:3.8rem}#restart-button{padding-inline:.5rem}.hud .metric{gap:.22rem;padding:.4rem;overflow:hidden}.hud .metric span{font-size:clamp(.66rem,2.6vw,.9rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .metric strong{font-size:clamp(1.05rem,4vw,1.55rem);line-height:1;white-space:nowrap}.screen .settings{inline-size:min(24rem,100%);margin-block-start:.3rem;display:flex;flex-direction:column;gap:.65rem;padding-block-start:.9rem;border-block-start:1px solid rgb(0 229 255 / .14)}.screen .settings-title{color:var(--magenta);letter-spacing:.12em;text-transform:uppercase;font:700 var(--ts-cap) var(--display);text-align:start}.screen .set-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.screen .set-label{color:var(--muted);font:400 var(--ts-body) var(--mono)}.screen .set-value{color:var(--cyan);font:700 var(--ts-body) var(--display);font-variant-numeric:tabular-nums}.screen .lang-btns{display:flex;gap:.4rem;flex-wrap:wrap}.screen .lang-btn{cursor:pointer;padding:.5rem .85rem;color:var(--muted);background:#080e1ab3;border:1px solid rgb(143 160 200 / .3);clip-path:var(--cut-shape);font:700 var(--ts-cap) var(--mono)}.screen .lang-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00e5ff1a;text-shadow:0 0 8px rgb(0 229 255 / .5)}.kill-floats{position:fixed;inset-block-start:44%;inset-inline:0;z-index:6;display:grid;justify-items:center;pointer-events:none}.kill-float{grid-area:1 / 1;color:var(--yellow);font:800 clamp(1.7rem,8vw,2.8rem) var(--display);text-shadow:0 0 18px rgb(247 238 18 / .85),0 0 4px rgb(247 238 18 / .9);white-space:nowrap;animation:kill-float 1.05s ease-out forwards}@keyframes kill-float{0%{opacity:0;transform:translate(var(--dx, 0),20px) scale(.7)}18%{opacity:1;transform:translate(var(--dx, 0)) scale(1.18)}to{opacity:0;transform:translate(var(--dx, 0),-78px) scale(1)}}.screen .carousel{inline-size:min(23rem,100%);display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.screen .carousel::-webkit-scrollbar{display:none}.arena-card{flex:0 0 100%;min-inline-size:100%;box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem 1.2rem 1.6rem;min-block-size:17rem;border:1px solid rgb(0 229 255 / .3);clip-path:var(--cut-shape);background:radial-gradient(ellipse at 50% 0%,rgb(0 229 255 / .12),transparent 60%),linear-gradient(160deg,#08101ef2,#0e081aeb)}.arena-card.free{border-color:#f7ee1266;background:radial-gradient(ellipse at 50% 0%,rgb(247 238 18 / .1),transparent 60%),linear-gradient(160deg,#141206f2,#0a0a04eb)}.arena-card.soon{border-color:#8fa0c84d;opacity:.85;justify-content:center}.card-art{font-size:clamp(3rem,14vw,4.2rem);color:var(--cyan);text-shadow:0 0 22px rgb(0 229 255 / .7);line-height:1}.card-art svg{inline-size:clamp(3rem,14vw,4.2rem);block-size:auto;display:block;margin-inline:auto;filter:drop-shadow(0 0 10px currentColor)}.arena-card.free .card-art{color:var(--yellow);text-shadow:0 0 22px rgb(247 238 18 / .7)}.arena-card.soon .card-art{color:var(--muted);text-shadow:none}.card-title{font:800 var(--ts-title) var(--display);letter-spacing:.04em;color:var(--ink);text-transform:uppercase;line-height:1}.card-title span{color:var(--magenta)}.card-sub{font:700 var(--ts-cap) var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.arena-card.free .card-sub{color:var(--yellow)}.arena-card.soon .card-sub{color:var(--muted)}.card-note{font:400 var(--ts-body) var(--mono);color:var(--muted)}.arena-card .btn-primary.big{margin-block-start:.5rem}.arena-card.free .btn-primary{background:linear-gradient(135deg,var(--yellow),#fff36b);border-color:var(--yellow);color:#190f00;filter:drop-shadow(0 0 12px rgb(247 238 18 / .5))}.screen .dots{display:flex;gap:.55rem;justify-content:center}.screen .dot{inline-size:.7rem;block-size:.7rem;padding:0;border:0;border-radius:50%;cursor:pointer;background:#8fa0c866;transition:background .15s,transform .15s}.screen .dot.active{background:var(--cyan);transform:scale(1.25);box-shadow:0 0 8px #00e5ff99}#game-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:#090a14}#game-shell.loading #game-loader{display:flex}#game-shell.loading #game-ui,#game-shell.loading #scoreboard,#game-shell.loading #waiting-banner{display:none!important}.loader-ring{inline-size:3rem;block-size:3rem;border:3px solid rgb(0 229 255 / .18);border-top-color:var(--cyan);border-radius:50%;animation:loader-spin .8s linear infinite}.loader-text{font:700 .78rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@keyframes loader-spin{to{transform:rotate(360deg)}}[data-theme=light] #game-loader{background:#e9eef8}#idle-countdown{position:absolute;inset-block-start:28%;inset-inline:0;z-index:7;display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none;text-align:center}#idle-countdown[hidden]{display:none}.idle-num{font:800 clamp(3.5rem,17vw,6.5rem) var(--display);line-height:1;color:var(--danger);text-shadow:0 0 26px rgb(200 32 63 / .85),0 0 8px rgb(0 0 0 / .6)}.idle-label{font:800 clamp(.7rem,3.2vw,1.05rem) var(--display);letter-spacing:.16em;color:var(--danger);text-shadow:0 0 10px rgb(0 0 0 / .7)}#idle-countdown.tick .idle-num{animation:idle-pop .5s ease-out}@keyframes idle-pop{0%{transform:scale(1.6);opacity:.4}to{transform:scale(1);opacity:1}}.screen .ref-invite{color:var(--muted);font:400 var(--ts-body) var(--mono);margin:0;text-align:start}.screen .ref-link{display:flex;gap:.4rem}.screen .ref-link-input{flex:1;min-inline-size:0;min-block-size:3rem;padding:0 .7rem;color:var(--cyan);background:#080e1ad9;border:1px solid rgb(0 229 255 / .35);clip-path:var(--cut-shape);font:400 var(--ts-cap) var(--mono)}.screen .btn.ref-copy{inline-size:auto;min-block-size:3rem;padding:0 1rem;white-space:nowrap}.screen.menu-arenas{padding:0;gap:0}.menu-arenas .carousel{inline-size:100%;block-size:100%}.menu-arenas .arena-card{block-size:100%;min-block-size:0;justify-content:center;gap:1.1rem;padding:clamp(1.4rem,6vw,2.4rem);border:0;clip-path:none}.menu-arenas .card-art{font-size:clamp(3.6rem,20vw,6rem)}.menu-arenas .card-art svg{inline-size:clamp(3.4rem,18vw,5.2rem)}.menu-arenas .arena-card .btn-primary.big{inline-size:min(20rem,86%);min-block-size:5rem;margin-block-start:.9rem}.menu-arenas .dots{position:absolute;inset-block-end:1.1rem;inset-inline:0}.app-bar{gap:.5rem;flex-wrap:nowrap;align-items:center}.app-brand{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light]{--ink: #0e1726;--muted: #5a6a86;--cyan: #0089b3;--magenta: #c01a9e;--yellow: #9a7a00;--danger: #c8203f}[data-theme=light] body{background:linear-gradient(180deg,#eef3fb,#dde5f2)}[data-theme=light] body:after{opacity:.12}[data-theme=light] #game-shell:before{border-color:#0089b32e}[data-theme=light] .screens{background:#d6e0f0b8}[data-theme=light] .app-frame{background:linear-gradient(180deg,#f6f9fe,#e9eef8);border-color:#0089b34d;box-shadow:0 0 40px #0089b31f}[data-theme=light] .app-bar,[data-theme=light] .app-nav{background:#ffffff73}[data-theme=light] .wallet-badge,[data-theme=light] .stat,[data-theme=light] .lb-row,[data-theme=light] .arena-card,[data-theme=light] .gear-btn,[data-theme=light] .text-input,[data-theme=light] .ref-link-input,[data-theme=light] .lang-btn,[data-theme=light] .tabs button,[data-theme=light] .btn{background:#ffffffd9!important;border-color:#0089b347}[data-theme=light] .screen-flash{background:#fffffff2;color:#7a5f00}[data-theme=light] .sb-row.me,[data-theme=light] .lb-row.me{background:#0089b31f!important}[data-theme=light] .btn-danger{background:linear-gradient(135deg,var(--danger),#ff5a78)!important;color:#fff!important;border-color:var(--danger)}[data-theme=light] .metric span,[data-theme=light] .sb-title{color:#ff2bd6}[data-theme=light] .metric strong,[data-theme=light] .sb-kills{color:#00e5ff}[data-theme=light] .metric-earn strong,[data-theme=light] .sb-earn{color:#f7ee12}[data-theme=light] .sb-name{color:#d6f6ff}[data-theme=light] .scoreboard{background:#080e1ad1!important;border-color:#00e5ff52}[data-theme=light] .sb-rank,[data-theme=light] .sb-row.bot .sb-name{color:#8fa0c8}[data-theme=light] #restart-button{color:#00e5ff;border-color:#00e5ff;background:linear-gradient(135deg,#002432e6,#240022b8);text-shadow:0 0 9px rgb(0 229 255 / .5)}@media(max-width:640px){.hud{gap:.4rem;justify-content:flex-start}.hud>*{flex:0 0 auto;min-block-size:2.5rem}.hud .metric{min-inline-size:0;padding:.24rem .5rem;gap:.2rem}.hud .metric span{font-size:clamp(.56rem,2.3vw,.74rem);letter-spacing:.02em}.hud .metric strong{font-size:clamp(.85rem,3.6vw,1.2rem)}#restart-button{flex:0 0 auto;margin-inline-start:auto;font-size:clamp(.72rem,2.8vw,.95rem);padding-inline:.55rem}.app-bar{padding-inline:.7rem}}}