@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#101411;--panel:#191e19;--line:#30372c;--text:#e5e7d9;--muted:#858e7d;--lime:#c4ed80;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:500 10px var(--mono);letter-spacing:1px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.app{max-width:1640px;margin:auto}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:800;letter-spacing:4px;color:var(--text);text-decoration:none}.brand-icon{font-size:29px;color:var(--lime);border:1px solid #5a6e42;width:37px;height:40px;text-align:center;line-height:38px}.brand-sub{margin-left:9px;padding-left:22px;border-left:1px solid var(--line);font:10px var(--mono);letter-spacing:2px;color:var(--muted)}.connection{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:7px}.connection span{margin:0 16px;color:#434b3c}.icon-button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:11px 14px}main{padding:35px 4% 0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:var(--muted)}h1{font-weight:500;font-size:27px;letter-spacing:-1px;margin:12px 0 0}.build{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.build b{font-size:25px;color:var(--text);margin-left:12px}.build span{display:block;margin-top:7px;font-size:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:22px}.game-panel{border:1px solid #414a35;min-width:0;background:#151b15}.arena-top,.arena-bottom{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1px}.arena-top{height:40px;padding:0 18px;color:#c0c8b3;border-bottom:1px solid var(--line)}#status{font-size:8px;color:#8e9a80}.viewport{position:relative;height:540px;overflow:hidden;background:#222a20}canvas{width:100%;height:100%;display:block;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #0007}.coordinates{position:absolute;left:22px;top:22px;color:#b6c4a6;pointer-events:none;font:15px var(--mono)}.coordinates span{font-size:7px;letter-spacing:1px;line-height:30px;color:#7d8b6b}.arena-bottom{position:absolute;bottom:0;left:0;right:0;background:#11190cd9;height:32px;padding:0 17px;color:#94a784;font-size:8px;pointer-events:none}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#11190ef5 0%,#11190ed9 35%,#11190e38 100%);display:flex;align-items:center;padding:48px}.menu-content{position:relative;max-width:440px}.menu-content .eyebrow{color:#b6cc9d;font-size:8px}.tiny-cross{color:var(--lime);font-size:19px;margin-right:6px}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:100px;line-height:.86;letter-spacing:-2px;font-weight:800;margin:24px 0}h2 em{font-style:normal;color:var(--lime)}h2>span{color:var(--lime)}.menu-content p{font-size:12px;line-height:1.9;color:#a6b29a;margin:0 0 25px}.primary{background:var(--lime);color:#202b17;border:1px solid var(--lime);padding:17px 19px;display:flex;justify-content:space-between;width:275px;text-align:left}.primary:hover{background:#d7ffa1}.primary span{font-size:16px;line-height:10px}.secondary{width:275px;background:#182313bd;border:1px solid #5a684a;padding:13px 19px;color:#b5c5a2;margin-top:10px;text-align:left}.secondary span{float:right}.menu-meta{font:8px var(--mono);letter-spacing:1.5px;color:#738365;margin-top:20px}.menu-meta span{margin:0 10px}.menu-index{position:absolute;right:24px;bottom:60px;text-align:right;font:8px/1.8 var(--mono);color:#879779}.menu-index b{font-weight:400;color:#bcd69e}.controls{min-height:52px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:9px;color:var(--muted);font:8px var(--mono)}kbd{display:inline-block;font:8px var(--mono);border:1px solid #424d37;min-width:17px;padding:4px;text-align:center;color:#bdc9ad;border-radius:2px;margin-right:3px}.controls button{background:none;border:0;color:var(--muted);font-size:8px;letter-spacing:0}.panel{border:1px solid var(--line);padding:21px;margin-bottom:15px;background:linear-gradient(120deg,#1b211a,#171c17)}.panel-label{font:9px var(--mono);letter-spacing:1px;color:#939e87;display:flex;justify-content:space-between}.panel-label>span{font-size:8px;color:#69765e}.panel h3{font-size:20px;font-weight:500;margin:23px 0 10px;letter-spacing:-.5px}.panel p{font-size:11px;line-height:1.8;color:var(--muted)}ol{list-style:none;margin:22px 0;padding:0;counter-reset:objective}li{counter-increment:objective;font-size:9px;color:#808c74;margin:17px 0;display:flex;align-items:center;gap:8px}li:before{content:'0' counter(objective);font:8px var(--mono);border:1px solid #3c4732;padding:4px}li.current{color:#d0ddbd}li.done{color:var(--lime)}li.done:before{content:'✓';color:var(--lime)}li>span{margin-left:auto;font:8px var(--mono)}.threat{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:9px;font:7px var(--mono);color:var(--muted)}.threat div{display:flex;gap:3px}.threat i{width:5px;height:11px;border-radius:0;background:#d2b76c;margin:0}.threat .dim{background:#3c4030}.threat b{font-weight:400;color:#d2b76c}.green{color:var(--lime)!important}.health-label{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font:9px var(--mono);color:var(--muted)}.health-label strong{color:var(--text);font-size:17px}.health-label small{font-size:9px;color:#77836c;font-weight:400}.health-track{margin:12px 0 22px;height:6px;background:#353d2c}.health-track>div{height:100%;background:var(--lime);width:100%;transition:width .15s}.ammo-row{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.small-label{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.ammo-row strong{display:inline-block;font:38px var(--mono);margin-top:5px}.reserve{font:17px var(--mono);color:#657359}.ammo-icon{color:#6d7d5c;line-height:.7;font-size:26px;transform:rotate(-25deg)}.ammo-track{display:flex;gap:4px;margin-top:13px}.ammo-track span{height:7px;background:var(--lime);flex:1}.ammo-track .empty{background:#343e2b}.reload-label{display:flex;justify-content:space-between;font:7px var(--mono);color:#66725d;margin-top:9px}.stats{display:flex;justify-content:space-between;padding:17px 21px}.stats strong{display:block;font:25px var(--mono);margin-top:7px}.stats>div+div{border-left:1px solid var(--line);padding-left:24px}.field-note{display:flex;gap:13px;padding:7px 7px 0;color:#7e8c70}.field-note>span{font-size:22px;color:#a2b48c}.field-note b{font:8px var(--mono);letter-spacing:1px}.field-note p{font-size:10px;line-height:1.8;margin:7px 0}footer{display:flex;justify-content:space-between;padding:25px 0;font:8px var(--mono);letter-spacing:1px;color:#65725b}footer i{width:4px;height:4px}footer b{font-weight:400;margin:0 8px}#toast{position:absolute;left:50%;top:25px;transform:translateX(-50%);background:#17220fe8;border:1px solid #829c5f;color:var(--lime);padding:11px 20px;font:10px var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(min-width:1500px){.viewport{height:640px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.panel{padding:16px}.overlay{padding:30px}h2{font-size:85px}.connection{display:none}.controls{flex-wrap:wrap}.heading{margin-bottom:22px}.viewport{height:550px}}@media(max-width:760px){header{height:65px}.brand-sub{font-size:8px;padding-left:12px}.brand{font-size:20px}main{padding-top:25px}h1{font-size:22px}.build{display:none}.workspace{grid-template-columns:1fr}.viewport{height:510px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{margin:0}.stats,.field-note{align-self:start}footer>span:nth-child(2){display:none}.arena-top{font-size:8px;padding:0 10px}#status{font-size:7px}}@media(max-width:420px){h2{font-size:78px}.overlay{padding:24px}.primary,.secondary{width:245px}.controls{font-size:7px}.panel{padding:12px}li{font-size:8px;gap:5px}.threat{gap:5px;font-size:6px}.stats>div+div{padding-left:10px}.brand-sub{display:none}.viewport{height:480px}}