:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #06100c;--glass: rgba(5, 18, 14, .76);--glass-strong: rgba(5, 16, 13, .94);--line: rgba(220, 255, 222, .18);--line-hot: rgba(179, 255, 152, .52);--mint: #b9ff91;--cyan: #75e8dc;--amber: #ffd16a;--red: #ff6b65;--text: #f2f7ef;--muted: rgba(235, 245, 234, .65)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#07140f}body{user-select:none;-webkit-user-select:none;touch-action:none;color:var(--text)}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:#849d88}#vignette{position:fixed;inset:-10%;pointer-events:none;z-index:8;background:radial-gradient(circle at 50% 45%,transparent 42%,rgba(3,10,7,.12) 70%,rgba(2,7,5,.72) 100%)}#film-grain{position:fixed;inset:0;pointer-events:none;z-index:7;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");animation:grain .35s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(1.5%,1.5%)}to{transform:translate(-1%)}}#hit-flash{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--hit-x, 50%) var(--hit-y, 50%),rgba(255,255,255,1) 0 1.2%,rgba(255,209,106,.74) 3.5%,rgba(117,232,220,.24) 11%,rgba(255,255,255,.06) 24%,transparent 42%);mix-blend-mode:screen}#hit-flash.active{animation:hit-flash .31s cubic-bezier(.08,.72,.16,1)}@keyframes hit-flash{0%{opacity:1;transform:scale(.82)}38%{opacity:.76}to{opacity:0;transform:scale(1.18)}}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s}.screen.visible{opacity:1;visibility:visible;pointer-events:auto}.panel-screen{background:radial-gradient(circle at 50% 35%,#1d3c2b47,#030907cc);backdrop-filter:blur(15px) saturate(.9)}#loading-screen{background:#06100c}.loading-card{width:min(520px,92vw);text-align:center}.loading-card h1,.hero-copy h1{font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:900;margin:8px 0;line-height:.78;letter-spacing:-.06em;font-size:clamp(58px,12vw,120px);text-shadow:0 18px 55px rgba(0,0,0,.45)}.loading-card h1 em,.hero-copy h1 em{display:block;margin-top:.14em;font-size:.33em;letter-spacing:.23em;color:var(--mint);font-style:italic}.loading-card>p:not(.kicker){color:var(--muted);font-size:13px}.brand-mark{display:flex;gap:7px;justify-content:center;margin-bottom:25px}.brand-mark span{width:8px;height:30px;border-radius:999px;background:var(--mint);box-shadow:0 0 25px #b9ff9173;transform:skew(-16deg)}.brand-mark span:nth-child(2){height:45px}.brand-mark span:nth-child(3){height:22px}.load-track{height:3px;margin-top:24px;background:#ffffff17;overflow:hidden}#load-progress{width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--amber));box-shadow:0 0 18px var(--mint);transition:width .25s ease}#load-percent{font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:800;letter-spacing:.16em}#menu-screen{place-items:end start;background:linear-gradient(90deg,rgba(2,9,6,.9) 0%,rgba(2,9,6,.58) 37%,rgba(2,9,6,.04) 68%,transparent 100%),linear-gradient(0deg,rgba(2,8,5,.65),transparent 45%);padding:clamp(25px,5vw,80px)}.hero-copy{max-width:min(700px,78vw);padding-bottom:min(7vh,70px)}.kicker{margin:0 0 9px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;color:var(--mint);font-weight:800;font-size:12px;letter-spacing:.28em}.hero-deck{max-width:58ch;margin:27px 0;color:#f4faf1ba;font-size:clamp(14px,1.35vw,18px);line-height:1.65}.menu-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.ghost-button{min-width:185px;min-height:54px;border-radius:4px;border:1px solid transparent;padding:0 24px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:transform .18s,filter .18s,background .18s,border-color .18s}.primary-button{color:#07120c;background:linear-gradient(135deg,#d5ffb0,#91ef9b);box-shadow:0 12px 42px #72de8b38,inset 0 1px #ffffffb3}.secondary-button{color:var(--text);background:#091a13a6;border-color:#d3ffd040;backdrop-filter:blur(10px)}.ghost-button{color:var(--muted);background:transparent;border-color:#ffffff1a}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible{transform:translateY(-2px);filter:brightness(1.1);outline:2px solid rgba(185,255,145,.8);outline-offset:3px}.control-hints{display:flex;flex-wrap:wrap;gap:19px;margin-top:30px;color:#f0f8ed7a;font-size:10px;letter-spacing:.08em}.control-hints span{display:grid;gap:3px}.control-hints b{color:#f0f8eddb;font-size:10px}.menu-stats{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(25px,5vw,70px);display:flex;gap:12px}.menu-stats div{min-width:135px;padding:15px 17px;border:1px solid var(--line);background:#05120d8c;backdrop-filter:blur(15px)}.menu-stats span,.hud-cell span,.report-grid span,.final-score span{display:block;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;color:#f0f8ed8a;font-weight:700;letter-spacing:.15em;font-size:10px}.menu-stats strong{display:block;margin-top:4px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;color:var(--amber);font-size:25px}#hud{position:fixed;z-index:15;top:max(13px,env(safe-area-inset-top));left:max(13px,env(safe-area-inset-left));right:max(13px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;gap:12px;transition:opacity .3s,visibility .3s;pointer-events:none}.hud-bank{display:flex;gap:7px}.hud-bank-right{justify-content:flex-end}.hud-cell,.mission-panel{border:1px solid var(--line);background:linear-gradient(145deg,#030d09d4,#081b139e);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 15px 40px #0000002e,inset 0 1px #ffffff14}.hud-cell{min-width:104px;padding:10px 13px}.hud-cell strong{display:block;margin-top:2px;color:var(--text);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:clamp(19px,2.2vw,29px);line-height:1;letter-spacing:.03em}.score-cell strong{color:var(--amber)}.mission-panel{min-width:min(420px,35vw);padding:9px 18px 11px;text-align:center}.mission-panel>span{display:block;color:var(--mint);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.25em}.mission-panel>strong{display:block;margin-top:1px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:18px;letter-spacing:.06em}.mission-pips{display:flex;justify-content:center;gap:4px;margin-top:7px}.mission-pip{width:15px;height:4px;background:#ffffff21;border-radius:3px;transition:background .25s,box-shadow .25s}.mission-pip.hit{background:var(--mint);box-shadow:0 0 12px #b9ff91b8}.mission-pip.miss{background:var(--red)}#crosshair{position:fixed;z-index:18;width:70px;height:70px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65));transition:opacity .25s,visibility .25s}.crosshair-ring{position:absolute;inset:17px;border:1px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px #020906bf,0 0 15px #75e8dc61}.crosshair-dot{position:absolute;width:4px;height:4px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.crosshair-tick{position:absolute;width:1px;height:13px;left:50%;top:1px;background:#fff;transform-origin:50% 34px}.crosshair-tick.t2{transform:rotate(90deg)}.crosshair-tick.t3{transform:rotate(180deg)}.crosshair-tick.t4{transform:rotate(270deg)}#crosshair.firing{animation:crosshair-fire .13s ease-out}#crosshair.confirmed .crosshair-ring{animation:crosshair-confirm .32s cubic-bezier(.08,.72,.16,1)}#crosshair.confirmed .crosshair-tick{animation:tick-confirm .32s cubic-bezier(.08,.72,.16,1);background:var(--amber)}#crosshair.locked .crosshair-ring{border-color:var(--amber);box-shadow:0 0 18px var(--amber);transform:scale(.78)}#app.high-contrast #crosshair{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 4px #000)}#app.high-contrast .crosshair-ring,#app.high-contrast .crosshair-tick{border-color:#fff;background:#fff}@keyframes crosshair-fire{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(.68)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes crosshair-confirm{0%{transform:scale(.62);border-color:#fff;box-shadow:0 0 30px #fff}50%{transform:scale(1.22);border-color:var(--amber);box-shadow:0 0 26px var(--amber)}to{transform:scale(1);border-color:#fffffff2}}@keyframes tick-confirm{0%{height:13px}45%{height:22px}to{height:13px}}#shot-reticle{position:fixed;z-index:17;pointer-events:none;width:158px;height:158px;opacity:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 1.6%,#fff4cb 3.5%,#ffd16a 7%,rgba(255,119,42,.78) 13%,rgba(255,209,106,.16) 29%,transparent 58%);mix-blend-mode:screen}#shot-reticle:before,#shot-reticle:after{content:"";position:absolute;inset:8%;background:conic-gradient(from 8deg,transparent 0 6%,rgba(255,245,213,.95) 7% 9%,transparent 10% 22%,rgba(255,185,84,.78) 23% 25%,transparent 26% 47%,rgba(255,255,255,.9) 48% 50%,transparent 51% 72%,rgba(255,185,84,.76) 73% 75%,transparent 76% 100%);clip-path:polygon(48% 0,52% 0,55% 42%,100% 48%,100% 52%,55% 56%,52% 100%,48% 100%,45% 56%,0 52%,0 48%,45% 42%)}#shot-reticle:after{inset:20%;transform:rotate(45deg);filter:blur(1px)}#shot-reticle.active{animation:muzzle .2s cubic-bezier(.05,.72,.16,1)}@keyframes muzzle{0%{opacity:1;transform:translate(-50%,-50%) scale(.08) rotate(-8deg)}38%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.3) rotate(9deg)}}.score-cell.earned{animation:score-earned .5s cubic-bezier(.08,.72,.16,1)}@keyframes score-earned{0%{border-color:#fff;box-shadow:0 0 28px #ffd16ae6}to{border-color:var(--line);box-shadow:0 15px 40px #0000002e,inset 0 1px #ffffff14}}#impact-score{position:fixed;z-index:20;pointer-events:none;min-width:130px;transform:translate(-50%,-50%);opacity:0;text-align:center;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.38),0 8px 25px rgba(0,0,0,.5)}#impact-score strong{display:block;color:var(--amber);font-size:clamp(30px,4vw,58px);line-height:.85;letter-spacing:-.035em}#impact-score small{display:block;margin-top:7px;color:var(--mint);font-size:10px;letter-spacing:.2em;white-space:nowrap}#impact-score.golden strong{color:#fff0a1;text-shadow:0 0 18px rgba(255,209,106,.8),0 3px 0 rgba(0,0,0,.38)}#impact-score.active{animation:impact-score .92s cubic-bezier(.08,.72,.16,1)}@keyframes impact-score{0%{opacity:0;transform:translate(-50%,-25%) scale(.55)}13%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}55%{opacity:1;transform:translate(-50%,-78%) scale(1)}to{opacity:0;transform:translate(-50%,-128%) scale(.92)}}#toast{position:fixed;z-index:19;left:50%;top:21%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;text-align:center;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:900;font-size:clamp(35px,6vw,82px);letter-spacing:-.035em;text-shadow:0 4px 0 rgba(0,0,0,.3),0 14px 45px rgba(0,0,0,.38)}#toast small{display:block;color:var(--mint);font-size:.18em;letter-spacing:.22em;margin-top:7px}#toast.visible{animation:toast-in 1.25s cubic-bezier(.18,.86,.24,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}13%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1.06)}}#ranger-comms{position:fixed;z-index:16;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 30px));display:flex;align-items:center;gap:10px;transition:opacity .3s,visibility .3s;pointer-events:none}.comms-avatar{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(185,255,145,.32);border-radius:50%;background:radial-gradient(circle at 35% 28%,#6a4128,#2c180d 72%);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff29;color:var(--mint);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:900;font-size:23px}#ranger-comms>div:last-child{min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:var(--glass);backdrop-filter:blur(13px);box-shadow:0 12px 32px #00000040}#ranger-comms span{display:block;color:var(--mint);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:800;font-size:9px;letter-spacing:.18em}#ranger-comms strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}#quick-controls{position:fixed;z-index:21;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:7px;transition:opacity .3s,visibility .3s}#quick-controls button{height:43px;min-width:74px;border:1px solid var(--line);background:var(--glass);color:var(--text);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.11em;backdrop-filter:blur(12px);cursor:pointer}#quick-controls button:hover,#quick-controls button:focus-visible{border-color:var(--line-hot);outline:1px solid var(--mint)}.panel-card{width:min(690px,94vw);max-height:calc(100vh - 38px);overflow:auto;padding:clamp(26px,5vw,54px);border:1px solid rgba(219,255,213,.18);background:linear-gradient(145deg,#071912f7,#030c09f5);box-shadow:0 35px 110px #00000094,inset 0 1px #ffffff17;text-align:center}.panel-card.compact{width:min(430px,94vw);display:grid;gap:12px}.panel-card h2{margin:0 0 24px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:clamp(48px,8vw,76px);line-height:.9;letter-spacing:-.035em}.panel-copy{color:var(--muted);line-height:1.55}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.report-grid div{padding:14px 8px;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.report-grid strong{display:block;margin-top:5px;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:25px;color:var(--amber)}.final-score{margin:10px 0 24px}.final-score strong{display:block;color:var(--amber);font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:clamp(55px,11vw,110px);line-height:.9}.report-card .secondary-button{margin-top:10px}.settings-card{width:min(560px,94vw);text-align:left}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2{margin-bottom:0}.close-button{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);background:#ffffff0a;color:#fff;font-size:28px;cursor:pointer}.settings-card label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);color:#f0f8edb3;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.12em}.settings-card select{min-width:145px;padding:10px;border:1px solid var(--line);background:#0b1e16;color:#fff}.settings-card input[type=range]{width:min(210px,42vw);accent-color:var(--mint)}.settings-card output{min-width:50px;text-align:right;color:var(--mint)}.settings-card label:has(input[type=range]){grid-template-columns:1fr auto auto}.toggle-row input{width:20px;height:20px;accent-color:var(--mint)}.settings-note{color:#f0f8ed73;font-size:11px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){#hud{grid-template-columns:1fr 1fr;gap:6px}.mission-panel{grid-column:1 / 3;grid-row:2;min-width:0}.hud-cell{flex:1;min-width:0;padding:8px 9px}.hud-cell strong{font-size:19px}.menu-stats{display:none}.hero-copy{max-width:92vw}.report-grid{grid-template-columns:1fr 1fr}}@media (max-width: 620px){#menu-screen{padding:21px;place-items:end start}.hero-copy{padding-bottom:82px}.hero-deck{margin:18px 0;line-height:1.45}.primary-button,.secondary-button,.ghost-button{min-width:145px;min-height:49px;padding:0 17px;font-size:14px}.control-hints{display:none}#hud{top:max(5px,env(safe-area-inset-top));left:5px;right:5px}.hud-cell span{font-size:8px}.mission-panel{padding:6px 10px 8px}.mission-panel>strong{font-size:14px}.mission-pip{width:10px}#shot-reticle{width:132px;height:132px}#impact-score{min-width:108px}#impact-score strong{font-size:34px}#impact-score small{margin-top:5px;font-size:8px;letter-spacing:.15em}#ranger-comms{bottom:62px;width:260px}.comms-avatar{width:40px;height:40px;font-size:18px}#ranger-comms>div:last-child{padding:8px 10px}#ranger-comms strong{font-size:11px}#quick-controls{bottom:7px;right:7px}#quick-controls button{height:39px;min-width:62px;font-size:9px}.panel-card{padding:25px 18px}.settings-card label:has(input[type=range]){grid-template-columns:1fr auto}.settings-card output{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#film-grain{animation:none}}