@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#edf0e4;--muted:#b8bdae;--yellow:#e5c766;--panel:#151d19;--border:rgba(219,226,202,.2);font-family:Barlow,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#25312a;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{color:inherit}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.grain{pointer-events:none;position:fixed;inset:0;z-index:3;opacity:.08;background-image:url('./noise.png');background-size:64px 64px}.vignette{pointer-events:none;position:fixed;inset:0;z-index:2;background:radial-gradient(ellipse at 65% 42%,transparent 25%,rgba(9,17,12,.6) 100%)}body.menu-open .vignette{background:linear-gradient(90deg,rgba(12,21,16,.92),rgba(12,21,16,.28) 65%,rgba(12,21,16,.52)),linear-gradient(0deg,rgba(12,21,16,.8),transparent 35%)}.topbar{height:82px;position:fixed;inset:0 0 auto;z-index:8;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(#111a1599,transparent)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{font-style:italic;border:2px solid var(--yellow);color:var(--yellow);width:29px;height:31px;display:grid;place-items:center;font-size:25px}.brand-light{font-weight:500}.edition{font-size:12px;letter-spacing:.17em;font-weight:600}.edition span{padding:0 12px;color:var(--yellow)}nav{display:flex;gap:18px;align-items:center}.icon-button{background:transparent;border:0;font-size:12px;letter-spacing:.12em;padding:12px 0}.icon-button span{color:var(--yellow);padding-left:7px}#fullscreen{font-size:25px;padding:7px}.menu{position:relative;z-index:4;min-height:100svh;padding:135px 6vw 100px;display:flex;align-items:center;justify-content:space-between;gap:45px}.intro{padding-bottom:15px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--yellow);display:flex;align-items:center;gap:14px}.line{width:30px;height:2px;background:var(--yellow)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,12vw,178px);font-weight:800;letter-spacing:-.035em;line-height:.88;margin:26px 0 32px;white-space:nowrap;text-shadow:0 4px 24px #0003}h1>span{color:var(--yellow)}h1 small{display:block;font-size:clamp(17px,1.7vw,25px);letter-spacing:.31em;margin:20px 0 0;font-weight:500;color:#d9dfcf}.lead{font-size:20px;line-height:1.5;color:#d0d6c6;margin:0 0 33px}.primary{border:1px solid var(--yellow);background:var(--yellow);color:#1d261c;font-size:14px;letter-spacing:.12em;font-weight:800;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:50px;min-width:300px;transition:background .2s,transform .2s}.primary:hover{background:#f4d780;transform:translateY(-2px)}.primary>span{border-left:1px solid #26331f66;padding-left:25px;font-family:'Barlow Condensed',sans-serif;font-size:22px;line-height:1}.start-note{font-size:11px;letter-spacing:.14em;color:#b4bdad;margin:15px 0 25px}.text-button{padding:8px 0;background:none;border:0;color:#dbe0d1;font-size:14px;display:flex;gap:50px;align-items:center}.text-button>span{color:var(--yellow);font-size:22px}.dossier{width:340px;flex-shrink:0;border:1px solid #c2ccb84d;background:linear-gradient(135deg,#17251fef,#152019cf);padding:27px;backdrop-filter:blur(8px);transform:rotate(-1deg)}.dossier-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#c5cdba}.stamp{color:var(--yellow);font-size:9px;border:1px solid #e5c76670;padding:5px 6px;transform:rotate(-4deg)}.dossier h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:43px;font-weight:600;line-height:1.03;margin:27px 0 15px}.dossier p{font-size:14px;line-height:1.6;color:#bfc8b8}.briefing{list-style:none;padding:7px 0 5px;margin:20px 0}.briefing li{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.briefing li>span{font-family:'Barlow Condensed',sans-serif;color:var(--yellow);font-size:23px}.briefing strong{font-weight:500;font-size:16px}.briefing small{display:block;color:#a3af9e;font-size:12px;margin-top:4px}.dossier-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em;color:#a9b5a2}.menu-footer{position:absolute;bottom:30px;left:4vw;right:4vw;border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;color:#bdc5b4}.menu-footer b{color:var(--yellow);font-weight:500;padding-left:8px}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.mission-hud{position:absolute;top:110px;left:4vw;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 3px #000}.mission-hud strong{font-size:22px;font-weight:600}.mission-hud>span:last-of-type{font-size:14px;color:#d5ddc9}.mission-progress{display:flex;gap:5px;margin-top:7px}.mission-progress i{width:48px;height:3px;background:#f2f3e440}.mission-progress i.done{background:var(--yellow)}.field-map{position:absolute;top:110px;right:4vw;width:164px;border:1px solid #c1c8a93d;background:#132018c9;padding:9px}.field-map canvas{width:144px;height:144px;display:block}.field-map>span{display:flex;justify-content:space-between;padding:8px 0 0;font-size:10px;letter-spacing:.08em;color:#c6cfb9}.field-map b{color:var(--yellow);font-weight:500}#crosshair{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000)}#crosshair i{background:#f0efd5;position:absolute}#crosshair i:nth-child(1){width:2px;height:6px;left:11px;top:0}#crosshair i:nth-child(2){width:2px;height:6px;left:11px;bottom:0}#crosshair i:nth-child(3){height:2px;width:6px;left:0;top:11px}#crosshair i:nth-child(4){height:2px;width:6px;right:0;top:11px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;color:var(--yellow);opacity:0}#interaction{position:absolute;top:61%;left:50%;transform:translateX(-50%);padding:10px 16px;background:#111c16dd;border:1px solid #e5c76670;color:var(--yellow);font-size:14px;max-width:90vw;text-align:center;display:none}#message{position:absolute;top:30%;left:50%;transform:translateX(-50%);text-align:center;color:#e5edda;font-size:15px;letter-spacing:.04em;background:#132219de;padding:12px 20px;border-left:2px solid var(--yellow);opacity:0;transition:opacity .2s;max-width:90vw}.bottom-hud{position:absolute;bottom:80px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:flex-end;text-shadow:0 2px 4px #000}.bottom-hud>div>span{font-size:11px;letter-spacing:.15em;color:#cbd6bf}.bottom-hud strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:600;line-height:1.15}.bottom-hud strong small{font-family:Barlow,sans-serif;font-size:17px;font-weight:400;color:#becab5}.health-track{width:140px;background:#ffffff28;height:4px;margin-top:9px}.health-track i{display:block;background:var(--yellow);height:100%;width:100%;transition:width .2s}.weapon-hud{text-align:right}.weapon-slots{display:flex;gap:8px;margin-top:12px;pointer-events:auto}.weapon-slots button{background:#111b15cc;border:1px solid #b3c3a333;padding:8px 10px;font-size:13px;color:#afbd9f}.weapon-slots button span{font-size:10px;padding-left:6px}.weapon-slots button.active{border-color:var(--yellow);color:var(--yellow)}.help-strip{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:11px;white-space:nowrap;letter-spacing:.03em;color:#d0d8c2}.help-strip span{margin:0 9px;color:#78876e}#pause-button{pointer-events:auto;position:absolute;right:4vw;bottom:22px;background:#111b1580;border:1px solid var(--border);padding:8px 13px;font-size:17px}#damage{position:fixed;inset:0;z-index:6;background:radial-gradient(ellipse,transparent 35%,#b32119b3);pointer-events:none;opacity:0}.overlay{position:fixed;inset:0;background:#0e1911bb;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:12;padding:20px}.overlay-card{width:min(470px,100%);padding:40px;border:1px solid var(--border);background:#19241bf2}.overlay-card h2,dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:48px;line-height:1.05;margin:20px 0}.overlay-card>p:not(.eyebrow){line-height:1.6;color:#c0cbb6;font-size:16px}.overlay-card button{width:100%;margin-top:15px;min-width:0;justify-content:center}.overlay-card .text-button{font-size:14px}.secondary{background:transparent;border:1px solid var(--border);padding:15px;font-size:12px;letter-spacing:.08em}#result-stats{display:flex;gap:25px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;margin:25px 0}#result-stats strong{font-family:'Barlow Condensed',sans-serif;display:block;font-size:28px;color:var(--yellow)}#result-stats span{font-size:12px;color:#bbc7ac}dialog{max-width:470px;width:calc(100% - 32px);border:1px solid var(--border);background:#18221b;color:var(--ink);padding:35px;max-height:85svh}dialog::backdrop{background:#08120dc9;backdrop-filter:blur(4px)}.close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:30px}dl{margin-top:28px}dl>div{display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--border);padding:11px 0;font-size:14px}dt{color:var(--yellow)}dd{margin:0;text-align:right;color:#ccd5c1}.controls-note{font-size:14px;line-height:1.6;color:#b2c0a6}#touch{position:fixed;inset:0;z-index:7;pointer-events:none;touch-action:none}#joystick{position:absolute;left:25px;bottom:90px;width:116px;height:116px;border:1px solid #dae6c970;border-radius:50%;background:#15221955;pointer-events:auto;touch-action:none}#stick{width:46px;height:46px;border-radius:50%;background:#dce5d07a;position:absolute;left:34px;top:34px;border:1px solid #f1f3e899}#look-zone{position:absolute;right:0;top:75px;width:55%;bottom:45px;pointer-events:auto;touch-action:none}#touch button{position:absolute;pointer-events:auto;touch-action:none;border:1px solid #e5c7669c;background:#1c291abb;border-radius:50%;color:var(--yellow);font-size:18px;font-weight:700;width:52px;height:52px}#touch-fire{right:28px;bottom:125px;width:75px!important;height:75px!important}#touch-reload{right:116px;bottom:100px}#touch-interact{right:30px;bottom:54px}body.playing .topbar{height:65px}body.playing .edition{display:none}body.playing .brand{font-size:18px}body.playing .brand-mark{width:24px;height:25px;font-size:20px}body.touch-mode .help-strip{display:none}body.touch-mode .bottom-hud{bottom:20px}body.touch-mode .health-track{width:90px}body.touch-mode .bottom-hud strong{font-size:38px}body.touch-mode .weapon-slots{position:fixed;bottom:20px;left:50%;transform:translateX(-50%)}body.touch-mode .weapon-slots button span{display:none}body.touch-mode #pause-button{top:78px;bottom:auto;right:18px}body.touch-mode .mission-hud{top:80px;left:18px}body.touch-mode .mission-hud strong{font-size:18px}body.touch-mode .field-map{top:126px;right:18px;width:110px;padding:5px}body.touch-mode .field-map canvas{width:98px;height:98px}body.touch-mode .field-map>span{font-size:8px}body.touch-mode .weapon-hud{max-width:150px}body.touch-mode .bottom-hud>div>span{font-size:9px}
@media(min-width:1600px){.menu{padding-left:9vw;padding-right:9vw}.dossier{width:380px;padding:32px}}@media(max-width:1000px){h1{font-size:105px}.menu{gap:25px;padding-left:5vw;padding-right:5vw}.dossier{width:290px;padding:22px}.dossier h2{font-size:37px}.edition{display:none}.lead{font-size:18px}}@media(max-width:720px){.topbar{height:64px;padding:0 22px}.brand{font-size:18px}.brand-mark{width:24px;height:26px;font-size:20px}nav{gap:16px}.menu{padding:95px 25px 85px;align-items:flex-start;overflow:auto;height:100svh;display:block;background:linear-gradient(90deg,#0d1a13ad,#0d1a1344)}.intro{padding-top:5px}h1{font-size:clamp(80px,18vw,125px);margin:25px 0}h1 small{font-size:16px;letter-spacing:.2em}.eyebrow{font-size:10px}.lead{font-size:17px;margin:0 0 25px}.primary{min-width:0;width:min(100%,360px);padding:17px 20px}.start-note{font-size:9px;letter-spacing:.07em;margin-bottom:15px}.dossier{width:100%;max-width:420px;transform:none;margin-top:27px;padding:18px}.dossier h2{font-size:29px;margin:20px 0 10px}.dossier h2 br{display:none}.dossier p{font-size:14px}.briefing{margin:15px 0}.briefing li{padding:10px 0}.dossier-bottom{font-size:9px;padding-top:15px}.menu-footer{position:static;margin-top:30px;font-size:9px;line-height:1.5;gap:15px;align-items:flex-end}.menu-footer>span:first-child{max-width:180px}.menu-footer>span:last-child{text-align:right}.overlay-card{padding:28px}.overlay-card h2{font-size:40px}.field-map{width:110px}.field-map canvas{width:90px;height:90px}.help-strip{display:none}}@media(max-height:600px) and (min-width:721px){.menu{padding-top:100px;padding-bottom:60px}.topbar{height:64px}h1{font-size:100px;margin:20px 0}.lead{font-size:17px;margin-bottom:20px}.dossier{padding:18px}.dossier h2{font-size:30px;margin:20px 0 10px}.dossier p{font-size:13px}.briefing{margin:10px 0}.briefing li{padding:10px 0}.menu-footer{bottom:16px;padding-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.grain{display:none}}

body.touch-mode #hud{z-index:8}