:root{--charcoal:#15171b;--charcoal-2:#1e2127;--dusk:#2a3550;--amber:#f0a45a;--amber-dim:#b9824c;--text:#ece5d8;--muted:#a39c92;--red:#e23b3b;--civ:#bcd4ea;--hud-font:"Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--title-font:Bahnschrift, "DIN Alternate", "Arial Narrow", "Roboto Condensed", sans-serif;--scope-r:42vmin}*{box-sizing:border-box}html,body{background:var(--charcoal);height:100%;color:var(--text);font-family:var(--title-font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#08060c8c 100%);position:absolute;inset:0}kbd{font-family:var(--hud-font);color:var(--text);background:#14141899;border:1px solid #f0a45a73;border-bottom-width:2px;border-radius:3px;margin:0 1px;padding:1px 6px;font-size:.78em;display:inline-block}#scope{pointer-events:none;position:absolute;inset:0}#scope:before{content:"";background:radial-gradient(circle at 50% 50%, transparent 0, transparent calc(var(--scope-r) - 2.5vmin), #0000008c calc(var(--scope-r) - .6vmin), #000 var(--scope-r), #000 100%);position:absolute;inset:0}#scope:after{content:"";width:calc(var(--scope-r) * 2);height:calc(var(--scope-r) * 2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 6vmin #28466e59,inset 0 0 1.2vmin #ff965a40}#reticle{width:calc(var(--scope-r) * 2);height:calc(var(--scope-r) * 2);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#holdover-marks text{font:3.6px var(--hud-font);fill:#0a0a0a}#scope-zoom{left:calc(50% + var(--scope-r) * .62);top:calc(50% + var(--scope-r) * .62);font:600 1.6vmin var(--hud-font);color:#f0c896d9;text-shadow:0 0 3px #000;position:absolute}#breath{right:calc(50% + var(--scope-r) * .5);top:calc(50% + var(--scope-r) * .62);font:600 11px var(--hud-font);color:var(--muted);letter-spacing:2px;align-items:center;gap:8px;display:flex;position:absolute}#breath .bar{background:#ffffff1f;width:12vmin;height:4px}#breath .bar i{background:var(--amber);width:100%;height:100%;transition:background .2s;display:block}#breath.holding span{color:var(--amber)}#breath.exhausted .bar i{background:var(--red)}#scope-flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffbe7859,#0000 60%);position:absolute;inset:0}#scope-flash.on{animation:.12s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#crosshair{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#f5ecdce6;position:absolute;box-shadow:0 0 2px #000}#crosshair i:first-child{width:2px;height:9px;top:-16px;left:-1px}#crosshair i:nth-child(2){width:2px;height:9px;top:7px;left:-1px}#crosshair i:nth-child(3){width:9px;height:2px;top:-1px;left:-16px}#crosshair i:nth-child(4){width:9px;height:2px;top:-1px;left:7px}#crosshair:after{content:"";background:var(--amber);border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px}#hold-mark{pointer-events:none;color:var(--amber);text-shadow:0 0 3px #000;font:700 14px var(--hud-font);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#hold-mark em{font:600 9px var(--hud-font);letter-spacing:1px;opacity:.85;font-style:normal;position:absolute;top:-1px;left:14px}#hitmarker{pointer-events:none;opacity:0;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hitmarker:before,#hitmarker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 4px #000c}#hitmarker:before{width:4px;height:36px;top:0;left:16px}#hitmarker:after{width:36px;height:4px;top:16px;left:0}#hitmarker.show{animation:.45s ease-out hitpop}#hitmarker.civilian:before,#hitmarker.civilian:after{background:var(--red)}#hitmarker.head:before,#hitmarker.head:after{background:var(--amber)}@keyframes hitpop{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.5)}30%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(.9)}}#range-readout{font:600 13px var(--hud-font);letter-spacing:2px;color:var(--text);text-shadow:0 0 4px #000;pointer-events:none;white-space:nowrap;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#range-readout.scoped{top:calc(50% + var(--scope-r) * .45);color:#f0d2aaf2}#id-panel{border-left:3px solid var(--amber);min-width:190px;font:12px var(--hud-font);letter-spacing:1px;pointer-events:none;background:#0e1014b8;padding:8px 12px;position:absolute;top:calc(50% - 90px);left:calc(50% + 70px)}#id-panel.scoped{left:calc(50% + var(--scope-r) * .3);top:calc(50% - var(--scope-r) * .55)}#id-panel .row{justify-content:space-between;gap:18px;padding:2px 0;display:flex}#id-panel .row span{color:var(--muted)}#id-panel.hostile{border-left-color:var(--amber)}#id-panel.hostile #id-type{color:var(--amber)}#id-panel.civilian{border-left-color:var(--civ)}#id-panel.civilian #id-type{color:var(--civ)}#id-panel.unknown{border-left-color:var(--muted)}#id-panel.unknown #id-type{color:var(--muted)}#hud{pointer-events:none;font-family:var(--hud-font);position:absolute;inset:0}.hud-tl,.hud-tr,.hud-tc,.hud-bl,.hud-br,.hud-bc{position:absolute}.hud-tl{flex-direction:column;gap:6px;display:flex;top:16px;left:20px}.hud-tr{text-align:right;top:16px;right:20px}.hud-tc{top:14px;left:50%;transform:translate(-50%)}.hud-bl{bottom:18px;left:20px}.hud-br{bottom:18px;right:20px}.hud-bc{bottom:18px;left:50%;transform:translate(-50%)}.stat{text-shadow:0 0 4px #000;align-items:baseline;gap:10px;display:flex}.stat span{letter-spacing:2px;color:var(--muted);min-width:64px;font-size:11px}.stat b{font-size:16px}.stat.big b{letter-spacing:1px;font-size:26px}.hud-tr .stat{justify-content:flex-end}#hud-time.low{color:var(--red);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}#wind{letter-spacing:2px;color:var(--muted);background:#0e101480;border:1px solid #f0a45a40;align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex}#wind-arrow{color:var(--amber);font-size:18px;transition:transform .6s;display:inline-block}#wind-speed{color:var(--text)}#ammo{text-align:right;text-shadow:0 0 4px #000}#ammo-rounds{justify-content:flex-end;gap:5px;margin-bottom:6px;display:flex}#ammo-rounds i{background:linear-gradient(#d9b27a,#9b7442 60%,#5d4a33);border-radius:3px 3px 1px 1px;width:7px;height:26px}#ammo-rounds i.spent{background:#ffffff1f}.ammo-text b{font-size:30px}.ammo-text span{color:var(--muted);margin-left:4px;font-size:16px}.ammo-text i{font-style:normal}#ammo-status{letter-spacing:3px;color:var(--muted);margin-top:2px;font-size:11px}#ammo-status.reloading{color:var(--amber)}#ammo-status.empty{color:var(--red)}#reload-bar{visibility:hidden;background:#ffffff1a;width:140px;height:3px;margin:5px 0 0 auto}#reload-bar.on{visibility:visible}#reload-bar i{background:var(--amber);width:0;height:100%;display:block}#help{color:var(--muted);background:#0e10148c;border-left:2px solid #f0a45a80;padding:8px 12px;font-size:11px;line-height:1.75}#help kbd{padding:0 4px;font-size:10px}.help-title{color:var(--text);letter-spacing:2px;margin-bottom:2px}.help-title em{color:var(--muted);font-size:10px;font-style:normal}.drag-hint{color:var(--amber)}.aim-btn{pointer-events:auto;cursor:pointer;font:600 12px var(--hud-font);letter-spacing:3px;color:var(--text);background:#0e101499;border:1px solid #f0a45a80;padding:7px 22px}.aim-btn:hover{background:#f0a45a33}.aim-btn.active{color:#fff;background:#f0a45a59}#feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:70px;right:20px}#feed div{letter-spacing:1px;border-right:3px solid var(--amber);background:#0e1014a6;padding:4px 10px;font-size:13px;animation:.25s ease-out feedin}#feed div small{color:var(--muted);margin-left:8px}#feed div.civ{border-right-color:var(--red);color:#ffb3b3}#feed div.miss{border-right-color:var(--muted);color:var(--muted)}@keyframes feedin{0%{opacity:0;transform:translate(30px)}}#miss-info{letter-spacing:1px;color:#f3d3ae;text-shadow:0 0 4px #000,0 0 2px #000;opacity:0;white-space:nowrap;font-size:13px;transition:opacity .3s;position:absolute;top:calc(50% + 70px);left:50%;transform:translate(-50%)}#miss-info.show{opacity:1}#warning{text-align:center;pointer-events:none;border:2px solid var(--red);background:#5a0808b8;padding:14px 40px;animation:.35s ease-out warn,.5s .35s 4 alternate pulse;position:absolute;top:26%;left:50%;transform:translate(-50%)}#warning b{font:700 44px var(--title-font);letter-spacing:8px;color:#fff;display:block}#warning span{font:12px var(--hud-font);letter-spacing:2px;color:#ffc9c9}@keyframes warn{0%{opacity:0;transform:translate(-50%)scale(1.4)}}@keyframes pulse{to{background:#a01414d9}}#app.civ-flash:after{content:"";pointer-events:none;animation:1.2s ease-out forwards flash;position:absolute;inset:0;box-shadow:inset 0 0 18vmin #e23b3bbf}#lock-prompt{text-align:center;pointer-events:none;background:#0e1014bf;border:1px solid #f0a45a99;padding:14px 26px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#lock-prompt b{font:700 22px var(--title-font);letter-spacing:5px;color:var(--amber);display:block}#lock-prompt span{font:11px var(--hud-font);color:var(--muted)}#toast{font:13px var(--hud-font);letter-spacing:1px;opacity:0;pointer-events:none;white-space:nowrap;background:#0e1014cc;border:1px solid #f0a45a66;padding:6px 14px;transition:opacity .3s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.screen{justify-content:center;align-items:flex-start;padding:24px;display:none;position:absolute;inset:0;overflow:auto}.screen>*{margin-top:auto;margin-bottom:auto}.screen.show{display:flex}#screen-loading{background:var(--charcoal)}.loading{font:14px var(--hud-font);letter-spacing:4px;color:var(--amber);animation:1.2s infinite blink}#screen-title{background:linear-gradient(90deg,#0c0c12e0 0%,#0c0c128c 45%,#0c0c1200 75%);justify-content:flex-start}.title-wrap{max-width:560px;margin-left:6vw}.kicker{font:600 12px var(--hud-font);letter-spacing:4px;color:var(--amber);margin-bottom:10px}h1{letter-spacing:3px;text-shadow:0 4px 30px #0009;margin:0;font-size:clamp(44px,7vw,88px);font-weight:700;line-height:.92}h1 span{color:var(--amber);letter-spacing:14px;margin-top:10px;font-size:.55em;display:block}.tagline{color:var(--muted);margin:18px 0 26px;font-size:17px}h2{letter-spacing:4px;margin:0 0 16px;font-size:34px}.btn{font:600 14px var(--hud-font);letter-spacing:3px;color:var(--text);cursor:pointer;text-align:left;background:#14161cbf;border:1px solid #ece5d840;min-width:220px;padding:12px 26px;transition:background .15s,border-color .15s,transform .1s}.btn:hover,.btn:focus-visible{border-color:var(--amber);background:#f0a45a24;outline:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--amber);color:#1a130c;border-color:var(--amber)}.btn.primary:hover{background:#ffb872}.btn-col{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.btn-row{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.btn-row .btn{text-align:center;min-width:150px}.controls-card{font:13px var(--hud-font);color:var(--muted);border-left:2px solid var(--amber);background:#0e10148c;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin-top:28px;padding:14px 18px;display:grid}.controls-card kbd{margin-right:6px}.sens{color:var(--text);grid-column:1/-1;align-items:center;gap:10px;margin-top:6px;display:flex}.sens input{accent-color:var(--amber);flex:1}.panel{background:#101217e6;border:1px solid #f0a45a40;width:100%;max-width:900px;padding:30px 34px;box-shadow:0 20px 80px #00000080}.panel.small{max-width:520px}#screen-briefing,#screen-pause,#screen-results,#screen-error{background:#0a0a0e8c}.brief-grid{grid-template-columns:1.4fr 1fr;gap:28px;display:grid}.brief-text p{color:var(--muted);margin-top:0;line-height:1.55}.brief-text ul{margin:0;padding-left:18px;line-height:1.6}.brief-text li{margin-bottom:6px}.amber{color:var(--amber)}.brief-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.id-card{text-align:center;border-top:3px solid var(--amber);background:linear-gradient(#d98a57 0%,#a4605a 45%,#3a3550 100%);flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.id-card.civilian{border-top-color:var(--civ)}.id-card svg{width:64px;height:118px}.id-card b{letter-spacing:3px;font-family:var(--hud-font);text-shadow:0 1px 3px #000}.id-card.hostile b{color:var(--amber)}.id-card.civilian b{color:var(--civ)}.id-card span{font:11px var(--hud-font);color:#e6ddd0;text-shadow:0 1px 2px #000;line-height:1.4}#res-reason{color:var(--muted);margin-top:-6px}#res-title.success{color:var(--amber)}#res-title.fail{color:var(--red)}.results{font-family:var(--hud-font);flex-direction:column;gap:2px;display:flex}.results div{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:8px 0;display:flex}.results span{color:var(--muted);letter-spacing:2px;font-size:12px}.results b{font-size:18px}#pause-controls{margin-top:18px}@media (width<=760px){.brief-grid,.controls-card{grid-template-columns:1fr}#help{display:none}.stat.big b{font-size:20px}}@media (height<=560px){#help{display:none}}