:root{--hud: #7fe3c4;--hud-warm: #ffd166;--hud-dim: rgba(127, 227, 196, .55);--warn: #ff8b53;--danger: #ff4d4d;--bg: #070c16;--panel: rgba(10, 18, 32, .88);--line: rgba(127, 227, 196, .22);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:#e8f2ff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.muted{color:#93a6bf;font-size:13px}.screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:radial-gradient(1200px 700px at 50% 0%,rgba(38,78,120,.55),transparent 70%),linear-gradient(180deg,#0a1424,#050912);overflow-y:auto}.logo{font-size:clamp(22px,5vw,34px);font-weight:800;letter-spacing:.16em;color:var(--hud);text-shadow:0 0 28px rgba(127,227,196,.35)}.loading-box{text-align:center;display:grid;gap:18px;width:min(420px,88vw)}.bar{height:4px;background:#ffffff17;border-radius:4px;overflow:hidden}#loading-bar{height:100%;width:0%;background:var(--hud);transition:width .25s ease;box-shadow:0 0 14px var(--hud)}.panel{width:min(460px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;gap:15px;backdrop-filter:blur(14px);box-shadow:0 30px 80px #0009}.tagline{margin-top:-6px}.field{display:grid;gap:6px;font-size:13px;color:#b9c9e0}.field em{font-style:normal}input[type=text],select{width:100%;padding:11px 13px;background:#ffffff0f;border:1px solid var(--line);border-radius:10px;color:#eaf4ff;font-size:16px;font-family:inherit;outline:none}input[type=text]:focus,select:focus{border-color:var(--hud)}#room-input::placeholder{text-transform:none}select{appearance:none}option{background:#0e1a2c}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;font-size:15px}button.primary{padding:14px;margin-top:4px;background:linear-gradient(180deg,#34d6a5,#1aa47c);color:#04140f;font-weight:800;letter-spacing:.12em;box-shadow:0 10px 30px #28c89b4d}button.primary:active{transform:translateY(1px)}button.ghost{background:#ffffff14;color:#cfe0f4;padding:5px 10px;font-size:12px;border:1px solid var(--line)}.error{background:#ff4d4d24;border:1px solid rgba(255,77,77,.4);color:#ffb3b3;padding:10px;border-radius:9px;font-size:13px}.help{font-size:13px;color:#9fb2c9;border-top:1px solid var(--line);padding-top:12px}.help summary{cursor:pointer}.help-grid{display:grid;grid-template-columns:max-content 1fr;gap:5px 16px;margin-top:10px}.help-grid b{color:var(--hud)}.help-grid .span2{grid-column:1 / -1;margin-top:6px}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-variant-numeric:tabular-nums}#hud-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#hud-svg line,#hud-svg path,#hud-svg circle{fill:none;stroke:var(--hud);stroke-width:2.2;vector-effect:non-scaling-stroke}#hud-svg text{fill:var(--hud);font:600 20px ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em}.ladder{opacity:.82}#hud-svg .ladder-num{font-size:17px;opacity:.9}.gun-cross{opacity:.95}.gun-cross circle{fill:var(--hud)}.fpm{opacity:.95}.fpm circle{stroke-width:2.6}.tgt-box path{stroke:var(--hud-warm);stroke-width:2.8}#hud-svg .tgt-text{fill:var(--hud-warm);font-size:18px}.lock-diamond path{stroke:var(--hud-warm);stroke-width:2.4}.lock-diamond.locked path{stroke:var(--danger);fill:#ff4d4d2e;animation:lockflash .45s steps(2,end) infinite}.lock-arc{stroke:var(--hud-warm);stroke-width:3.2;opacity:.85}@keyframes lockflash{50%{opacity:.35}}.lead-pip circle{stroke:var(--danger);stroke-width:2.4}.lead-pip .lead-dot{fill:var(--danger)}#hud-svg .big-num{font-size:40px;font-weight:700}#hud-svg .small-num{font-size:17px;opacity:.75}#hud-svg .unit{font-size:14px;opacity:.65;letter-spacing:.18em}#hud-svg .tape-num{font-size:16px}.caret{fill:var(--hud);stroke:none}.caret-line{stroke-width:2.6}#warnings{position:absolute;left:50%;top:18%;transform:translate(-50%);display:grid;gap:6px;text-align:center}.warn{color:var(--warn);font-weight:800;letter-spacing:.14em;font-size:16px;text-shadow:0 0 18px rgba(255,139,83,.6);animation:blink .7s steps(2,end) infinite}.warn.danger{color:var(--danger);font-size:20px;text-shadow:0 0 22px rgba(255,77,77,.8);animation-duration:.32s}@keyframes blink{50%{opacity:.25}}#stores{position:absolute;left:calc(20px + var(--safe-l));bottom:calc(18px + var(--safe-b));background:#060e1a8c;border:1px solid var(--line);border-left:3px solid var(--hud);border-radius:4px;padding:10px 14px 11px;min-width:218px}.wrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.1em;color:#93a6bf;padding:2px 0}.wrow b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:3px;background:#ffffff1a;color:#cfe0f4;font-size:10px;font-weight:700}.wrow .wname{flex:1}.wrow .wcount{font-variant-numeric:tabular-nums}.wrow.sel{color:var(--hud)}.wrow.sel b{background:var(--hud);color:#04140f}.wrow.empty .wcount{color:var(--danger)}.wrow.flares{border-top:1px solid var(--line);margin-top:5px;padding-top:6px}.bars{margin-top:9px;display:grid;gap:4px}.stat-row{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em;color:var(--hud-dim)}.stat-row>span{width:60px}.meter{flex:1;height:7px;background:#00000073;border:1px solid var(--line);border-radius:2px;overflow:hidden}.meter>div{height:100%;width:100%;transition:width .12s linear}#hp-bar{background:linear-gradient(90deg,#38e2a8,#7fe3c4)}#hp-bar.low{background:linear-gradient(90deg,#ff4d4d,#ff8b53)}#boost-bar{background:linear-gradient(90deg,#58a6ff,#9ecbff)}#throttle-bar{background:linear-gradient(90deg,#ffd166,#ffe6a3)}#rwr{position:absolute;right:calc(20px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:128px;text-align:center}#rwr-svg{width:118px;height:118px;display:block;margin:0 auto}.rwr-ring{fill:none;stroke:var(--line);stroke-width:2}.rwr-cross{stroke:var(--line);stroke-width:1.5}.rwr-self{fill:var(--hud);stroke:none}.rwr-dot{fill:var(--hud-dim);stroke:none}.rwr-dot.t1{fill:var(--warn)}.rwr-dot.t2{fill:var(--danger);animation:blink .3s steps(2,end) infinite}.rwr-label{font-size:9px;letter-spacing:.24em;color:var(--hud-dim);margin-top:2px}.g-meter{font-size:13px;color:var(--hud);letter-spacing:.1em;margin-top:4px}#objective{position:absolute;left:50%;top:calc(12px + var(--safe-t));transform:translate(-50%);font-size:12.5px;letter-spacing:.1em;color:var(--hud);background:#060e1a99;border:1px solid var(--line);padding:6px 16px;border-radius:20px;white-space:nowrap}#killfeed{position:absolute;right:calc(16px + var(--safe-r));top:calc(52px + var(--safe-t));display:grid;gap:4px;justify-items:end;font-size:12.5px}.kf{background:#060e1ab3;border:1px solid var(--line);padding:4px 10px;border-radius:4px;animation:slidein .25s ease}.kf .me{color:var(--hud);font-weight:700}.kf .victim{color:#ffb3b3}@keyframes slidein{0%{opacity:0;transform:translate(16px)}}#chat-log{position:absolute;left:calc(20px + var(--safe-l));top:28%;display:grid;gap:4px;font-size:13px}.chat-line{background:#060e1ab3;border-left:2px solid var(--hud);padding:4px 10px;border-radius:3px}.chat-line b{color:var(--hud)}#respawn{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;background:radial-gradient(circle at 50% 50%,#780a0a40,#0000008c)}.respawn-title{font-size:30px;font-weight:800;letter-spacing:.2em;color:var(--danger)}.respawn-count{font-size:62px;font-weight:800;color:#fff}#roundover{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;background:#0009}.ro-title{font-size:20px;letter-spacing:.3em;color:var(--hud-dim)}#ro-winner{font-size:38px;font-weight:800;color:var(--hud)}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 22px;min-width:min(460px,90vw);backdrop-filter:blur(10px)}#score-table{width:100%;border-collapse:collapse;font-size:14px}#score-table th{text-align:left;font-size:10px;letter-spacing:.16em;color:var(--hud-dim);padding-bottom:8px;font-weight:500}#score-table td{padding:5px 8px 5px 0;border-top:1px solid rgba(255,255,255,.06)}#score-table tr.self td{color:var(--hud);font-weight:700}#score-table td.num{text-align:right}.tag{font-size:9px;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle}.tag.bot{background:#ffffff1f;color:#b7c7dc}.tag.t1{background:#58a6ff40;color:#9ecbff}.tag.t2{background:#ff636340;color:#ffb3b3}#net-badge{position:absolute;left:calc(16px + var(--safe-l));top:calc(12px + var(--safe-t));font-size:11px;color:var(--hud-dim);letter-spacing:.08em}.side-panel{position:fixed;z-index:20;right:calc(14px + var(--safe-r));top:calc(46px + var(--safe-t));width:236px;max-height:62vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;backdrop-filter:blur(10px)}.lobby-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.lobby-head b{color:var(--hud);letter-spacing:.14em}#lobby-players{display:grid;gap:3px}.lp{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.lp.dead{opacity:.45}.lp .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-title{font-size:10px;letter-spacing:.18em;color:var(--hud-dim);margin:12px 0 7px;border-top:1px solid var(--line);padding-top:10px}.srow{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:7px}.srow select{width:128px;padding:4px 7px;font-size:12px}.srow input[type=range]{width:92px;accent-color:#34d6a5}.srow input[type=checkbox]{accent-color:#34d6a5;width:16px;height:16px}.lobby-hint{margin-top:10px;font-size:11px}#touch{position:absolute;inset:0;pointer-events:none}.touch-zone{position:absolute;pointer-events:auto}#stick{left:0;bottom:0;width:46%;height:62%}#stick-base{position:absolute;left:calc(96px + var(--safe-l));bottom:calc(104px + var(--safe-b));width:138px;height:138px;margin:-69px 0 0 -69px;border:2px solid var(--hud-dim);border-radius:50%;background:#060e1a4d;transition:opacity .2s}#stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#7fe3c459;border:2px solid var(--hud)}#touch-right{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(26px + var(--safe-b));display:flex;align-items:flex-end;gap:12px;pointer-events:auto}#throttle-slider{position:relative;width:52px;height:176px;border:2px solid var(--hud-dim);border-radius:26px;background:#060e1a66;overflow:hidden;display:grid;align-items:end}#throttle-fill{position:absolute;left:0;bottom:0;width:100%;height:65%;background:linear-gradient(180deg,#ffd166bf,#ffd1664d)}#throttle-slider .tlabel{position:relative;text-align:center;font-size:9px;letter-spacing:.16em;color:#06121f;font-weight:800;padding-bottom:8px}.touch-btn{pointer-events:auto;width:104px;height:104px;border-radius:50%;background:#ff4d4d33;border:2px solid rgba(255,120,120,.75);color:#ffd9d9;font-weight:800;letter-spacing:.1em;font-size:13px}.touch-btn:active{background:#ff4d4d73}.touch-btn.small{width:74px;height:74px;font-size:11px;background:#58a6ff2e;border-color:#8cbeffb3;color:#cfe4ff}.touch-btn.corner{position:absolute;right:calc(18px + var(--safe-r));top:calc(64px + var(--safe-t));width:62px;height:62px}#quickchat-bar{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:46vw;pointer-events:auto}.qc{background:#060e1ab8;border:1px solid var(--line);color:#cfe0f4;font-size:11px;padding:5px 9px;border-radius:14px}@media(max-width:820px){.gauge{min-width:96px;padding:5px 10px 6px}.gauge-val{font-size:22px}.meter{width:92px}#hud-left{bottom:calc(16px + var(--safe-b))}#hud-right{top:calc(44px + var(--safe-t));bottom:auto}#quickchat-bar{display:none}.side-panel{width:190px;font-size:12px}}.touch-col{display:grid;gap:8px;justify-items:stretch}.touch-row{display:flex;gap:8px}#weapon-picker{display:grid;gap:5px;pointer-events:auto}.wbtn{pointer-events:auto;padding:8px 12px;min-width:104px;background:#060e1aa6;border:1px solid var(--line);border-radius:7px;color:#b9c9e0;font-size:11px;font-weight:700;letter-spacing:.1em}.wbtn.sel{background:#7fe3c438;border-color:var(--hud);color:var(--hud)}#flare-btn{background:#ffd1662e;border-color:#ffd166b3;color:#ffe9b8}@media(max-width:820px){#stores{min-width:172px;padding:7px 10px 8px}.wrow{font-size:10.5px}.stat-row>span{width:46px}#rwr{width:96px}#rwr-svg{width:88px;height:88px}#hud-svg .big-num{font-size:34px}#quickchat-bar{display:none}.side-panel{width:186px;font-size:12px}}#plane-picker{display:grid;gap:7px}.plane-opt{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;text-align:left;padding:9px 12px;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;color:#cfe0f4;cursor:pointer}.plane-opt:hover{background:#ffffff17}.plane-opt.sel{border-color:var(--hud);background:#7fe3c424}.plane-opt .pname{font-weight:800;letter-spacing:.12em;font-size:14px}.plane-opt.sel .pname{color:var(--hud)}.plane-opt .ptag{grid-column:1 / -1;font-size:12px;color:#93a6bf}.plane-opt .pstats{display:flex;gap:6px;align-items:center}.pbar{width:34px;height:5px;background:#0006;border-radius:3px;overflow:hidden}.pbar>i{display:block;height:100%;background:var(--hud-dim)}.plane-opt.sel .pbar>i{background:var(--hud)}#ground-hint{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;white-space:nowrap;font-size:15px;letter-spacing:.12em;font-weight:700;color:var(--hud);background:#060e1aa8;border:1px solid var(--line);border-radius:20px;padding:8px 20px;text-shadow:0 0 16px rgba(127,227,196,.4)}#ground-hint.ok{color:#7dffab;border-color:#7dffab80}