@charset "UTF-8";
:root{color-scheme:dark;--ink:#ecede0;--muted:#9baca2;--lime:#d0ef80;--line:rgba(205,221,193,.2);--glass:rgba(12,22,23,.75)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#182626;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:rgba(15,25,25,.55);transition:background .18s,border-color .18s,transform .18s}button:hover{border-color:var(--lime);background:rgba(80,99,62,.5)}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:active{transform:translateY(1px)}#world,#hud,.vignette{position:fixed;inset:0;width:100%;height:100%}#world{touch-action:none}#hud,.vignette{pointer-events:none}.vignette{background:radial-gradient(ellipse at 58% 42%,transparent 32%,rgba(0,10,12,.32) 100%);box-shadow:inset 0 0 110px #0b141644}.topbar{position:absolute;top:0;left:0;width:100%;padding:26px 34px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.brand,.top-actions{display:flex;align-items:center;pointer-events:auto}.brand{gap:12px;letter-spacing:2.5px;font-size:15px;font-weight:700}.brand-mark{font-size:36px;line-height:35px;font-weight:300;color:var(--lime)}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:7px;color:#bdc6ba}.brand small span{color:#68796c;margin:0 4px}.top-actions{gap:8px}.top-actions button{height:34px;padding:0 12px;font:10px Consolas,monospace;letter-spacing:1px;border-radius:2px}#help-button{width:34px;padding:0;font-size:17px}.live-status{margin-right:17px;font:10px Consolas,monospace;letter-spacing:1.3px;color:#c5cfbd}.live-status i,.gun-footer i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:7px}.briefing{position:absolute;top:21%;left:7%;width:min(520px,44vw);z-index:3}.eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:var(--lime)}.tiny-cross{font-size:17px;margin-right:11px}.briefing h1{font-weight:500;font-size:clamp(48px,5.3vw,82px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0}.briefing h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.intro{font-size:14px;line-height:1.8;color:#c2c9bd;margin-bottom:27px}.scenario-label{font:9px Consolas,monospace;letter-spacing:1.7px;color:#a7b5a6;margin-bottom:10px}.scenario-options{display:flex;gap:7px}.scenario-options button{padding:12px 11px;text-align:left;flex:1;border-radius:2px}.scenario-options strong{display:block;font-size:11px;font-weight:500;white-space:nowrap}.scenario-options span{display:block;margin-top:5px;color:#a7b4a0;font:10px Consolas,monospace}.scenario-options .selected{border-color:var(--lime);background:#3e503a99}.scenario-options .selected strong{color:var(--lime)}.start-button{background:var(--lime);color:#1c2a22;border:none;padding:18px 21px;display:flex;justify-content:space-between;align-items:center;font:700 11px Consolas,monospace;letter-spacing:1.4px;border-radius:2px;width:100%;margin-top:15px}.start-button:hover{background:#e0ffa3}.start-button span{font-size:22px;line-height:12px}.start-hint{font:9px Consolas,monospace;letter-spacing:.7px;color:#c0cbb8;margin-top:14px}.start-hint b,.playing-hint b{color:#71816e;margin:0 9px}.briefing-note{border-top:1px solid var(--line);margin-top:27px;padding-top:18px;max-width:450px}.briefing-note>span{font:9px Consolas,monospace;letter-spacing:1.5px;color:#c4cfb7}.briefing-note p{font-size:11px;line-height:1.7;color:#9ead9f;max-width:400px}.range-card{position:absolute;right:34px;top:126px;width:240px;background:linear-gradient(100deg,rgba(16,29,28,.65),rgba(16,29,28,.2));border-top:1px solid var(--line);padding:16px 17px 12px;z-index:2;pointer-events:none}.panel-label{font:9px Consolas,monospace;letter-spacing:1.2px;color:#b3c1ae;display:flex;align-items:center;justify-content:space-between}.range-card .panel-label{justify-content:start}.target-line{margin-top:18px}.target-line strong{font:13px Consolas,monospace;letter-spacing:1.1px}.target-line>span{display:block;color:#9ba993;font:8px Consolas,monospace;letter-spacing:1px;margin-top:6px}.range-numbers{display:flex;margin:21px 0 17px;gap:34px}.range-numbers strong{font:29px Consolas,monospace;font-weight:400;letter-spacing:-1.5px}.range-numbers small{display:block;font:8px Consolas,monospace;letter-spacing:1px;margin-top:7px;color:#9ba993}.observation-footer{font:7px Consolas,monospace;letter-spacing:.7px;border-top:1px solid var(--line);padding-top:10px;color:#a1b096;display:flex;justify-content:space-between}.instruments{position:absolute;left:34px;right:34px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none;z-index:2}.gun-panel{width:300px;padding:18px;background:linear-gradient(105deg,rgba(13,23,23,.85),rgba(13,23,23,.65));border:1px solid var(--line);border-radius:3px}.gun-panel .panel-label span{font-size:8px;color:var(--lime)}.ammo-line{display:flex;align-items:center;gap:12px;margin:12px 0 18px}.ammo-line>strong{font:45px Consolas,monospace;letter-spacing:-3px;line-height:1}.ammo-line>span{font:8px/1.6 Consolas,monospace;color:#a6b49f;letter-spacing:.7px}.fire-mode{margin-left:auto;font:8px Consolas,monospace;text-align:right;letter-spacing:.7px;color:var(--lime)}.fire-mode small{display:block;margin-top:5px;font-size:7px;color:#859880}.heat-line{display:flex;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:1px;color:#b2bfa8;margin-bottom:7px}.heat-track{height:3px;background:#5d715044;overflow:hidden}.heat-track i{display:block;height:100%;width:0;background:var(--lime);transition:width .1s linear}.gun-footer{display:flex;justify-content:space-between;font:7px Consolas,monospace;letter-spacing:.5px;color:#97a68c;margin-top:13px}.gun-footer i{width:4px;height:4px;margin-right:4px}.session-panel{display:flex;gap:28px;margin-bottom:12px;padding:14px 25px;background:#111e1f44;border-top:1px solid var(--line);text-shadow:0 1px 4px #000}.session-panel strong{font:26px Consolas,monospace;letter-spacing:-1px}.session-panel small{display:block;font:7px Consolas,monospace;letter-spacing:1.2px;color:#c1cbb6;margin-top:5px}.radar-panel{width:220px;background:#11201d88;padding:12px 13px 8px;border:1px solid var(--line);border-radius:3px}.radar-panel .panel-label{font-size:8px}.radar-panel .panel-label span{color:#7f957b}.radar-panel canvas{width:100%;height:137px;display:block}.radar-footer{font:7px Consolas,monospace;color:#a9bda0;display:flex;justify-content:space-between;letter-spacing:.7px}.event-feed{position:absolute;right:34px;top:395px;width:258px;text-align:right;pointer-events:none;z-index:3}.event{border-right:2px solid var(--lime);padding:6px 12px;margin-bottom:8px;background:linear-gradient(90deg,transparent,#0f1d1bd9);animation:event-in .25s ease-out}.event strong{display:block;font:10px Consolas,monospace;letter-spacing:1px;color:var(--lime)}.event small{display:block;font:8px Consolas,monospace;color:#c1cab7;margin-top:4px}.event.danger{border-color:#f8a26a}.event.danger strong{color:#f8a26a}.playing-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font:8px Consolas,monospace;letter-spacing:.8px;color:#d8dfc8b0;white-space:nowrap;text-shadow:0 2px 3px #000;display:none;pointer-events:none}.toast{position:absolute;left:50%;top:78%;transform:translateX(-50%);padding:11px 18px;background:#10211ee8;color:var(--lime);font:10px Consolas,monospace;letter-spacing:1px;border:1px solid #788c5c55;opacity:0;pointer-events:none;transition:opacity .2s;z-index:8}.toast.visible{opacity:1}.pause-overlay{position:absolute;inset:0;background:#0d1c20b0;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:8}.pause-overlay h2{font:52px Georgia,serif;font-style:italic;margin:22px 0 10px}.pause-overlay p{font-size:13px;color:#acbca6}.pause-overlay .start-button{width:280px;margin-top:22px}.text-button{margin-top:18px;border:0;background:none;color:#adbba4;font:9px Consolas,monospace;letter-spacing:1px}.help-panel{position:absolute;right:28px;top:85px;width:360px;max-height:calc(100% - 110px);overflow:auto;padding:25px;background:#12221ff5;border:1px solid #6d826044;box-shadow:0 25px 100px #0008;z-index:10;border-radius:4px}.help-heading{display:flex;align-items:center;justify-content:space-between}.help-heading h2{font:26px Georgia,serif;margin:0}.help-heading button{font-size:23px;width:29px;height:29px;border:0;background:transparent}.help-panel p{font-size:12px;line-height:1.8;color:#b8c6ac}.help-panel dl{display:grid;grid-template-columns:1.1fr 1fr;gap:13px 10px;font:10px Consolas,monospace;margin:24px 0}.help-panel dt{color:var(--lime)}.help-panel dd{margin:0;color:#c2ccba}.help-footnote{font-size:10px;line-height:1.8;color:#81967b;border-top:1px solid var(--line);padding-top:17px}.unsupported{position:absolute;inset:0;background:#142326;z-index:30;padding:20%;font-size:18px}.hidden{display:none!important}.playing .briefing{display:none}.playing .playing-hint{display:block}.not-started .session-panel{opacity:.55}.not-started .gun-panel{opacity:.75}.not-started .range-card{opacity:.85}@keyframes event-in{from{transform:translateX(15px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-height:760px){.briefing{top:17%;width:470px}.briefing h1{font-size:58px;margin:19px 0}.intro{font-size:12px;margin-bottom:20px}.briefing-note{margin-top:20px;padding-top:12px}.briefing-note p{font-size:10px}.instruments{bottom:26px}.gun-panel{padding:13px;width:275px}.radar-panel{width:190px}.radar-panel canvas{height:115px}.ammo-line>strong{font-size:38px}.ammo-line{margin-bottom:13px}.session-panel{gap:18px}.range-card{top:108px;width:220px}.event-feed{top:360px}}
@media(max-width:1000px){.topbar{padding:20px}.live-status{display:none}.briefing{left:5%;width:490px;max-width:63vw}.briefing h1{font-size:57px}.range-card{right:20px;width:190px}.range-numbers{gap:20px}.range-numbers strong{font-size:25px}.observation-footer{font-size:6px}.session-panel{display:none}.instruments{left:20px;right:20px}.event-feed{right:20px;width:220px}.briefing-note{max-width:340px}.top-actions button{padding:0 8px}}
@media(max-width:660px){.brand{font-size:11px;letter-spacing:1px;gap:8px}.brand small{font-size:7px;letter-spacing:1px}.brand-mark{font-size:28px}.top-actions{gap:4px}#slow-button,#sound-button{font-size:8px;padding:0 6px}#pause-button{display:none}.briefing{top:19%;left:6%;max-width:88vw;width:88vw}.briefing h1{font-size:49px}.intro{font-size:12px}.briefing-note{display:none}.scenario-options button{padding:11px 7px}.scenario-options strong{font-size:10px}.start-hint{font-size:7px}.range-card{display:none}.instruments{left:12px;right:12px;bottom:28px}.gun-panel{width:230px;padding:12px}.radar-panel{width:140px;padding:9px}.radar-panel canvas{height:91px}.panel-label{font-size:8px}.ammo-line>strong{font-size:34px}.fire-mode{font-size:7px}.fire-mode small{font-size:6px}.gun-footer{font-size:6px}.radar-footer{font-size:6px}.radar-panel .panel-label{font-size:6px}.playing-hint{font-size:6px}.event-feed{top:110px;right:15px;width:220px}.help-panel{left:12px;right:12px;width:auto}.not-started .instruments{opacity:.5}}

.not-started .gun-panel,.not-started .session-panel{visibility:hidden}
.sight-panel{display:none;position:absolute;left:34px;top:126px;width:240px;padding:15px;background:linear-gradient(110deg,#10201de3,#14251dc4);border:1px solid var(--line);border-radius:3px;z-index:4}.playing .sight-panel{display:block}.sight-panel .panel-label span{color:var(--lime);font-size:8px}.sight-panel>label{display:block;font:8px Consolas,monospace;letter-spacing:.8px;color:#b5c4a6;margin:15px 0 8px}.sight-range-control{display:flex;align-items:center;gap:8px}.sight-range-control button{height:29px;min-width:29px;font:18px Consolas,monospace}.sight-range-control input{width:84px;min-width:0;flex:1;background:#0a181b80;border:1px solid var(--line);color:var(--lime);font:22px Consolas,monospace;padding:3px 5px;text-align:center}.sight-range-control>span{font:12px Consolas,monospace;color:#b1bda8}.sight-reference{display:flex;gap:25px;margin:16px 0 12px}.sight-reference span{font:7px Consolas,monospace;letter-spacing:1px;color:#a9bca0}.sight-reference strong{display:block;font:19px Consolas,monospace;letter-spacing:-.5px;color:#e1ead2;margin-top:5px}.sight-example{font:9px Consolas,monospace;color:#bdcbb0}.sight-example strong{color:var(--lime);font-weight:400}.sight-panel p{font-size:10px;color:#a6b99b;line-height:1.6;margin:12px 0}.sight-shortcuts{font:7px Consolas,monospace;letter-spacing:.5px;border-top:1px solid var(--line);padding-top:10px;color:#c2d2ad;display:flex;justify-content:space-between}.optic-notes{font-size:11px;line-height:1.7;color:#b8c8ac;margin:17px 0;padding:13px 0;border-block:1px solid var(--line)}.optic-notes strong{color:var(--lime);font-weight:500}.optic-notes p{font-size:11px;margin:0 0 9px}.optic-notes p:last-child{margin:0}
@media(max-width:1000px){.sight-panel{left:20px;top:108px;width:220px;padding:13px}}
@media(max-width:660px){.sight-panel{left:12px;top:103px;width:215px;padding:12px}.playing .range-card{display:block;right:12px;top:103px;width:175px;padding:12px}.playing .range-card .panel-label{font-size:7px}.playing .range-numbers{gap:18px;margin:17px 0 14px}.playing .range-numbers strong{font-size:23px}.playing .target-line strong{font-size:11px}.playing .observation-footer{font-size:6px}.sight-panel p{font-size:9px}.sight-reference{gap:24px}.sight-example{font-size:8px}}
@media(max-width:540px){.sight-panel{width:calc(50vw - 18px);padding:10px}.playing .range-card{width:calc(50vw - 18px);padding:10px}.sight-panel .panel-label{font-size:7px;letter-spacing:.5px}.sight-panel .panel-label span{font-size:6px}.sight-panel>label{font-size:6px;letter-spacing:.4px;margin:11px 0 7px}.sight-range-control{gap:4px}.sight-range-control button{height:24px;min-width:22px;font-size:15px}.sight-range-control input{font-size:18px;padding:2px}.sight-reference{gap:15px;margin:12px 0 10px}.sight-reference span{font-size:6px;letter-spacing:.5px}.sight-reference strong{font-size:16px}.sight-example{font-size:7px;line-height:1.5}.sight-panel p{font-size:8px;line-height:1.5}.sight-shortcuts{font-size:6px;letter-spacing:0;gap:4px}.playing .range-numbers{gap:13px}.playing .range-numbers strong{font-size:20px}.playing .range-numbers small{font-size:7px}.playing .target-line>span{font-size:7px}.playing .range-card .panel-label{font-size:6px;letter-spacing:.3px}.playing .observation-footer{font-size:5px;letter-spacing:0}.playing .range-card .status-dot{margin-right:4px;width:4px;height:4px}}
@media(max-height:680px){.sight-panel{top:100px}.sight-panel p{display:none}.sight-reference{margin:10px 0}.sight-shortcuts{margin-top:10px}.playing .range-card{top:100px}}

.follow-hud,.follow-timeline{display:none;position:absolute;z-index:4;pointer-events:none;background:linear-gradient(110deg,#10201dee,#14251dba);border:1px solid var(--line);border-radius:3px}
.following .sight-panel,.following .range-card,.following .instruments,.following .event-feed{display:none}
.following .follow-hud,.following .follow-timeline{display:block}
.following #follow-button{color:var(--lime);border-color:#d0ef8080}
.following #slow-button{display:none}
.follow-hud{left:34px;top:116px;width:330px;padding:19px}
.follow-hud .panel-label span{color:var(--lime);font-size:8px}
.follow-hud h2{font:15px Consolas,monospace;letter-spacing:1px;margin:18px 0}
.follow-numbers{display:flex;gap:24px}
.follow-numbers small{display:block;font:7px Consolas,monospace;letter-spacing:.7px;color:#aaba9e}
.follow-numbers strong{display:block;font:23px Consolas,monospace;color:#e6efda;margin-top:6px;white-space:nowrap}
.follow-numbers span{display:block;font:7px Consolas,monospace;color:#a8b99b;margin-top:5px}
.follow-hud>p{font:9px/1.6 Consolas,monospace;color:var(--lime);margin:18px 0 0}
.follow-hud .follow-note{font:10px/1.6 "Segoe UI",sans-serif;color:#a4b69a;margin:10px 0 0}
.follow-timeline{left:50%;bottom:40px;transform:translateX(-50%);width:min(580px,calc(100% - 40px));padding:16px 20px}
.follow-timeline>div:first-child{display:flex;justify-content:space-between;gap:15px;font:9px Consolas,monospace;color:#b4c5a5}
.follow-timeline strong{color:var(--lime);font-weight:400}
.follow-track{height:3px;background:#74886344;margin:13px 0}
.follow-track i{display:block;height:100%;background:var(--lime);width:0}
.follow-timeline p{font:8px Consolas,monospace;letter-spacing:.5px;color:#c4d3b4;text-align:center;margin:0}
.follow-timeline p span{color:#7c9471;margin:0 6px}
@media(max-width:1000px){.follow-hud{left:20px;top:100px}.top-actions #follow-button{font-size:9px;letter-spacing:.3px}}
@media(max-width:660px){.top-actions #sound-button{display:none}.top-actions #follow-button{padding:0 6px;font-size:8px}.follow-hud{left:12px;top:94px;width:290px;padding:15px}.follow-timeline{bottom:36px;padding:13px 15px}.follow-timeline p{font-size:7px;letter-spacing:0}.follow-timeline>div:first-child{font-size:8px}.follow-numbers strong{font-size:21px}}

.sight-wide-hint{font:7px/1.6 Consolas,monospace;color:#b4c6a1;letter-spacing:.5px;margin-top:11px}
.target-choice{margin:16px 0 18px;max-width:400px}
.target-choice label{display:block;font:8px Consolas,monospace;letter-spacing:1px;color:#b4c5a5;margin-bottom:8px}
.target-choice select{width:100%;min-height:35px;padding:7px 10px;background:#122320;color:#e0edcf;border:1px solid #78915b66;border-radius:2px;font:11px Consolas,monospace;cursor:pointer}
.target-choice p{font:10px/1.6 "Segoe UI",sans-serif;color:#a8baa0;margin:8px 0 0}
.target-profile{margin:12px 0 -8px}
.target-profile strong{display:block;font:11px Consolas,monospace;letter-spacing:.8px;color:var(--lime)}
.target-profile span{display:block;font:7px/1.6 Consolas,monospace;color:#a7b99a;margin-top:4px;white-space:nowrap}
.speed-secondary{display:block;font:7px Consolas,monospace;color:#b1c19e;margin-top:6px}
.not-started .target-profile,.not-started .speed-secondary{display:none}
@media(max-height:760px){.target-choice{margin:10px 0}.target-choice p{font-size:9px}.briefing{max-height:calc(100vh - 140px);overflow-y:auto;padding-right:8px}}
@media(max-width:540px){.target-profile{margin:10px 0 -8px}.target-profile strong{font-size:9px}.target-profile span{font-size:6px;letter-spacing:-.2px}.speed-secondary{font-size:6px}}
.precision-optic .sight-wide-hint{display:none}
.playing:not(.precision-optic) .sight-reference,.playing:not(.precision-optic) .sight-example,.playing:not(.precision-optic) .sight-panel>p,.playing:not(.precision-optic) .sight-shortcuts{display:none}
.not-started .radar-assist{display:none}
.radar-assist{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;text-align:left}
.radar-assist button{pointer-events:auto;width:100%;padding:9px 7px;font:9px Consolas,monospace;letter-spacing:.7px;border-color:#b3905b80;color:#ffd49a}
.radar-assist button[aria-pressed="true"]{background:#6a4f2940;border-color:#e9b66b}
.radar-assist strong{display:block;margin-top:11px;font:8px Consolas,monospace;letter-spacing:.6px;color:#aebda2}
.radar-assist strong[data-state="tracking"]{color:#ffd49a}
.radar-assist p{font:8px/1.7 Consolas,monospace;color:#c6d1bb;margin:7px 0 0}
.radar-assist small{display:none;font:7px/1.6 Consolas,monospace;color:#a7b99a;margin-top:8px}
.precision-optic .radar-assist small{display:block}
.playing .event-feed{top:480px}
@media(max-width:660px){.radar-assist{margin-top:10px;padding-top:10px}.radar-assist button{font-size:8px;padding:8px 4px;letter-spacing:.2px}.radar-assist strong{font-size:7px;line-height:1.5}.radar-assist p{font-size:7px;line-height:1.6}.sight-wide-hint{font-size:6px;letter-spacing:0}.playing .event-feed{top:460px;width:190px}}
@media(max-height:680px){.playing .event-feed{top:410px}.radar-assist{padding-top:8px;margin-top:8px}.radar-assist strong{margin-top:8px}.radar-assist p{line-height:1.4}.precision-optic .radar-assist small{display:none}}