:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#090f18c2;--panel-border:#80dcff47;--text:#f5fbff;--muted:#b8c9d8;--accent:#56e0ff;--accent-strong:#ffcf5a;--button:#56e0ff;--button-dark:#11809a}*{box-sizing:border-box}body{overscroll-behavior:none;min-height:100vh;color:var(--text);background:#070b13;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{background:linear-gradient(180deg, #7af0ff, var(--button));color:#04141b;width:fit-content;min-width:132px;font:inherit;letter-spacing:0;cursor:pointer;box-shadow:inset 0 -3px 0 var(--button-dark), 0 12px 30px #00c5ff3d;border:1px solid #ffffff29;border-radius:8px;padding:13px 22px 12px;font-weight:800}button:hover{filter:brightness(1.08)}button:active{box-shadow:inset 0 -1px 0 var(--button-dark), 0 8px 18px #00c5ff33;transform:translateY(2px)}.map-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 18px;display:grid}.map-option{width:100%;min-width:0;color:var(--text);box-shadow:none;background:#ffffff14;border:1px solid #80dcff3d;padding:10px 8px;font-size:.78rem}.map-option.active{color:#1d1105;background:linear-gradient(#ffcf5afa,#ff9c58f5);border-color:#ffcf5ad1}#game,#world{width:100vw;height:100vh}#world{touch-action:none;display:block}.overlay{z-index:4;background:radial-gradient(circle at 50% 42%,#56e0ff3d,#0000 34%),linear-gradient(#0409123d,#040912d1);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;width:min(520px,100%);padding:clamp(22px,5vw,38px);box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff14}.panel.wide{width:min(720px,100%)}.section-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px;font-size:.74rem;font-weight:900}.settings-row{color:var(--text);grid-template-columns:1fr auto;align-items:center;margin:10px 0;font-size:.92rem;font-weight:700;display:grid}.settings-row span{color:var(--accent);font-weight:900}.settings-row input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin-top:6px}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}button.secondary{color:var(--text);border:1px solid var(--panel-border);box-shadow:none;background:#ffffff0f}button.secondary:hover{filter:none;background:#ffffff1f}.shop-section{margin:14px 0}.shop-items{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.shop-item{width:100%;min-width:0;color:var(--text);box-shadow:none;text-align:left;background:#ffffff0f;border:1px solid #80dcff3d;gap:4px;padding:12px 12px 10px;font-size:.9rem;display:grid}.shop-item .shop-name{font-size:.98rem;font-weight:900}.shop-item .shop-meta{color:var(--muted);font-size:.78rem;font-weight:700}.shop-item.owned{background:#56e0ff1f;border-color:#56e0ff99}.shop-item.equipped{color:#1d1105;background:linear-gradient(#ffcf5aeb,#ff9c58eb);border-color:#ffcf5ad1}.shop-item.equipped .shop-meta{color:#4a2c05}.shop-item.locked{opacity:.45;cursor:not-allowed}.shop-item.heal{color:#0a2009;text-align:center;background:linear-gradient(#a8f08c,#5dc24b);border-color:#b4f08cb3;font-weight:900}.score-readout{margin-bottom:4px!important;font-size:1rem!important}.score-readout strong{color:var(--accent-strong);font-size:1.4rem}.countdown{font-weight:700;color:var(--muted)!important;margin:14px 0 10px!important}.countdown strong{color:var(--accent);font-size:1.2rem}.damage-number{z-index:10;pointer-events:none;color:#fff;letter-spacing:0;text-shadow:0 0 10px #000000e0,0 2px 4px #000000e6,0 0 2px #000;font-size:1.5rem;font-weight:900;animation:.95s cubic-bezier(.3,.6,.4,1) forwards damage-float;position:fixed;transform:translate(-50%,-50%)}.damage-number.headshot{color:#ffd060;text-shadow:0 0 14px #ffa028e6,0 0 4px #000,0 3px 6px #000000f2;font-size:2.2rem}.damage-number.kill{color:#c8ff80;text-shadow:0 0 14px #78dc3ce6,0 0 4px #000,0 3px 6px #000000f2;font-size:1.85rem}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}18%{opacity:1;transform:translate(-50%,-90%)scale(1.15)}60%{opacity:1;transform:translate(-50%,-150%)scale(1)}to{opacity:0;transform:translate(-50%,-210%)scale(.85)}}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:900}h1,h2,p{margin-top:0}h1,h2{letter-spacing:0;max-width:13ch;margin-bottom:14px;font-size:clamp(2.25rem,7vw,5rem);line-height:.95}h2{font-size:clamp(2.1rem,6vw,4.2rem)}.panel p:not(.eyebrow){max-width:42ch;color:var(--muted);font-size:1rem;line-height:1.55}.panel .controls-note{color:var(--text);margin-bottom:0;font-size:.88rem;font-weight:800}.hidden{display:none!important}#hud{z-index:2;pointer-events:none;position:fixed;inset:0}.stat{min-width:80px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e17b8;border:1px solid #80dcff47;border-radius:8px;padding:8px 12px;display:grid;position:fixed;top:16px;box-shadow:0 8px 24px #0000003d}.stat:first-child{left:16px}.stat:nth-child(2){left:112px}.stat:nth-child(3){left:202px}.stat:nth-child(4){left:292px}.stat:nth-child(5){left:382px}.stat:nth-child(6){left:478px}.stat span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.stat strong{color:var(--accent);font-size:1.45rem;line-height:1}#crosshair{width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#shop-message{max-width:min(520px,100vw - 32px);color:var(--accent-strong);opacity:0;background:#090f18d6;border:1px solid #ffcf5a73;border-radius:8px;padding:10px 14px;font-weight:900;transition:opacity .16s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#shop-message.visible{opacity:1}#crosshair:before,#crosshair:after{content:"";background:#f5fbffeb;position:absolute;box-shadow:0 0 11px #56e0ff9e}#crosshair:before{width:2px;height:22px;top:0;left:10px}#crosshair:after{width:22px;height:2px;top:10px;left:0}#hud.aiming #crosshair{width:34px;height:34px}#hud.aiming #crosshair:before{height:34px;left:16px}#hud.aiming #crosshair:after{width:34px;top:16px}#hud.aiming #crosshair:before,#hud.aiming #crosshair:after{background:#ffcf5af5;box-shadow:0 0 12px #ffcf5aa6}#touch-controls{display:none}.touch-btn{min-width:0;color:var(--text);box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#090f18b8;border-radius:8px;padding:0}.touch-btn.primary{color:#04141b;background:#56e0ffd6}@media (width<=620px){.map-picker{grid-template-columns:1fr}.stat{min-width:74px;padding:7px 9px;top:10px}.stat:first-child{left:10px}.stat:nth-child(2){left:96px}.stat:nth-child(3){left:182px}.stat:nth-child(4){left:268px}.stat:nth-child(5){top:76px;left:10px}.stat:nth-child(6){top:76px;left:110px}.stat strong{font-size:1.2rem}}@media (pointer:coarse),(width<=820px){#touch-controls{z-index:3;pointer-events:auto;padding:0 14px max(14px, env(safe-area-inset-bottom));display:block;position:fixed;inset:auto 0 0}.joystick{left:20px;bottom:max(20px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:160px;height:160px;position:absolute}.joystick-base{background:radial-gradient(circle at 50% 45%,#090f188c,#090f18c7);border:2px solid #80dcff57;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 4px 16px #00000080,0 6px 18px #00000059}.joystick-base:before{content:"";border:1px dashed #80dcff33;border-radius:50%;position:absolute;inset:14px}.joystick-knob{pointer-events:none;background:linear-gradient(#7af0fff5,#14809af5);border:2px solid #fff6;border-radius:50%;width:64px;height:64px;margin-top:-32px;margin-left:-32px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #00000073,inset 0 -3px #00000047,inset 0 2px #ffffff59}.joystick.dragging .joystick-knob{transition:none}.touch-actions{right:16px;bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,64px);gap:10px;display:grid;position:absolute}.touch-actions .touch-btn{border:1px solid #80dcff47;width:64px;height:52px;font-size:.72rem;font-weight:900}#shop-message{bottom:180px}}@media (width<=820px){.panel{width:min(460px,100%)}h1,h2{font-size:clamp(2rem,12vw,3.6rem)}#hud{padding:10px}.stat{min-width:0;padding:7px 9px;position:static}#hud:not(.hidden){grid-template-columns:repeat(3,minmax(0,max-content));place-content:start;gap:8px;display:grid}.stat.hint{display:none}.stat span{font-size:.58rem}.stat strong{font-size:1.05rem}}@media (width<=430px){.joystick{width:140px;height:140px}.joystick-knob{width:54px;height:54px;margin-top:-27px;margin-left:-27px}.touch-actions{grid-template-columns:repeat(2,58px)}.touch-actions .touch-btn{width:58px;height:48px}}