*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;color:#c4c8ce;background:#050607;width:100%;height:100%;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow:hidden}#app{width:100%;height:100dvh;min-height:-webkit-fill-available;position:fixed;inset:0;overflow:hidden}.game-shell{width:100%;height:100dvh;min-height:-webkit-fill-available;position:relative}.game-canvas{vertical-align:bottom;touch-action:none;width:100%;height:100%;display:block}.hud__crosshair{z-index:2;pointer-events:none;opacity:.75;border:1px solid #c8d0d873;border-radius:1px;width:5px;height:5px;margin-top:-2.5px;margin-left:-2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.hud__muzzle-flash{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffdca038 0%,#ffc87814 45%,#0000 70%);border-radius:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;transition:opacity 40ms linear;position:absolute;top:50%;left:50%}.hud__muzzle-flash--on{opacity:1}.look-zone{z-index:1;touch-action:none;width:50%;height:100%;position:absolute;top:0;right:0}.hud{z-index:2;pointer-events:none;position:absolute;inset:0}.hud__score{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));letter-spacing:.12em;color:#9aa3ad;text-shadow:0 1px #000;pointer-events:none;font-size:clamp(14px,3.8vw,20px);position:absolute}.hud__br{right:max(12px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;max-width:min(92vw,100% - 24px);display:flex;position:absolute}.hud__br .fire-btn{pointer-events:auto;margin:0;position:relative;bottom:auto;right:auto}.hud__ammo{letter-spacing:.06em;color:#8b949e;text-shadow:0 1px #000;pointer-events:none;align-items:baseline;gap:.15em;font-size:clamp(13px,3.5vw,18px);display:flex}.hud__ammo-mag{color:#d0d6de;font-weight:600;transition:color 50ms linear}.hud__ammo-mag--dry{color:#6a5a52}.hud__ammo-sep{color:#5c6370;font-weight:400}.hud__ammo-res{color:#7a8490}.stick-zone{bottom:max(16px, env(safe-area-inset-bottom,0px));left:max(12px, env(safe-area-inset-left,0px));z-index:3;pointer-events:auto;touch-action:none;width:min(34vw,160px);height:min(34vw,160px);position:absolute}.stick-base{background:#0c0e1273;border:2px solid #3a4048;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000059}.stick-knob{will-change:transform;background:#4a515a;border:1px solid #2a3036;border-radius:50%;width:38%;height:38%;margin-top:-19%;margin-left:-19%;position:absolute;top:50%;left:50%;transform:translate(0);box-shadow:0 1px #ffffff0f}.fire-btn{pointer-events:auto;touch-action:none;min-width:72px;min-height:56px;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:#b8c0c8;cursor:pointer;background:linear-gradient(#2e343c 0%,#23282e 100%);border:2px solid #3d444d;border-radius:4px;padding:10px 18px;font-size:clamp(12px,3vw,15px);position:relative;box-shadow:inset 0 1px #ffffff0d,0 2px #15181c}.fire-btn:active,.fire-btn.fire-btn--pressed{color:#e8ecf0;background:linear-gradient(#252a30 0%,#1a1e23 100%);border-color:#4a525c;transform:translateY(1px);box-shadow:inset 0 2px 4px #00000059}.orientation-block{z-index:10;pointer-events:auto;touch-action:none;background:#050608eb;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.orientation-block--visible{display:flex}.orientation-block__text{letter-spacing:.08em;text-transform:uppercase;color:#8b939e;text-align:center;margin:0;padding:24px;font-size:clamp(18px,5vw,26px)}@media (pointer:fine){.stick-zone,.fire-btn{opacity:.88}}