:host,:root{--bg: #070B1A;--panel: rgba(14, 20, 48, .72);--panel-solid: #0E1430;--border: #2A3566;--text: #E8EEFF;--text2: #93A0C8;--accent: #22D3EE;--accent-hi: #8FF3FF;--danger: #FF4D4D;--gold: #FFC93C;--heal: #33D17A;--shield: #4CC9F0;--xp: #C084FC;--divider: #1B2450;--ui: 1}*{box-sizing:border-box;margin:0;padding:0}.arena-root,html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}:host{display:block;width:100%;height:100%;min-height:420px;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}.arena-root{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;transform:translateZ(0);contain:strict}#game{position:fixed;inset:0;display:block;cursor:none}.arena-root.menu-open #game{cursor:default}.hidden{display:none!important}.panel{position:fixed;background:var(--panel);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0f,0 6px 24px #00000059;pointer-events:none}#hud{position:fixed;inset:0;pointer-events:none;font-size:calc(13px * var(--ui))}#killfeed{left:20px;top:20px;width:calc(340px * var(--ui));padding:6px 8px;display:flex;flex-direction:column;gap:2px;background:none;border:none;box-shadow:none;backdrop-filter:none}.kf{padding:3px 8px;border-radius:5px;font-size:calc(12.5px * var(--ui));background:#0e1430a8;border:1px solid rgba(42,53,102,.7);color:var(--text2);animation:kfIn .18s ease-out;display:flex;gap:6px;align-items:baseline;white-space:nowrap;overflow:hidden}.kf b{color:var(--text);font-weight:600}.kf .me{color:var(--accent);font-weight:700}.kf .wpn{color:var(--gold);opacity:.85;font-size:.9em}.kf.death-mine{background:#ff4d4d29;border-color:#ff4d4d80}.kf.fade{opacity:0;transition:opacity .4s}@keyframes kfIn{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}#arenaHeader{left:50%;transform:translate(-50%);top:16px;padding:7px 18px;text-align:center;min-width:calc(190px * var(--ui))}#ahPlayers{color:var(--text2);font-size:calc(12px * var(--ui));letter-spacing:.04em}.ah-event{margin-top:2px;font-weight:700;letter-spacing:.03em;color:var(--text);font-size:calc(13px * var(--ui))}.ah-event.soon{color:var(--gold);animation:pulse 1s infinite}.ah-event.active{color:var(--gold)}@keyframes pulse{50%{opacity:.45}}#leaderboard{right:20px;top:20px;width:calc(276px * var(--ui));padding:8px 10px 9px}.lb-head,.lb-row{display:grid;grid-template-columns:22px 1fr 30px 62px;gap:4px;align-items:center;font-size:calc(12.5px * var(--ui));padding:2px 3px}.lb-head{color:var(--text2);font-size:calc(10.5px * var(--ui));letter-spacing:.1em;border-bottom:1px solid var(--divider);padding-bottom:4px;margin-bottom:3px}.lb-row{border-radius:4px;transition:background .25s}.lb-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row span:nth-child(3),.lb-row span:nth-child(4){text-align:right;color:var(--text2)}.lb-row.r1{color:var(--gold);font-weight:700}.lb-row.r1 span:nth-child(4){color:var(--gold)}.lb-row.r2,.lb-row.r3{color:var(--text)}.lb-row.bot span:nth-child(2):after{content:" \232c";color:var(--text2);opacity:.7}.lb-row.bounty span:nth-child(2):before{content:"\25c6  ";color:var(--gold)}.lb-you{background:#22d3ee24;color:var(--accent)!important;margin-top:4px;border-top:1px solid var(--divider);padding-top:5px;border-radius:0 0 4px 4px}.lb-you span:nth-child(4){color:var(--accent)!important}.lb-row.up{animation:flashUp .5s}.lb-row.down{animation:flashDown .5s}@keyframes flashUp{0%{background:#ffc93c59}}@keyframes flashDown{0%{background:#ff4d4d4d}}#boosters{position:fixed;right:20px;bottom:calc(216px * var(--ui));display:flex;gap:8px;flex-direction:row-reverse}.bst{position:relative;width:calc(42px * var(--ui));height:calc(42px * var(--ui))}.bst canvas{width:100%;height:100%;display:block}.bst svg{position:absolute;inset:-3px;width:calc(48px * var(--ui));height:calc(48px * var(--ui));transform:rotate(-90deg)}.bst .sec{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font-size:calc(10.5px * var(--ui));color:var(--text2)}.bst.ending{animation:pulse .33s infinite}.bst.ending .sec{color:var(--danger)}#abilities{position:fixed;left:20px;bottom:20px;display:flex;gap:10px}.ab-slot{position:relative;width:calc(56px * var(--ui));height:calc(56px * var(--ui));background:var(--panel);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center}.ab-slot canvas{width:calc(40px * var(--ui));height:calc(40px * var(--ui))}.ab-key{position:absolute;top:2px;left:5px;font-size:calc(9px * var(--ui));color:var(--text2);letter-spacing:.05em}.ab-cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e1430c7;border-radius:9px;font-weight:700;font-size:calc(17px * var(--ui))}.ab-name{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:calc(10px * var(--ui));color:var(--text2);white-space:nowrap}.ab-slot.ready{border-color:var(--gold);box-shadow:0 0 12px #ffc93c59}.ab-slot.locked{opacity:.35}#controls{position:fixed;left:20px;bottom:calc(96px * var(--ui));background:#0e1430c7;border:1px solid var(--border);border-radius:9px;padding:9px 13px;font-size:calc(11.5px * var(--ui));line-height:1.75;backdrop-filter:blur(6px);pointer-events:none;transition:opacity .6s ease,transform .6s ease}#controls.out{opacity:0;transform:translateY(10px)}#controls>div{display:grid;grid-template-columns:52px 1fr;gap:8px}#controls b{color:var(--text);font-weight:600;text-align:center;background:#ffffff14;border-radius:4px;font-size:calc(10.5px * var(--ui))}#controls span{color:var(--text2)}.ctl-title{display:block!important;color:var(--accent);font-size:calc(9.5px * var(--ui));letter-spacing:.18em;margin-bottom:5px}#tutorial{position:fixed;left:50%;transform:translate(-50%);top:calc(96px * var(--ui));background:#0e1430e0;border:1px solid var(--border);border-radius:8px;padding:9px 18px;font-size:calc(14px * var(--ui));color:var(--text);animation:kfIn .26s ease-out;white-space:nowrap}#tutorial b{color:var(--accent)}#toasts{position:fixed;left:50%;transform:translate(-50%);top:32%;display:flex;flex-direction:column;align-items:center;gap:6px}.toast{background:#0e1430e6;border:1px solid var(--border);border-radius:8px;padding:8px 20px;font-size:calc(15px * var(--ui));font-weight:600;animation:toastIn .22s ease-out;transition:opacity .35s,transform .35s}.toast.level{color:var(--xp);border-color:var(--xp)}.toast.bounty,.toast.streak,.toast.titan{color:var(--gold);border-color:var(--gold)}.toast.event{color:var(--accent);border-color:var(--accent);font-size:calc(18px * var(--ui));letter-spacing:.05em}.toast.out{opacity:0;transform:translateY(-14px)}@keyframes toastIn{0%{transform:translateY(16px);opacity:0}}#upgrades{position:fixed;left:50%;transform:translate(-50%);bottom:150px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px 12px;pointer-events:auto;backdrop-filter:blur(8px);box-shadow:0 10px 40px #00000080}.up-head{display:flex;gap:16px;align-items:baseline;margin-bottom:8px}.up-title{font-weight:700;letter-spacing:.12em;font-size:calc(12px * var(--ui));color:var(--text2)}.up-points b{color:var(--gold);font-size:calc(15px * var(--ui))}.up-hint{margin-left:auto;color:var(--text2);font-size:calc(10.5px * var(--ui))}#upBranches{display:flex;gap:10px}.up-branch{min-width:calc(132px * var(--ui))}.up-bname{font-size:calc(10px * var(--ui));letter-spacing:.1em;margin-bottom:4px;opacity:.9}.up-stat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:4px 7px;border-radius:6px;border:1px solid transparent;font-size:calc(12px * var(--ui));cursor:pointer;margin-bottom:3px;background:#ffffff08}.up-stat:hover{background:#ffffff17;border-color:var(--border)}.up-stat.max{opacity:.45;cursor:default}.up-stat.poor{opacity:.5;cursor:not-allowed}.up-val{color:var(--text2);font-size:calc(10.5px * var(--ui))}.up-pips{grid-column:1 / -1;display:flex;gap:2px}.up-pip{flex:1;height:3px;border-radius:2px;background:#ffffff1f}.up-kb{color:var(--gold);font-size:calc(9.5px * var(--ui));opacity:.8}.overlay{position:fixed;inset:0;z-index:20;background:#070b1a9e;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.menu-inner{width:min(760px,92%);text-align:center;max-height:96%;overflow-y:auto;padding:12px 0}.logo{font-size:clamp(34px,6.2vw,62px);letter-spacing:.16em;font-weight:800;line-height:1}.logo span{color:var(--accent);text-shadow:0 0 26px rgba(34,211,238,.5)}.tagline{color:var(--text2);margin:10px 0 20px;font-size:14px}.pilot-identity{width:min(360px,80%);margin:0 auto;padding:10px 16px;background:#0e1430d9;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px}.pilot-identity label{color:var(--text2);font-size:10px;letter-spacing:.18em}.pilot-identity input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--accent);font-family:inherit;font-size:15px;letter-spacing:.06em;text-align:center;padding:2px 0;border-bottom:1px solid transparent;transition:border-color .15s}.pilot-identity input::placeholder{color:var(--text2);opacity:.7;letter-spacing:.06em}.pilot-identity input:focus{border-bottom-color:var(--accent)}#classPicker{display:flex;gap:9px;justify-content:center;margin:20px 0;flex-wrap:wrap}.cls{width:112px;padding:9px 7px 10px;border-radius:10px;cursor:pointer;background:#0e1430c7;border:2px solid var(--border);transition:transform .13s,border-color .13s,box-shadow .13s}.cls:hover{transform:translateY(-3px);border-color:#3d4c8f}.cls.on{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 8px 26px #22d3ee47}.cls canvas{width:76px;height:76px;display:block;margin:0 auto 2px}.cls .cn{font-weight:700;font-size:13px;letter-spacing:.05em}.cls .cd{font-size:10.5px;color:var(--text2);margin-top:2px;min-height:26px}.bars{margin-top:6px;display:flex;flex-direction:column;gap:2px}.bar{display:grid;grid-template-columns:30px 1fr;gap:4px;align-items:center;font-size:8.5px;color:var(--text2)}.bar i{height:4px;border-radius:2px;background:#ffffff1f;display:block;position:relative;overflow:hidden}.bar i:after{content:"";position:absolute;inset:0;width:var(--v);border-radius:2px;background:var(--c)}#playBtn{margin-top:6px;padding:15px 60px;font-size:19px;font-weight:800;letter-spacing:.16em;background:var(--accent);color:#04121a;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 26px #22d3ee59}#playBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #22d3ee80}#playBtn:disabled{background:var(--border);color:var(--text2);cursor:wait;box-shadow:none}.controls-hint{margin-top:16px;color:var(--text2);font-size:12px;line-height:1.7}.controls-hint b{color:var(--text);background:#ffffff12;padding:1px 6px;border-radius:4px}.credit{display:inline-block;margin-top:22px;padding:5px 12px;border-radius:999px;color:var(--text2);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--border);background:#0e143080;opacity:.62;transition:opacity .15s,color .15s,border-color .15s}.credit b{color:var(--text2);font-weight:700;letter-spacing:.06em}.credit:hover,.credit:focus-visible{opacity:1;color:var(--text);border-color:var(--accent)}.credit:hover b,.credit:focus-visible b{color:var(--accent)}.death-inner{width:min(520px,92vw);background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:24px 26px;text-align:center;animation:deathIn .22s ease-out;box-shadow:0 20px 60px #0009}@keyframes deathIn{0%{transform:translateY(40px);opacity:0}}.death-title{font-size:25px;font-weight:800;letter-spacing:.2em;color:var(--danger)}.death-killer{margin:14px 0 4px;font-size:14px;color:var(--text2);line-height:1.6}.death-killer b{color:var(--text);font-size:16px}.death-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0 20px}.ds .k{font-size:9.5px;letter-spacing:.09em;color:var(--text2)}.ds .v{font-size:17px;font-weight:700;margin-top:2px}.ds .d{font-size:10px;color:var(--heal)}.ds .d.neg{color:var(--danger)}#respawnBtn{width:100%;padding:15px;font-size:17px;font-weight:800;letter-spacing:.12em;background:var(--accent);color:#04121a;border:none;border-radius:10px;cursor:pointer;font-family:inherit}#respawnBtn:disabled{background:var(--border);color:var(--text2);cursor:wait}.kbd{font-size:11px;opacity:.6;font-weight:600}.death-sub{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--text2)}#deathClass{background:#ffffff0f;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 9px;font-family:inherit;font-size:12px;cursor:pointer}code{background:#ffffff14;padding:2px 7px;border-radius:4px;font-size:13px}@media(max-width:900px){#leaderboard{width:210px}#killfeed{width:240px}.cls{width:92px}.cls canvas{width:60px;height:60px}}@media(max-width:640px){:host,.arena-root{--ui: .76}#killfeed,#controls{display:none!important}#arenaHeader{left:8px;top:8px;min-width:0;transform:none;padding:5px 8px;text-align:left}#leaderboard{right:8px;top:8px;width:166px;padding:5px 6px}.lb-head,.lb-row{grid-template-columns:18px 1fr 24px 48px;gap:2px}#abilities{left:8px;bottom:10px}#boosters{right:8px;bottom:150px}#upgrades{width:calc(100% - 16px);bottom:104px;padding:8px;overflow-x:auto}.up-hint{display:none}.up-branch{min-width:104px}.menu-inner{padding:16px 8px}.logo{font-size:clamp(28px,11vw,42px)}.tagline{margin-bottom:12px;font-size:12px}#classPicker{gap:6px;margin:12px 0}.cls{width:78px;padding:6px 4px}.cls canvas{width:48px;height:48px}.cls .cd,.bars{display:none}#playBtn{padding:12px 42px;font-size:16px}.controls-hint{margin-top:10px}.credit{margin-top:12px;font-size:10px;padding:4px 10px}.death-inner{width:calc(100% - 16px);padding:18px 12px}.death-title{font-size:18px}.death-stats{grid-template-columns:repeat(3,1fr)}}