:root{--ps-bg: #0a0a0f;--ps-surface: #14141c;--ps-surface-2: #1c1c28;--ps-green: #39ff14;--ps-magenta: #ff2bd6;--ps-purple: #7b2bff;--ps-text: #f5f5f7;--ps-muted: #9aa0aa;--ps-danger: #ff4757;--sans: "Inter", system-ui, -apple-system, sans-serif;--pixel: "Press Start 2P", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--ps-bg);color:var(--ps-text);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}#game-root{position:fixed;inset:0;z-index:0}#game-root canvas{display:block;width:100%;height:100%}#overlay{position:fixed;inset:0;z-index:10;pointer-events:none}#overlay .screen,#overlay button,#overlay input,#overlay #btn-wallet{pointer-events:auto}.hidden{display:none!important}.muted{color:var(--ps-muted)}#crosshair{position:absolute;top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%);z-index:11}#crosshair .ch{position:absolute;background:var(--ps-green);box-shadow:0 0 4px var(--ps-green)}.ch-t,.ch-b{width:2px;height:7px;left:50%;margin-left:-1px}.ch-l,.ch-r{width:7px;height:2px;top:50%;margin-top:-1px}.ch-t{top:0}.ch-b{bottom:0}.ch-l{left:0}.ch-r{right:0}.ch-dot{width:2px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}#hitmarker{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);z-index:12;opacity:0}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:var(--ps-text)}#hitmarker:before{width:2px;height:100%;left:50%;margin-left:-1px}#hitmarker:after{height:2px;width:100%;top:50%;margin-top:-1px}#hitmarker.show{animation:hm .22s ease-out}#hitmarker.head{filter:drop-shadow(0 0 3px var(--ps-magenta))}#hitmarker.head:before,#hitmarker.head:after{background:var(--ps-magenta)}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.9)}}#damage-flash{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 30px var(--ps-danger)}#damage-flash.show{animation:dmg .32s ease-out}@keyframes dmg{0%{opacity:.6}to{opacity:0}}#hud{position:absolute;inset:0;z-index:11}.hud-radar{position:absolute;top:18px;left:18px;width:150px;height:150px}.hud-radar canvas{width:100%;height:100%;border-radius:8px;display:block}.radar-label{position:absolute;bottom:5px;left:9px;font-family:var(--pixel);font-size:8px;color:var(--ps-green);opacity:.85;text-shadow:0 0 6px rgba(57,255,20,.5)}.hud-top-center{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}.hud-timer{font-family:var(--pixel);font-size:30px;color:var(--ps-green);text-shadow:0 0 12px rgba(57,255,20,.5)}.hud-timer.warn{color:var(--ps-danger);text-shadow:0 0 12px rgba(255,71,87,.6);animation:pulse .6s infinite}@keyframes pulse{50%{opacity:.5}}.hud-obj{font-size:11px;letter-spacing:2px;color:var(--ps-muted);margin-top:4px}.hud-obj b{color:var(--ps-text)}.hud-top-right{position:absolute;top:18px;right:26px;text-align:right}.hud-score{font-size:12px;letter-spacing:2px;color:var(--ps-muted)}.hud-score b{display:block;font-size:26px;color:var(--ps-text);margin-top:2px}.hud-streak{font-family:var(--pixel);font-size:12px;color:var(--ps-magenta);text-shadow:0 0 10px rgba(255,43,214,.5);min-height:14px;margin-top:6px}.hud-vitals{position:absolute;bottom:22px;left:28px;display:flex;gap:20px}.vital{display:flex;align-items:center;gap:8px;font-family:var(--pixel)}.vital-ico{font-size:18px}.vital b{font-size:30px}.vital-hp .vital-ico,.vital-hp b{color:var(--ps-green);text-shadow:0 0 10px rgba(57,255,20,.35)}.vital-armor .vital-ico{color:#5fb6ff}.vital-armor b{color:#bcd6ff}.hud-ammo2{position:absolute;bottom:22px;right:28px;text-align:right;font-family:var(--pixel)}.ammo-counts b{font-size:32px;color:var(--ps-text)}.ammo-counts span{color:var(--ps-muted);font-size:16px;margin-left:6px}.hud-ammo2.empty .ammo-counts b{color:var(--ps-danger)}.hud-wname{font-size:11px;color:var(--ps-muted);letter-spacing:1px;margin-top:4px}.hud-weapons{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px}.wslot{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:7px;background:#14141c99;border:1px solid rgba(255,255,255,.08);opacity:.5;transition:opacity .12s ease,border-color .12s ease,box-shadow .12s ease}.wslot .wk{font-family:var(--pixel);font-size:11px;color:var(--ps-muted)}.wslot .wn{font-size:11px;letter-spacing:1px;color:var(--ps-text)}.wslot.active{opacity:1;border-color:var(--ps-green);box-shadow:0 0 14px #39ff144d;background:#141e14b3}.wslot.active .wk{color:var(--ps-green)}.screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;background:radial-gradient(circle at 50% 38%,rgba(123,43,255,.1),transparent 60%),#0a0a0fdb;backdrop-filter:blur(3px);text-align:center}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.25;background:repeating-linear-gradient(0deg,#0000 0px 2px,#00000059 3px)}.screen-title{font-family:var(--pixel);font-size:22px;letter-spacing:2px;color:var(--ps-text)}.logo{font-family:var(--pixel);font-size:clamp(28px,7vw,64px);letter-spacing:2px;color:var(--ps-green);text-shadow:0 0 18px rgba(57,255,20,.55),3px 0 var(--ps-magenta),-3px 0 var(--ps-purple);animation:glitch 4.5s infinite;position:relative}.logo span{color:var(--ps-magenta);text-shadow:0 0 18px rgba(255,43,214,.6)}@keyframes glitch{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px,1px)}95%{transform:translate(2px,-1px)}97%{transform:translate(-1px)}}.tagline{font-size:16px;color:var(--ps-muted);letter-spacing:1px}.tagline span{color:var(--ps-green)}.menu-card{display:flex;gap:14px}.menu-stat{background:var(--ps-surface);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 22px;min-width:130px}.menu-stat span{display:block;font-size:10px;letter-spacing:2px;color:var(--ps-muted)}.menu-stat b{display:block;font-size:26px;margin-top:4px;color:var(--ps-green)}.menu-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--pixel);font-size:13px;letter-spacing:1px;padding:16px 28px;border-radius:10px;border:none;cursor:pointer;color:var(--ps-bg);background:var(--ps-text);transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ps-green);box-shadow:0 0 22px #39ff1459}.btn-primary:hover{box-shadow:0 0 32px #39ff148c}.btn-magenta{background:var(--ps-magenta);color:#fff;box-shadow:0 0 22px #ff2bd659}.btn-magenta:hover{box-shadow:0 0 32px #ff2bd68c}.btn-ghost{background:transparent;color:var(--ps-text);border:1px solid rgba(255,255,255,.18)}.btn-ghost:hover{border-color:var(--ps-green);color:var(--ps-green)}.btn-wallet{background:var(--ps-purple);color:#fff;font-size:11px;box-shadow:0 0 18px #7b2bff66}#wallet-area{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px}#wallet-info{display:flex;gap:14px;align-items:center;font-size:13px}.wallet-addr{color:var(--ps-muted);font-family:var(--pixel);font-size:10px}.wallet-bal b{color:var(--ps-green)}.menu-footer{position:absolute;bottom:18px;font-size:11px;color:var(--ps-muted);letter-spacing:1px}.setting-row{display:flex;flex-direction:column;gap:8px;width:min(360px,80vw);text-align:left;font-size:14px}.setting-row input[type=range]{width:100%;accent-color:var(--ps-green)}.setting-row input[type=checkbox]{accent-color:var(--ps-green);margin-right:8px}.pr-score{font-family:var(--pixel);font-size:16px;color:var(--ps-muted);letter-spacing:2px}.pr-score b{display:block;font-size:48px;color:var(--ps-green);text-shadow:0 0 22px rgba(57,255,20,.45);margin-top:6px}.pr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(420px,86vw)}.pr-cell{background:var(--ps-surface);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px}.pr-cell span{font-size:10px;letter-spacing:2px;color:var(--ps-muted)}.pr-cell b{display:block;font-size:26px;margin-top:6px}.pr-newbest{font-family:var(--pixel);font-size:14px;color:var(--ps-magenta);text-shadow:0 0 14px rgba(255,43,214,.6);animation:pulse .9s infinite}@media (max-width: 560px){.menu-card{flex-direction:column}.pr-grid{grid-template-columns:1fr}.hud-timer{font-size:22px}.btn{padding:14px 20px;font-size:11px}}
