:root{--bg: #05060a;--panel: rgba(10, 14, 24, .92);--cyan: #00f0ff;--magenta: #ff2ec4;--lime: #9dff00;--dim: #5a6478;--text: #d7e0f0;--danger: #ff3355;--font: "Courier New", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(0,240,255,.06),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,46,196,.06),transparent 60%),var(--bg)}.screen.overlay{background:#05060ad9}.panel{background:var(--panel);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 24px #00f0ff26,inset 0 0 60px #00f0ff08;padding:2rem 2.5rem;min-width:340px;max-width:92vw;max-height:90vh;overflow-y:auto}.brand{font-size:2.2rem;letter-spacing:.22em;color:var(--cyan);text-align:center;text-shadow:0 0 10px var(--cyan),3px 3px 0 var(--magenta);margin-bottom:.3rem}.brand-sub{text-align:center;color:var(--magenta);letter-spacing:.5em;font-size:.8rem;margin-bottom:1.6rem;text-shadow:0 0 10px rgba(255,46,196,.8)}h2{color:var(--cyan);letter-spacing:.2em;font-size:1rem;margin-bottom:1rem;text-transform:uppercase}label{display:block;color:var(--dim);font-size:.75rem;letter-spacing:.15em;margin:.8rem 0 .25rem;text-transform:uppercase}input,select{width:100%;background:#0a0e18;border:1px solid rgba(90,100,120,.5);color:var(--text);font-family:var(--font);font-size:1rem;padding:.55rem .7rem;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 8px #00f0ff66}button{font-family:var(--font);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--cyan);border:1px solid var(--cyan);padding:.6rem 1.4rem;cursor:pointer;transition:all .12s}button:hover{background:#00f0ff1f;box-shadow:0 0 14px #00f0ff80}button:disabled{opacity:.4;cursor:default;box-shadow:none;background:none}button.primary{background:#00f0ff26}button.magenta{color:var(--magenta);border-color:var(--magenta)}button.magenta:hover{background:#ff2ec41f;box-shadow:0 0 14px #ff2ec480}button.wide{width:100%;margin-top:1.2rem}button.ghost{border-color:#5a647899;color:var(--dim)}.row{display:flex;gap:.8rem}.row>*{flex:1}.error{color:var(--danger);font-size:.85rem;margin-top:.8rem;min-height:1.2em}.hint{color:var(--dim);font-size:.78rem;margin-top:1rem;text-align:center}.hint a{color:var(--cyan);cursor:pointer;text-decoration:underline}.mt1{margin-top:1rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);background:var(--cyan);box-shadow:0 0 6px var(--cyan);border-radius:50%}.crosshair{--ch-gap: 5px}.ch-arm{position:absolute;background:#00f0ffcc;transition:none}.ch-t{width:2px;height:6px;left:1px;bottom:calc(2px + var(--ch-gap))}.ch-b{width:2px;height:6px;left:1px;top:calc(2px + var(--ch-gap))}.ch-l{height:2px;width:6px;top:1px;right:calc(2px + var(--ch-gap))}.ch-r{height:2px;width:6px;top:1px;left:calc(2px + var(--ch-gap))}.hud-hint{position:absolute;top:1rem;left:50%;transform:translate(-50%);color:var(--dim);font-size:.75rem;letter-spacing:.2em}.room-list{margin:.5rem 0;max-height:180px;overflow-y:auto}.room-row{display:grid;grid-template-columns:7em 1fr 4em 5em;align-items:center;gap:.6rem;padding:.4rem .2rem;border-bottom:1px solid rgba(90,100,120,.25);font-size:.9rem}.room-code{color:var(--lime);letter-spacing:.25em;text-shadow:0 0 8px rgba(157,255,0,.5)}.hud-code{position:absolute;top:1rem;left:1rem;color:var(--lime);font-size:.9rem;letter-spacing:.3em;text-shadow:0 0 8px rgba(157,255,0,.6)}.hud-hp{position:absolute;left:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.7rem}.hp-bar{width:180px;height:10px;border:1px solid rgba(0,240,255,.5);background:#00f0ff14}.hp-fill{height:100%;width:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .15s}.hp-fill.low{background:var(--danger);box-shadow:0 0 10px var(--danger)}.hp-text{color:var(--cyan);font-size:1.3rem;text-shadow:0 0 8px var(--cyan)}.hud-weapon{position:absolute;right:1.2rem;bottom:1.2rem;text-align:right}.weapon-name{color:var(--magenta);letter-spacing:.2em;font-size:.85rem;text-shadow:0 0 8px rgba(255,46,196,.7)}.ammo{color:var(--text);font-size:1.6rem;text-shadow:0 0 6px rgba(0,240,255,.5)}.killfeed{position:absolute;top:3rem;right:1.2rem;display:flex;flex-direction:column;gap:.25rem;text-align:right;font-size:.8rem}.kf-entry{color:var(--text);background:#0a0e18b3;padding:.2rem .5rem;border-right:2px solid var(--cyan)}.kf-entry.kf-melee{border-right-color:var(--magenta);color:var(--magenta)}.hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;pointer-events:none}.hitmarker:before,.hitmarker:after{content:"";position:absolute;background:#fff}.hitmarker:before{left:0;top:10px;width:6px;height:2px;box-shadow:16px 0 #fff}.hitmarker:after{left:10px;top:0;width:2px;height:6px;box-shadow:0 16px #fff}.hitmarker.show{opacity:1;transition:opacity .05s}.hitmarker.kill:before,.hitmarker.kill:after{background:var(--danger);box-shadow-color:var(--danger)}.hitmarker.kill:before{box-shadow:16px 0 0 var(--danger)}.hitmarker.kill:after{box-shadow:0 16px 0 var(--danger)}.death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#78001e40;color:var(--danger);font-size:1.4rem;letter-spacing:.3em;text-shadow:0 0 12px var(--danger)}.death-overlay.show{display:grid}.hud-timer{position:absolute;top:1rem;right:1.2rem;color:var(--text);font-size:1.1rem;letter-spacing:.15em}.hud-timer.urgent{color:var(--danger);text-shadow:0 0 10px var(--danger)}.hud-tier{position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%);text-align:center}.tier-text{color:var(--cyan);font-size:.8rem;letter-spacing:.25em;text-shadow:0 0 8px rgba(0,240,255,.6);margin-bottom:.35rem}.ladder-bar{display:flex;gap:3px;justify-content:center}.ladder-seg{width:18px;height:7px;background:#5a647859;border:1px solid rgba(90,100,120,.5)}.ladder-seg.done{background:var(--cyan);box-shadow:0 0 6px var(--cyan);border-color:var(--cyan)}.ladder-seg.current{background:var(--magenta);box-shadow:0 0 8px var(--magenta);border-color:var(--magenta)}.ladder-seg.final{border-color:var(--lime)}.ladder-seg.final.current{background:var(--lime);box-shadow:0 0 10px var(--lime)}.banner{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:2rem;letter-spacing:.35em;opacity:0;pointer-events:none;white-space:nowrap}.banner.show{animation:bannerPop 2.2s ease-out forwards}.banner.promoted{color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.banner.demoted{color:var(--danger);text-shadow:0 0 18px var(--danger)}.banner.win{color:var(--lime);text-shadow:0 0 18px var(--lime)}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.kf-entry.kf-tier{border-right-color:var(--lime);color:var(--lime)}.match-over{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#05060ad1;text-align:center}.match-over.show{display:grid}.mo-title{font-size:3.2rem;letter-spacing:.5em;color:var(--lime);text-shadow:0 0 24px var(--lime)}.mo-sub{margin-top:1rem;color:var(--text);letter-spacing:.2em}.mo-hint{margin-top:2rem;color:var(--dim);font-size:.8rem;letter-spacing:.2em}.scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:480px;background:#0a0e18f0;border:1px solid rgba(0,240,255,.4);box-shadow:0 0 30px #00f0ff26;padding:1.2rem 1.5rem;display:none}.scoreboard.show{display:block}.sb-title{color:var(--cyan);letter-spacing:.3em;font-size:.9rem;margin-bottom:.8rem;text-align:center}.sb-row{display:grid;grid-template-columns:1fr 3.5em 10em 2.5em 2.5em;gap:.5rem;padding:.25rem 0;font-size:.85rem;border-bottom:1px solid rgba(90,100,120,.2)}.sb-head{color:var(--dim);font-size:.7rem;letter-spacing:.15em}.sb-me{color:var(--cyan)}.cos-layout{display:flex;gap:1.5rem;margin:.5rem 0 1rem}.cos-preview{flex:0 0 130px;display:grid;place-items:center;background:#00f0ff0a;border:1px solid rgba(0,240,255,.2);min-height:190px}.cos-figure{display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 0 8px var(--glow))}.cos-head{width:26px;height:26px;background:var(--body);border:1px solid var(--glow)}.cos-torso{width:44px;height:66px;background:var(--body);border:1px solid var(--glow);box-shadow:inset 0 0 12px #00000080}.cos-slots{flex:1}.cos-row{margin-bottom:.6rem}.cos-swatches{display:flex;gap:.4rem;flex-wrap:wrap}.cos-swatch{width:34px;height:34px;padding:0;background:var(--sw);border:2px solid rgba(90,100,120,.5);color:var(--dim);font-size:1rem;cursor:pointer}.cos-swatch:hover{border-color:var(--cyan);box-shadow:0 0 8px #00f0ff80;background:var(--sw)}.cos-swatch.active{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}.set-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:.28rem 0}.set-row label{margin:0;text-transform:none;letter-spacing:.05em;color:var(--text);font-size:.85rem}.set-row input[type=range]{width:160px;accent-color:var(--cyan)}.slider-val{color:var(--cyan);font-size:.8rem;min-width:3.5em;text-align:right}.bind-btn{min-width:6em;padding:.3rem .7rem;font-size:.8rem}.bind-btn.listening{color:var(--magenta);border-color:var(--magenta)}.panel{scrollbar-width:thin;scrollbar-color:var(--cyan) transparent}.map-preview{display:block;width:100%;max-width:240px;margin:.5rem auto .3rem;border:1px solid rgba(0,240,255,.3);image-rendering:auto}.menu-hero{background:none;justify-content:flex-end;padding-right:clamp(1rem,8vw,10rem)}.menu-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05060a00 40%,#05060abf);pointer-events:none}.menu-panel{position:relative;background:#080b14d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 40px #00f0ff40,inset 0 0 60px #00f0ff0a;min-width:340px}.menu-panel:before,.menu-panel:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--cyan);animation:pulseBracket 2.4s ease-in-out infinite}.menu-panel:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.menu-panel:after{bottom:-2px;right:-2px;border-left:none;border-top:none}@keyframes pulseBracket{0%,to{opacity:.4;box-shadow:0 0 4px var(--cyan)}50%{opacity:1;box-shadow:0 0 12px var(--cyan)}}@media(max-width:720px){.menu-hero{justify-content:center;padding-right:0}.menu-hero:before{background:#05060a8c}}.blood-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease-out;background:radial-gradient(ellipse at center,#78000000 35%,#78000059 70%,#5a0000b3);box-shadow:inset 0 0 120px 40px #7800008c}.hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#c8000000 30%,#c800008c)}.hit-flash.show{animation:hitFlash .35s ease-out}@keyframes hitFlash{0%{opacity:.9}to{opacity:0}}.dmg-dir-layer,.dmg-num-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dmg-dir{position:absolute;left:50%;top:50%;width:120px;height:120px;transform-origin:center;animation:dmgDirFade .9s ease-out forwards}.dmg-dir:before{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:30px solid rgba(230,30,30,.85);filter:drop-shadow(0 0 6px rgba(230,30,30,.7))}@keyframes dmgDirFade{0%{opacity:.95}to{opacity:0}}.dmg-num{position:absolute;top:42%;transform:translate(-50%);color:#ffe08a;font-size:1.4rem;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.9);animation:dmgNum .75s ease-out forwards}.dmg-num.head{color:#ff4d4d;font-size:1.1rem;letter-spacing:.1em}@keyframes dmgNum{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.hud-armor{position:absolute;left:1.2rem;bottom:2.6rem;display:flex;align-items:center}.armor-bar{width:180px;height:7px;border:1px solid rgba(63,169,245,.6);background:#3fa9f514}.armor-fill{height:100%;width:100%;background:#3fa9f5;box-shadow:0 0 8px #3fa9f5;transition:width .15s}.heal-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.heal-flash.show{animation:healFlash .5s ease-out}@keyframes healFlash{0%{opacity:.8}to{opacity:0}}.announce{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:2.4rem;letter-spacing:.3em;font-weight:700;opacity:0;pointer-events:none;white-space:nowrap}.announce.show{animation:annPop 1.8s ease-out forwards}.announce.multi{color:#ffb300;text-shadow:0 0 20px rgba(255,179,0,.8)}.announce.streak{color:#ff3b6b;text-shadow:0 0 22px rgba(255,59,107,.9)}@keyframes annPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}24%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1}to{opacity:0}}.chat-log{position:absolute;left:1.2rem;bottom:5.5rem;max-width:40%;display:flex;flex-direction:column;gap:.15rem;font-size:.82rem}.chat-line{background:#080b148c;padding:.12rem .5rem;color:var(--text);transition:opacity .8s}.chat-line.fade{opacity:0}.chat-from{color:var(--cyan)}.chat-input{position:absolute;left:1.2rem;bottom:4.6rem;width:40%;background:#080b14e6;border:1px solid var(--cyan);color:var(--text);font-family:var(--font);font-size:.9rem;padding:.35rem .6rem}.vehicle-prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);color:var(--lime);letter-spacing:.15em;font-size:.9rem;text-shadow:0 0 8px rgba(157,255,0,.7)}.vehicle-hud{position:absolute;right:1.2rem;bottom:4.5rem;color:var(--text);text-align:right;font-size:.85rem}.vehicle-hud .vh-name{color:var(--lime);letter-spacing:.2em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.stat-tile{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);padding:.7rem .4rem;text-align:center}.stat-val{color:var(--cyan);font-size:1.5rem;text-shadow:0 0 8px rgba(0,240,255,.5)}.stat-label{color:var(--dim);font-size:.65rem;letter-spacing:.12em;margin-top:.2rem;text-transform:uppercase}.lb-row{display:grid;grid-template-columns:2em 1fr 4em 4em 4em;gap:.5rem;padding:.3rem .2rem;font-size:.88rem;border-bottom:1px solid rgba(90,100,120,.2)}.lb-head{color:var(--dim);font-size:.7rem;letter-spacing:.12em}.lb-me{color:var(--cyan)}.mo-board{margin:.8rem auto .4rem;max-width:380px}.mo-row{display:grid;grid-template-columns:1.6em 1fr 3em 2.4em 2.4em;gap:.4rem;padding:.22rem .4rem;font-size:.9rem;border-bottom:1px solid rgba(120,130,150,.18)}.mo-head{color:var(--dim);font-size:.68rem;letter-spacing:.12em;border-bottom-color:#00f0ff4d}.mo-win{color:var(--lime);text-shadow:0 0 8px rgba(157,255,0,.5)}.mo-me{color:var(--cyan)}.mo-win.mo-me{color:var(--lime)}.field-hint{margin:-.4rem 0 .4rem;font-size:.72rem;opacity:.75}