:root{--bg:#0b0d10;--panel:#0e1216eb;--line:#7de06a47;--acid:#7de06a;--blood:#e04b3f;--ammo:#e8b84b;--text:#d7e2d5;--muted:#7d8a80;--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{background:var(--bg);width:100%;height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#view{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(120% 100% at 50% 0,#141c16db,#06080af5);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen h1{letter-spacing:.16em;color:var(--acid);text-shadow:0 0 18px #7de06a59;font-size:clamp(28px,7vw,58px);font-weight:700}.screen h2{letter-spacing:.1em;font-size:clamp(16px,3.4vw,24px);font-weight:600}.tagline{color:var(--muted);letter-spacing:.14em;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:min(760px,100%);padding:16px;display:flex}.card-title{letter-spacing:.22em;color:var(--muted);text-transform:uppercase;font-size:12px}.options{flex-wrap:wrap;gap:8px;display:flex}.opt{min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;flex:150px;padding:9px 12px;font-size:13px;transition:border-color .12s,background .12s,transform 60ms}.opt:active{transform:scale(.985)}.opt .opt-name{letter-spacing:.06em;font-weight:700;display:block}.opt .opt-desc{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.35;display:block}.opt[aria-pressed=true]{border-color:var(--acid);background:#7de06a1f;box-shadow:inset 0 0 0 1px #7de06a33}.btn{border:1px solid var(--acid);min-height:54px;color:var(--acid);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#7de06a24;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:background .12s,transform 60ms}.btn:hover{background:#7de06a3d}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--muted);background:0 0;border-color:#ffffff2e}.btn.ghost:hover{background:#ffffff0f}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff24;border-radius:10px;justify-content:center;align-items:flex-end;width:58px;height:58px;padding:0;transition:border-color .12s,transform 60ms;display:flex;position:relative;overflow:hidden}.swatch:active{transform:scale(.96)}.swatch[aria-pressed=true]{border-color:#fff}.swatch .gear{height:34%;position:absolute;top:auto;bottom:0;left:0;right:0}.swatch .tick{color:#fff;text-shadow:0 1px 3px #000c;opacity:0;margin-bottom:4px;font-size:20px;line-height:1;position:relative}.swatch[aria-pressed=true] .tick{opacity:1}.swatch-name{text-align:center;width:100%;color:var(--muted);margin-top:2px;font-size:11px}.hint{color:var(--muted);text-align:center;max-width:640px;font-size:11px;line-height:1.7}.hint b{color:var(--text);font-weight:700}#hud{pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud.on{display:block}.hud-tl{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));position:absolute}.hud-tr{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));text-align:right;position:absolute}.hud-bl{bottom:calc(10px + var(--safe-b));left:calc(12px + var(--safe-l));position:absolute}.hud-br{bottom:calc(10px + var(--safe-b));right:calc(12px + var(--safe-r));text-align:right;position:absolute}.bar{background:#00000080;border:1px solid #ffffff29;border-radius:3px;width:min(240px,38vw);height:12px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--blood), #f2795f);transform-origin:0;width:100%;height:100%;transition:transform .12s linear;display:block}.label{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px}.big{letter-spacing:.04em;font-size:clamp(20px,4.6vw,30px);font-weight:700}.ammo{color:var(--ammo)}.ammo.low{color:var(--blood)}.ammo .reserve{color:var(--muted);font-size:.55em}.wpn-name{letter-spacing:.12em;font-size:12px}.reloading{color:var(--ammo);letter-spacing:.2em;font-size:12px;animation:.7s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.slots{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-top:7px;display:flex}.slot{min-width:34px;color:var(--muted);text-align:center;pointer-events:auto;cursor:pointer;background:#00000073;border:1px solid #ffffff1f;border-radius:5px;padding:4px 7px;font-size:10px}.slot.active{border-color:var(--ammo);color:var(--ammo);background:#e8b84b24}.slot.empty{opacity:.32}.wave-banner{text-align:center;letter-spacing:.3em;text-transform:uppercase;color:var(--acid);text-shadow:0 0 20px #7de06a66;opacity:0;transition:opacity .35s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.wave-banner.show{opacity:1}.wave-banner .sub{letter-spacing:.2em;color:var(--muted);margin-top:6px;font-size:11px;display:block}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:32%;left:50%;transform:translate(-50%)}.toast{letter-spacing:.14em;color:var(--ammo);text-shadow:0 1px 6px #000;font-size:12px;animation:1.5s ease-out forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}15%{opacity:1}to{opacity:0;transform:translateY(-18px)}}#damage-vignette{pointer-events:none;opacity:0;background:radial-gradient(120% 90%,#0000 55%,#be1e19bf 100%);transition:opacity .28s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}#touch{display:none;position:absolute;top:0;bottom:0;left:0;right:0}#touch.on{pointer-events:auto;display:block}.stick{opacity:.5;background:#ffffff0a;border:2px solid #ffffff24;border-radius:50%;width:128px;height:128px;transition:opacity .15s;position:absolute}.stick.active{opacity:.95;border-color:var(--acid)}.stick>i{background:#ffffff38;border:1px solid #ffffff4d;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.stick.active>i{background:#7de06a66}.tbtn{width:64px;height:64px;color:var(--text);font:inherit;letter-spacing:.1em;pointer-events:auto;text-align:center;background:#0000006b;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1.2;display:flex;position:absolute}.tbtn:active,.tbtn.held{border-color:var(--acid);background:#7de06a47}.crosshair{pointer-events:none;opacity:.85;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.crosshair:before,.crosshair:after{content:"";background:var(--acid);position:absolute}.crosshair:before{width:1px;height:100%;margin-left:-.5px;top:0;left:50%}.crosshair:after{width:100%;height:1px;margin-top:-.5px;top:50%;left:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;padding:10px}.stat .k{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:10px}.stat .v{margin-top:4px;font-size:22px;font-weight:700}#fps{top:calc(4px + var(--safe-t));color:var(--muted);opacity:.6;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}@media (max-height:460px){.screen{gap:10px}.card{gap:9px;padding:12px}.opt{min-height:48px}.btn{min-height:46px;padding:11px 22px}}