:root{--bg:#0d0f16;--panel:#0c0e16c7;--panel-edge:#ffffff1f;--text:#f4f1ea;--muted:#a9a6b8;--hazard:#ffc61a;--danger:#ff4b3a;--good:#4dff9a;--cyan:#5ff3ff;--ram:#ff5a3c;--bomber:#ffd21f;--magnet:#b07bff;--font-display:"Russo One", "Arial Black", Impact, system-ui, sans-serif;--font-body:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}.hud-top-left{min-width:200px;position:absolute;top:16px;left:16px}.pcard{background:var(--panel);border:2px solid var(--panel-edge);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;padding:10px 14px}.pname{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:8px;font-size:18px;display:flex}.chip{border-radius:4px;flex:none;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 2px #0006}.lives{gap:4px;margin-left:auto;display:flex}.life{background:var(--danger);border-radius:3px;width:14px;height:14px;transform:rotate(45deg)scale(.75);box-shadow:0 0 8px #ff4b3a99}.life.lost{box-shadow:none;background:#ffffff1f}.hud-bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hb-row{align-items:center;gap:14px;display:flex}.hpbar{background:#0009;border:2px solid #ffffff29;border-radius:7px;width:min(360px,46vw);height:24px;position:relative;box-shadow:0 4px 14px #00000059}.hpbar>.hpghost,.hpbar>.hpfill{border-radius:5px}.hpbar.heal{animation:.9s ease-out healglow}.healpop{font-family:var(--font-display);color:var(--good);text-shadow:0 2px #0009,0 0 12px #4dff9ab3;pointer-events:none;font-size:20px;animation:1.1s ease-out forwards healpop;position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%)}.abwrap{flex-direction:column;align-items:center;gap:3px;display:flex}.ability{background:#0009;border:3px solid #ffffff38;border-radius:50%;width:64px;height:64px;transition:opacity .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.ability .afill{background:linear-gradient(0deg, #2a9dff, var(--cyan));height:0%;position:absolute;bottom:0;left:0;right:0}.ability .aicon{color:#fff;filter:drop-shadow(0 2px 2px #0009);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ability .aicon svg{width:34px;height:34px}.ability.cooldown{opacity:.5}.ability.ready{opacity:1;border-color:var(--hazard);animation:.35s ease-out readypop;box-shadow:0 0 0 3px #00000059,0 0 22px #ffc61abf}.ability.ready .afill{background:linear-gradient(0deg, #f0a500, var(--hazard))}.ability.ready .aicon{color:#1c1c1f;filter:none}.ability.active .afill{background:linear-gradient(#fff,#d8f6ff)}.ability.active .aicon{color:#1c1c1f;filter:none}.aname{font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 2px #0009;white-space:nowrap;font-size:11px}.astatus{font-family:var(--font-display);color:var(--bomber);letter-spacing:.05em;text-shadow:0 2px #0009;background:var(--panel);border-radius:999px;padding:3px 10px;font-size:13px}.astatus.ready{animation:.7s infinite alternate pulse}.hpghost,.hpfill{width:100%;position:absolute;inset:0 auto 0 0}.hpghost{opacity:.55;background:#fff;transition:width .5s .15s}.hpfill{background:linear-gradient(#7dffb5,#19c56a);transition:width 80ms linear,background .3s}.hpfill.mid{background:linear-gradient(#ffe07a,#f0a500)}.hpfill.low{background:linear-gradient(#ff8a7a,#e0261a);animation:.6s infinite alternate pulse}.hptext{font-family:var(--font-display);text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hpbar.hit{animation:.25s shake}.controls{border:1px solid var(--panel-edge);color:var(--muted);background:#0c0e168c;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11.5px;display:flex;position:absolute;bottom:14px;left:14px}.crow{align-items:center;gap:8px;display:flex}.crow kbd{font-family:var(--font-display);text-align:center;min-width:58px;color:var(--text);background:#ffffff1a;border:1px solid #ffffff38;border-radius:4px;padding:2px 5px;font-size:10px}.crow .cab{color:var(--hazard);font-family:var(--font-display);letter-spacing:.04em}.hud-top-center{text-align:center;position:absolute;top:12px;left:50%;transform:translate(-50%)}.timer{font-family:var(--font-display);text-shadow:0 3px #00000080,0 0 20px #0006;letter-spacing:.04em;font-size:44px;line-height:1}.timer.urgent{color:var(--danger);animation:.5s infinite alternate pulse}.subtimer{font-family:var(--font-display);color:var(--hazard);letter-spacing:.12em;text-shadow:0 2px #0009;margin-top:4px;font-size:13px}.hud-top-right{width:min(260px,38vw);position:absolute;top:16px;right:16px}.board{background:var(--panel);border:2px solid var(--panel-edge);border-radius:14px;padding:8px 10px}.brow{border-radius:7px;align-items:center;gap:8px;padding:5px 4px;font-size:14px;display:flex}.brow.me{background:#5ff3ff1f}.brow.dead{opacity:.45}.brow.out{opacity:.25;text-decoration:line-through}.brow .bname{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.brow .bk{font-family:var(--font-display);text-align:right;min-width:22px}.brow .blives{gap:2px;display:flex}.brow .blives i{background:var(--danger);border-radius:2px;width:7px;height:7px;display:block}.brow .blives i.lost{background:#ffffff26}.killfeed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:250px;right:16px}.kf{background:var(--panel);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:13px;transition:opacity .6s;animation:.25s ease-out slidein}.kf b{font-weight:700}.kf .x{color:var(--hazard);font-family:var(--font-display);margin:0 6px}.kf.mine{border:2px solid var(--cyan)}.centerstack{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:12%;left:50%;transform:translate(-50%)}.callouts{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.co{font-family:var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #0009;text-shadow:0 5px #00000073;font-size:clamp(28px,5vw,58px);line-height:1;animation:1.5s cubic-bezier(.2,1.4,.4,1) forwards pop}.co.big{color:var(--hazard);font-size:clamp(30px,5vw,60px)}.co.kill{color:#fff;font-size:clamp(22px,3.2vw,38px)}.co.info{color:var(--cyan);font-size:clamp(22px,3.4vw,40px)}.co small{font-family:var(--font-body);-webkit-text-stroke:0;letter-spacing:.02em;color:var(--text);margin-top:4px;font-size:15px;font-weight:700;display:block}.deathcam{text-align:center;font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 4px #00000080;font-size:clamp(22px,3vw,34px);position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.deathcam b{color:var(--danger)}.deathcam small{font-family:var(--font-body);color:var(--muted);letter-spacing:.02em;margin-top:6px;font-size:16px;display:block}.vignette{pointer-events:none;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #ff1e1400}.vignette.hurt{transition:none;box-shadow:inset 0 0 160px 40px #ff1e1473}.vignette.critical{animation:.8s infinite alternate critical}.speedlines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.edgeglow{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 140px 30px #ffc428bf,inset 0 0 26px 6px #fff0b4e6}.edgeglow.on{animation:1.6s ease-out forwards edgeglow}.fuseflash{pointer-events:none;opacity:0;background:radial-gradient(#ffffff59 0%,#ffffffd9 75%,#fff 100%);position:absolute;inset:0}.streakbox{text-align:center}.streak{--c:#d9dde3;--c2:#8e96a3;font-family:var(--font-display);animation:2s cubic-bezier(.2,1.4,.4,1) forwards streakin;position:relative}.streak.t2{--c:#9fe0ff;--c2:#3a9fe0}.streak.t3{--c:#d3a4ff;--c2:#8a3dff}.streak.t4{--c:#ffb35c;--c2:#ff3b1a}.streak.t5{--c:#ffe38a;--c2:#d9920f;animation-duration:2.6s}.st-label{letter-spacing:.3em;color:var(--c);text-shadow:0 2px #0009;font-size:13px}.st-big{letter-spacing:.04em;color:var(--c);-webkit-text-stroke:2px #0000008c;text-shadow:0 5px 0 #00000073, 0 0 26px var(--c2);font-size:clamp(40px,6vw,72px);line-height:1}.streak.t4 .st-big{animation:.12s 6 alternate flicker}.streak.t5 .st-big{background:linear-gradient(100deg,#b87400 0%,#ffe38a 35%,#fffbe8 50%,#ffd24a 65%,#b87400 100%) 0 0/250% 100%;color:#0000;-webkit-text-stroke:2px #5a3200b3;text-shadow:none;filter:drop-shadow(0 5px #00000073)drop-shadow(0 0 22px #ffc83ce6);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,8vw,96px);animation:1.1s linear 2 shine}.st-pips{justify-content:center;gap:7px;margin:7px 0 4px;display:flex}.st-pips i{background:#ffffff29;border-radius:2px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 0 2px #00000059}.st-pips i.on{background:var(--c);box-shadow:0 0 0 2px #00000059, 0 0 10px var(--c2)}.st-cap{font-family:var(--font-body);color:var(--text);text-shadow:0 2px 3px #000c;font-size:15px;font-weight:700}.streak .spark,.streak .gold{background:#ffd08a;border-radius:50%;width:7px;height:7px;margin:-3px;animation:.8s ease-out forwards burst;position:absolute;top:42%;left:50%;box-shadow:0 0 8px #ff6a1a}.streak .gold{background:#ffe38a;border-radius:2px;width:9px;height:9px;animation-duration:1.2s;box-shadow:0 0 10px #ffc21a}.streak .gold-s{background:#fff3c4;box-shadow:0 0 10px #ffc21a}.tags{position:absolute;inset:0}.tag{text-align:center;text-shadow:0 1px 3px #000;white-space:nowrap;will-change:transform;font-size:12px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag .thp{background:#0009;border-radius:3px;width:56px;height:5px;margin:3px auto 0;overflow:hidden}.tag .thp i{background:var(--good);height:100%;display:block}.toast{background:var(--panel);color:var(--muted);border-radius:8px;padding:6px 12px;font-size:13px;animation:3s forwards fadeout;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.menu{pointer-events:auto;background:radial-gradient(#0a0a1433,#0a0a14bf);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:16px;display:flex;position:absolute;inset:0}.logo{font-family:var(--font-display);text-align:center;letter-spacing:.02em;color:var(--hazard);-webkit-text-stroke:3px #1c1c1f;text-shadow:0 8px #1c1c1f,0 14px 30px #0009;font-size:clamp(44px,8vw,96px);line-height:.9;transform:rotate(-2deg)}.logo span{color:#fff;letter-spacing:.18em;margin-top:8px;font-size:.5em;display:block}.cards{grid-template-columns:repeat(3,minmax(0,250px));gap:16px;max-width:100%;display:grid}.card{background:var(--panel);cursor:pointer;border:3px solid #ffffff1a;border-radius:18px;padding:16px 16px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.card:hover{transform:translateY(-3px)}.card.sel{border-color:var(--c);box-shadow:0 0 0 3px #0006, 0 0 34px -4px var(--c);transform:translateY(-6px)scale(1.03)}.card .num{font-family:var(--font-display);color:var(--muted);font-size:13px;position:absolute;top:12px;right:14px}.card .ctitle{font-family:var(--font-display);color:var(--c);letter-spacing:.04em;font-size:30px;line-height:1}.card .ctag{color:var(--muted);margin-top:2px;font-size:13px;font-weight:600}.card p{min-height:3.9em;margin:10px 0 12px;font-size:14px;line-height:1.35}.stat{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);grid-template-columns:78px 1fr;align-items:center;gap:8px;margin:5px 0;font-size:11px;display:grid}.stat .sb{background:#ffffff1a;border-radius:4px;height:7px;overflow:hidden}.stat .sb i{background:var(--c);height:100%;display:block}.card .abil{color:var(--muted);border-top:1px solid #ffffff1a;margin-top:12px;padding-top:10px;font-size:12.5px;line-height:1.35}.card .abil b{font-family:var(--font-display);color:var(--text);letter-spacing:.05em;margin-bottom:2px;font-size:13px;font-weight:400;display:block}.cta{font-family:var(--font-display);letter-spacing:.06em;background:var(--hazard);color:#1c1c1f;cursor:pointer;border:none;border-radius:12px;padding:12px 26px;font-size:clamp(16px,2.2vw,22px);animation:1.2s ease-in-out infinite alternate bob;box-shadow:0 5px #a87d00}.keys{color:var(--muted);text-align:center;font-size:13px;line-height:1.7}.keys kbd{font-family:var(--font-display);color:var(--text);background:#ffffff1f;border:1px solid #ffffff40;border-radius:5px;padding:2px 6px;font-size:11px}.end{pointer-events:auto;background:radial-gradient(#0a0a1459,#0a0a14d9);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.end .rtitle{font-family:var(--font-display);-webkit-text-stroke:3px #1c1c1f;text-shadow:0 8px #1c1c1f;font-size:clamp(56px,10vw,120px);line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) slam}.end .rtitle.win{color:var(--hazard)}.end .rtitle.lose{color:var(--danger)}.end .reason{color:var(--text);text-align:center;font-size:18px}.rank{border-collapse:collapse;background:var(--panel);border-radius:14px;min-width:min(520px,100%);font-size:15px;overflow:hidden}.rank th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:10px 14px 6px;font-size:11px;font-weight:600}.rank td{border-top:1px solid #ffffff12;padding:8px 14px}.rank td.n{text-align:right;font-family:var(--font-display)}.rank tr.me td{background:#5ff3ff1f}.end .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{font-family:var(--font-display);letter-spacing:.05em;background:var(--panel);color:var(--text);cursor:pointer;border:2px solid #fff3;border-radius:10px;padding:10px 18px;font-size:15px}.btn.primary{background:var(--hazard);color:#1c1c1f;border-color:var(--hazard);box-shadow:0 4px #a87d00}.btn kbd{opacity:.7;margin-right:6px;font-size:11px}.loading{font-family:var(--font-display);letter-spacing:.1em;color:var(--hazard);background:var(--bg);z-index:10;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(2.2)}12%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-10px)}}@keyframes slam{0%{opacity:0;transform:scale(2.6)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes critical{0%{box-shadow:inset 0 0 120px 20px #ff1e1426}to{box-shadow:inset 0 0 160px 50px #ff1e1466}}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}@keyframes healglow{0%{box-shadow:0 0 0 3px #4dff9ae6,0 0 30px #4dff9ae6}to{box-shadow:0 4px 14px #00000059}}@keyframes healpop{0%{opacity:0;transform:translate(-50%,-60%)scale(.7)}20%{opacity:1;transform:translate(-50%,-100%)scale(1.1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@keyframes readypop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes streakin{0%{opacity:0;transform:scale(2.4)}10%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)translateY(-12px)}}@keyframes shine{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes flicker{0%{filter:brightness()}to{filter:brightness(1.6)}}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}@keyframes edgeglow{0%{opacity:0}12%{opacity:1}to{opacity:0}}@media (max-width:760px){.cards{grid-template-columns:1fr;max-width:360px}.card p{min-height:0}.hud-top-right,.killfeed{display:none}.controls{transform-origin:0 100%;transform:scale(.85)}.hud-bottom{align-items:flex-end;left:auto;right:12px;transform:none}}@media (max-height:720px) and (min-width:761px){.card p{min-height:0;margin:6px 0 8px}.menu{gap:12px}.logo{font-size:clamp(36px,6vw,64px)}}