:root{--bg:#05070a;--panel:rgba(8,11,16,.9);--ink:#eef2f7;--muted:#8b94a3;--orange:#ff6a1f;--green:#c7ff42;--danger:#ff4338}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#05070a}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,rgba(38,42,48,.24),rgba(3,5,8,.94) 70%)}.card{width:min(590px,100%);padding:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(15,19,25,.94),rgba(7,9,13,.94));box-shadow:0 24px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px);text-align:center}.card.compact{width:min(480px,100%)}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--orange);font-weight:800}.card h1{margin:10px 0 10px;font-size:clamp(34px,9vw,62px);line-height:.94;text-transform:uppercase;letter-spacing:-.045em}.card p{max-width:500px;margin:0 auto;color:var(--muted);line-height:1.58}.card button{display:block;width:100%;min-height:56px;border:0;background:var(--orange);color:#080a0d;font-weight:900;font-size:17px;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 14px;cursor:pointer}.card button:active{transform:translateY(1px)}.card a{color:var(--ink);text-decoration:none;font-size:13px}.controls-copy{display:grid;gap:5px;margin-top:20px;color:#697382;font-size:11px;line-height:1.45}.topbar{position:fixed;top:0;left:0;right:0;z-index:12;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;text-shadow:0 2px 9px #000;background:linear-gradient(180deg,rgba(3,5,8,.58),transparent)}.topbar strong{color:var(--orange)}.topbar span{color:#aeb6c4}.mission-strip{position:fixed;top:48px;left:50%;z-index:12;transform:translateX(-50%);display:flex;gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.24)}.mission-strip div{min-width:78px;padding:7px 12px;text-align:center;background:rgba(5,8,12,.78)}.mission-strip span{display:block;color:#747e8d;font-size:8px;letter-spacing:.16em}.mission-strip strong{font-size:17px;line-height:1.1}.crosshair{position:fixed;left:50%;top:50%;z-index:11;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 3px #000)}.crosshair i,.crosshair b{position:absolute;background:rgba(255,255,255,.92);display:block}.crosshair i{width:2px;height:17px;left:14px;top:6px}.crosshair b{width:17px;height:2px;left:6px;top:14px}.stats{position:fixed;left:14px;bottom:14px;z-index:12;display:flex;gap:8px;flex-wrap:wrap}.stats div{min-width:76px;padding:8px 10px;background:rgba(5,8,12,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 22px rgba(0,0,0,.18)}.stats span{display:block;color:#737d8d;font-size:9px;letter-spacing:.16em}.stats strong{font-size:18px}.message{position:fixed;left:50%;bottom:92px;z-index:16;transform:translateX(-50%) translateY(8px);padding:9px 14px;background:rgba(5,8,12,.8);border-left:2px solid var(--orange);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;white-space:nowrap}.message.on{opacity:1;transform:translateX(-50%) translateY(0)}.hitmarker{position:fixed;left:50%;top:50%;z-index:15;transform:translate(-50%,-50%) scale(.6);font-size:44px;line-height:1;color:#fff;opacity:0;transition:opacity .08s,transform .08s;pointer-events:none}.hitmarker.on{opacity:1;transform:translate(-50%,-50%) scale(1)}#damageFlash{position:fixed;inset:0;z-index:9;background:radial-gradient(circle,transparent 36%,rgba(255,0,0,.38));opacity:0;pointer-events:none;transition:opacity .11s}.exit{position:fixed;right:14px;bottom:14px;z-index:14;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.18);background:rgba(7,10,14,.82);color:#d7dce4;font-size:11px;letter-spacing:.12em}.move-zone{position:fixed;left:20px;bottom:28px;z-index:18;width:132px;height:132px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle,rgba(255,255,255,.07),rgba(255,255,255,.025))}.stick{position:absolute;width:56px;height:56px;left:38px;top:38px;border-radius:50%;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 22px rgba(0,0,0,.25);transform:translate(0,0)}.mobile-actions{position:fixed;right:14px;bottom:20px;z-index:18;display:grid;grid-template-columns:64px 64px 72px;grid-template-rows:50px 50px;gap:8px;align-items:stretch}.mobile-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(7,10,14,.8);color:#fff;font-weight:800;font-size:10px;letter-spacing:.04em}.mobile-actions .fire{grid-column:3;grid-row:1/3;background:rgba(255,106,31,.24);border-color:rgba(255,106,31,.62);color:#ffad82;font-size:12px}.mobile-actions button:active{background:rgba(255,255,255,.13)}@media(max-width:720px){.stats{left:10px;bottom:170px;max-width:165px}.stats div{min-width:58px;padding:6px 8px}.stats strong{font-size:15px}.exit{top:106px;right:10px;bottom:auto}.topbar{font-size:9px;padding:11px 10px}.mission-strip{top:42px}.mission-strip div{min-width:62px;padding:6px 8px}.mission-strip strong{font-size:14px}.crosshair{width:24px;height:24px}.crosshair i{left:11px;top:4px}.crosshair b{top:11px;left:4px}.message{bottom:190px;font-size:9px}.card{padding:24px 20px}.mobile-actions{right:10px}.move-zone{left:14px}}