:root{--gap:8px;--hud:#fff5e1eb;--accent:#f2b705}*{box-sizing:border-box}html,body{height:100%;color:var(--hud);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1a1410;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}#menu{z-index:10;background:radial-gradient(#1a141059,#1a1410e6);place-items:center;display:grid;position:fixed;inset:0}body.playing #menu,body.editing #menu{display:none}.menu-card{text-align:center;max-width:560px;padding:24px 32px}h1{letter-spacing:.06em;margin:0;font-size:clamp(32px,7vw,64px);font-weight:900}h1 span{color:var(--accent)}.tag{opacity:.7;margin:4px 0 18px}.loader{width:280px;margin:0 auto 16px}.load-bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.load-fill{background:var(--accent);width:0;height:100%;transition:width .2s}.load-label{opacity:.7;margin-top:6px;font-size:12px}body.loaded .loader{display:none}.btn-play{background:var(--accent);color:#1a1410;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:6px;padding:16px 56px;font:800 22px/1 inherit;display:none}body.loaded .btn-play{display:inline-block}.settings{flex-wrap:wrap;justify-content:center;gap:16px;margin:18px 0 8px;font-size:13px;display:flex}.settings select{color:var(--hud);background:#2a221b;border:1px solid #554636;border-radius:4px;margin-left:6px;padding:4px}.btn-small{color:var(--hud);font:inherit;background:0 0;border:1px solid #8a7660;border-radius:4px;padding:6px 14px;font-size:13px}.keys{opacity:.55;margin-top:14px;font-size:11px}@media (pointer:coarse){.keys{display:none}}#rotate{z-index:50;background:#1a1410;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:18px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#rotate .phone{border:3px solid var(--hud);border-radius:8px;width:46px;height:80px;animation:1.6s ease-in-out infinite rot}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#ios-install{z-index:60;text-align:center;background:#2a221b;border-radius:8px;padding:14px 18px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body.show-ios-install #ios-install{display:block}.hud{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));text-shadow:0 1px 2px #000000b3;position:absolute;inset:0}.hud-tl{top:inherit;left:max(14px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));position:absolute}.minimap{opacity:.92;border-radius:50%;width:132px;height:132px;display:block}.hp{align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.hp-bar{background:#00000073;border-radius:4px;width:110px;height:7px;overflow:hidden}.hp-fill{background:#e8e2d4;height:100%;transition:width .15s}.hp-fill.low{background:#e04a32}.street-name{opacity:.75;letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:11px}.hud-tc{top:max(10px, env(safe-area-inset-top));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.score{font-size:22px;font-weight:800}.timer{opacity:.8;font-size:13px}.hud-tr{top:max(10px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));text-align:right;position:absolute}.feed{min-height:20px;font-size:13px}.feed-item{color:#ffd27a;font-weight:600;animation:4s forwards fade}@keyframes fade{0%,75%{opacity:1}to{opacity:0}}.slots{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.slot{pointer-events:auto;color:var(--hud);touch-action:none;background:#00000059;border:1px solid #fff3;border-radius:4px;padding:8px 10px;font:600 12px inherit}.slot.on{border-color:var(--accent);color:var(--accent)}.slots.placed{margin:0;position:absolute}.pause-btn{pointer-events:auto;color:var(--hud);touch-action:none;background:#00000059;border:1px solid #ffffff40;border-radius:50%;width:34px;height:34px;margin:4px auto 0;font-size:11px;display:none}body.touch .pause-btn{display:block}.ammo{margin-top:6px;font-weight:800}.ammo .mag{font-size:30px}.ammo .mag.low{color:#e04a32}.ammo .res{opacity:.7;margin-left:4px;font-size:15px}.reload-hint{color:var(--accent);opacity:0;font-size:11px;transition:opacity .1s}.crosshair{width:0;height:0;transition:opacity .1s;position:absolute;top:50%;left:50%}.crosshair i{background:#ffffffe6;position:absolute;box-shadow:0 0 1px #000}.crosshair .ch-t,.crosshair .ch-b{width:2px;height:9px;left:-1px}.crosshair .ch-l,.crosshair .ch-r{width:9px;height:2px;top:-1px}.crosshair .ch-t{bottom:var(--gap)}.crosshair .ch-b{top:var(--gap)}.crosshair .ch-l{right:var(--gap)}.crosshair .ch-r{left:var(--gap)}.crosshair .ch-dot{width:2px;height:2px;top:-1px;left:-1px}.hitmarker{opacity:0;position:absolute;top:50%;left:50%}.hitmarker.on{opacity:1}.hitmarker i{background:#fff;width:2px;height:9px;position:absolute}.hitmarker.head i,.hitmarker.kill i{background:#ff3b2f}.hitmarker i:first-child{transform:translate(-9px,-13px)rotate(-45deg)}.hitmarker i:nth-child(2){transform:translate(7px,-13px)rotate(45deg)}.hitmarker i:nth-child(3){transform:translate(-9px,4px)rotate(45deg)}.hitmarker i:nth-child(4){transform:translate(7px,4px)rotate(-45deg)}.debug{white-space:pre;background:#00000080;border-radius:4px;padding:4px 8px;font:11px/1.4 ui-monospace,monospace;display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.touch-root{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;position:absolute;pointer-events:auto!important}.stick-base{opacity:0;background:#00000026;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .1s;position:absolute;top:70%;left:18%}.stick-base.on{opacity:1}.stick-knob{background:#ffffff59;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tbtn{letter-spacing:.05em;color:#ffffffd9;background:#00000047;border:2px solid #ffffff59;border-radius:50%;place-items:center;font:700 10px inherit;display:grid;position:absolute;transform:translate(-50%,-50%)}.tbtn.on{border-color:var(--accent);background:#f2b70573}.tbtn-fire{background:#c8321e4d;font-size:13px}.sp{z-index:20;pointer-events:auto;background:#0f0b08b8;place-items:center;display:grid;position:fixed;inset:0}.sp[hidden],.le[hidden],.le-back[hidden],.le-panel[hidden]{display:none}.sp-card{width:min(640px,94vw);max-height:92vh;padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:#221b15;border:1px solid #554636;border-radius:8px;flex-direction:column;display:flex}.sp-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sp-tabs{gap:4px;display:flex}.sp-tabs button,.sp-seg button{color:var(--hud);font:inherit;background:0 0;border:1px solid #554636;border-radius:4px;padding:7px 12px;font-size:13px}.sp-tabs button.on,.sp-seg button.on,.btn-small.on{background:var(--accent);color:#1a1410;border-color:var(--accent)}.sp-body{touch-action:pan-y;overscroll-behavior:contain;padding-right:4px;overflow-y:auto}.sp-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.sp-row>span:first-child{flex:0 190px}.sp-row input[type=range]{min-width:120px;accent-color:var(--accent);touch-action:pan-x;flex:1}.sp-row output{text-align:right;font-variant-numeric:tabular-nums;width:2.5em}.sp-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.sp-seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.sp-note{opacity:.7;margin:6px 0;font-size:12px}.sp-edit{margin:8px 0;padding:12px 24px;font-size:16px;display:inline-block!important}.sp-key{min-width:110px}.menu-row{justify-content:center;gap:8px;margin-top:10px;display:flex}.le{z-index:15;pointer-events:auto;background:#0f0b0840;position:fixed;inset:0}.le-stage{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;position:absolute}.le-ctl{cursor:grab;outline-offset:3px}.le-ctl.le-sel{outline:2px dashed var(--accent)}.le-ctl.le-off{filter:grayscale();border-style:dashed;opacity:.35!important}.le-slotsctl{transform-origin:50%;border-radius:4px;width:150px;height:34px;position:absolute}.le-bar{top:max(8px, env(safe-area-inset-top));background:#1a1410eb;border:1px solid #554636;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.le-slots{gap:3px;margin-right:6px;display:flex}.le-bar button{white-space:nowrap}.le-dirty{opacity:.75;min-width:52px;font-size:11px}.le-panel{bottom:max(10px, env(safe-area-inset-bottom));background:#1a1410eb;border:1px solid #554636;border-radius:6px;align-items:center;gap:14px;padding:8px 12px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.le-panel label{align-items:center;gap:6px;display:flex}.le-panel input[type=range]{width:120px;accent-color:var(--accent)}.le-back{z-index:16;top:max(8px, env(safe-area-inset-top));pointer-events:auto;background:#1a1410e6;position:fixed;left:50%;transform:translate(-50%)}body.trying .pause-btn{display:none}