:root{--ink: #05060c;--red: #ff3b2e;--amber: #ffb43a;--green: #3aff7a;--panel: rgba(6, 8, 14, .78);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:#e9e6df;font-family:Inter,system-ui,sans-serif;overscroll-behavior:none;touch-action:none}.js-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.is-hidden{display:none!important}.hud{position:fixed;inset:0;pointer-events:none}.hud-top{position:absolute;top:calc(10px + var(--st));left:calc(12px + var(--sl));right:calc(12px + var(--sr));display:flex;align-items:flex-start;gap:14px}.hud-label{display:block;font:600 10px Oswald,sans-serif;letter-spacing:.2em;color:#9aa3a0}.hud-health{background:var(--panel);padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.hud-bar{width:150px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-top:4px}.hud-bar div{height:100%;width:100%;background:linear-gradient(90deg,#2bd16a,#8aff5a);transition:width .2s,background .3s}.hud-bar div.is-low{background:linear-gradient(90deg,#c8341a,#ff7a3a);animation:pulse .8s infinite}.hud-heals{font-size:12px;color:var(--green);margin-top:3px;display:block}.hud-objective{flex:1;text-align:center;font:400 15px Oswald,sans-serif;letter-spacing:.08em;color:var(--amber);text-shadow:0 2px 4px #000;padding-top:4px}.hud-pause{pointer-events:auto;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--panel);color:#fff;font-size:14px}.hud-keys{position:absolute;top:calc(70px + var(--st));left:calc(12px + var(--sl));display:flex;gap:6px}.hud-keys i{width:26px;height:17px;border-radius:3px;background:var(--red);box-shadow:0 0 10px var(--red)}.hud-weapon{position:absolute;top:calc(64px + var(--st));right:calc(12px + var(--sr));background:var(--panel);border-radius:8px;padding:6px 12px;text-align:right;font:600 12px Oswald,sans-serif;letter-spacing:.12em;border:1px solid rgba(255,255,255,.08)}.hud-weapon b{display:inline-block;font-size:26px;margin-left:10px;color:#fff}.hud-weapon b.is-empty{color:var(--red)}.hud-weapon small{color:#9aa3a0;font-size:13px}.hud-prompt{position:absolute;left:50%;bottom:calc(170px + var(--sb));transform:translate(-50%);background:var(--panel);border:1px solid var(--amber);color:var(--amber);border-radius:8px;padding:8px 14px;font:400 15px Oswald,sans-serif;letter-spacing:.06em;opacity:0;transition:opacity .2s}.hud-prompt.is-on{opacity:1}.hud-toast{position:absolute;left:50%;top:34%;transform:translate(-50%);font:600 clamp(20px,5vw,34px) "Oswald",sans-serif;letter-spacing:.08em;text-align:center;text-shadow:0 3px 8px #000;opacity:0;transition:opacity .3s;width:90vw}.hud-toast.is-on{opacity:1}.hud-toast.is-red{color:var(--red)}.hud-danger{position:fixed;inset:0;box-shadow:inset 0 0 120px #c8140a8c;opacity:0;transition:opacity .4s}.hud-damage{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(180,10,10,.8));opacity:0;transition:opacity .5s}.hud-damage.is-on{opacity:1;transition:none}.hud-help{position:absolute;left:50%;bottom:calc(14px + var(--sb));transform:translate(-50%);font-size:12px;color:#9aa3a0;background:var(--panel);padding:6px 12px;border-radius:8px;text-align:center;max-width:90vw;transition:opacity .6s}.hud-help.is-gone{opacity:0}.stick{position:fixed;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;opacity:0;transition:opacity .15s}.stick.is-on{opacity:1}.stick i{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#ffffff73}.touch-buttons{display:none}.hud.is-touch .touch-buttons{display:block}.tb{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a0c148c;color:#fff;font:600 14px Oswald,sans-serif;letter-spacing:.08em}.tb.is-on{background:#ffffff40}.tb-fire{right:calc(26px + var(--sr));bottom:calc(34px + var(--sb));width:104px;height:104px;background:#c8281e73;border-color:#ff7864b3}.tb-reload{right:calc(140px + var(--sr));bottom:calc(30px + var(--sb));width:58px;height:58px;font-size:22px}.tb-action{right:calc(30px + var(--sr));bottom:calc(150px + var(--sb));width:76px;height:76px;font-size:12px;border-color:var(--amber);color:var(--amber)}.tb-heal{right:calc(124px + var(--sr));bottom:calc(108px + var(--sb));width:50px;height:50px;font-size:20px;color:var(--green)}.tb-swap{right:calc(118px + var(--sr));bottom:calc(176px + var(--sb));width:46px;height:46px;font-size:18px}.tb.is-disabled{opacity:.3}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,#05060c59,#05060ceb)}.card{width:min(560px,100%);text-align:center}.kicker{font:400 13px Oswald,sans-serif;letter-spacing:.35em;color:var(--red);margin:0 0 8px}h1{margin:0;font:600 clamp(44px,11vw,82px) "Oswald",sans-serif;letter-spacing:.06em;line-height:.95;text-shadow:0 0 30px rgba(255,60,40,.35)}h1 span{color:var(--red)}h2{font:600 32px Oswald,sans-serif;letter-spacing:.08em;margin:0 0 10px;color:var(--red)}.lead{font-size:15px;line-height:1.5;color:#c7c3ba;margin:14px auto 20px;max-width:440px}.buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{pointer-events:auto;touch-action:manipulation;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:13px 24px;font:600 17px Oswald,sans-serif;letter-spacing:.12em;color:#e9e6df;background:#ffffff0f;cursor:pointer}.btn-main{background:var(--red);border-color:var(--red);color:#fff}.btn:disabled{opacity:.5}.small{font-size:12px;color:#8a8f8c;margin:14px 0 0}.small a{color:inherit}@keyframes pulse{50%{opacity:.55}}