:root{color-scheme:dark;--app-height: 100dvh;--bg: #020403;--panel: rgba(4, 12, 6, .76);--panel-strong: rgba(5, 18, 9, .88);--line: rgba(115, 255, 154, .42);--line-strong: rgba(177, 255, 200, .88);--ink: #0c1a0f;--nv-soft: #89ff9d;--nv-bright: #d9ffe0;--nv-hot: #f1ffbf;--danger: #ffd486;--bad: #ff8b8b;--pad: 18px;font-family:Avenir Next Condensed,Arial Narrow,sans-serif;background:radial-gradient(circle at top,#061109,#020403 55%,#010201)}*{box-sizing:border-box}html,body,#app,.shell,.frame,.frame *,.hud,.overlay,.panel,.brief,.result,.touch-bank,.mission-banner,.status-pill,.flight-pad,.trigger-pad,.overlay-button,.reticle{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,canvas,button{-webkit-user-drag:none}html,body{margin:0;min-height:var(--app-height);overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(94,255,130,.08),transparent 32%),linear-gradient(180deg,#061008,#020403)}body{display:grid;place-items:center}#app{position:fixed;inset:0;width:100vw;height:var(--app-height);overflow:hidden;touch-action:none}.shell{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;overscroll-behavior:none}.frame{position:relative;width:min(100vw,calc(var(--app-height) * 16 / 10));height:min(var(--app-height),62.5vw);overflow:hidden;touch-action:none;overscroll-behavior:none;border:1px solid rgba(115,255,154,.18);background:linear-gradient(180deg,rgba(55,127,67,.05),transparent 28%),radial-gradient(circle at 50% 0%,rgba(103,255,138,.08),transparent 40%),#020403;box-shadow:inset 0 0 0 1px #73ff9a0f,0 26px 100px #00000080}.frame:before,.frame:after{content:"";position:absolute;inset:0;pointer-events:none}.frame:before{background:repeating-linear-gradient(180deg,rgba(198,255,207,.06) 0,rgba(198,255,207,.06) 1px,transparent 1px,transparent 4px),radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.32) 100%);mix-blend-mode:screen}.frame:after{inset:12px;border:1px solid rgba(115,255,154,.12)}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;touch-action:none}.hud *{touch-action:none}.panel,.brief,.result,.touch-bank,.mission-banner,.status-pill,.flight-pad,.trigger-pad{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.panel{position:absolute;top:var(--pad);width:180px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 0 0 1px #b1ffc80d}.panel-left{left:var(--pad)}.panel-right{right:var(--pad)}.eyebrow,.metric-label,.overlay-tag,.brief-route,.mission-banner__title,.status-pill__text,.touch-label{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.18em}.eyebrow{color:#d9ffe0a3;font-size:.62rem}.stack{margin-top:8px;display:grid;gap:8px}.metric{display:flex;justify-content:space-between;align-items:end;gap:12px}.metric-label{font-size:.58rem;color:#d9ffe09e}.metric-value,.metric-value-small{font-family:IBM Plex Mono,SFMono-Regular,monospace;color:var(--nv-bright)}.metric-value{font-size:1.05rem}.metric-value-small{font-size:.8rem}.meter{margin-top:5px;height:10px;border:1px solid var(--line);background:#00000059;overflow:hidden}.meter-fill{height:100%;transform-origin:left center;background:linear-gradient(90deg,#55db74,#b9ffc6)}.mission-banner{position:absolute;top:max(34px,calc(env(safe-area-inset-top,0px) + 34px));left:250px;right:250px;width:auto;padding:10px 14px;background:#051008cc;border:1px solid rgba(115,255,154,.4)}.mission-banner__header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.mission-banner__title{color:var(--nv-bright);font-size:.72rem}.mission-banner__objective{margin-top:6px;color:#d9ffe0ad;font-size:.74rem;line-height:1.35}.status-pill{position:absolute;top:132px;left:50%;transform:translate(-50%);min-width:184px;padding:8px 14px;background:#07130ad1;border:1px solid rgba(115,255,154,.36);opacity:0;transition:opacity .15s linear}.status-pill[data-visible=true]{opacity:1}.status-pill__text{text-align:center;color:var(--nv-hot);font-size:.68rem}.reticle{position:absolute;width:116px;height:116px;transform:translate(-50%,-50%);color:#d9ffe0eb;opacity:0;transition:opacity .14s linear,transform .12s ease,color .12s ease,filter .12s ease}.reticle[data-visible=true]{opacity:1}.reticle[data-state=tracking]{color:#f1ffbffa;filter:drop-shadow(0 0 10px rgba(241,255,191,.18))}.reticle[data-state=lock]{color:#ffd486fa;transform:translate(-50%,-50%) scale(.92);filter:drop-shadow(0 0 14px rgba(255,212,134,.22))}.reticle:before,.reticle:after,.reticle-ring:before,.reticle-ring:after{content:"";position:absolute;background:currentColor}.reticle:before{left:0;right:0;top:50%;height:1px}.reticle:after{top:0;bottom:0;left:50%;width:1px}.reticle-ring{position:absolute;inset:30px;border:1px solid currentColor;border-radius:999px}.reticle-ring:before{top:-8px;left:50%;width:1px;height:16px}.reticle-ring:after{left:-8px;top:50%;width:16px;height:1px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#0104025c,#010402d1);pointer-events:auto;touch-action:none}.overlay[hidden]{display:none}.brief,.result{width:min(84%,440px);max-height:100%;overflow:auto;padding:22px;background:var(--panel-strong);border:1px solid rgba(115,255,154,.4);box-shadow:inset 0 0 0 1px #b1ffc80f}.overlay-tag{color:#d9ffe09e;font-size:.64rem}.overlay-title{margin:10px 0 0;color:var(--nv-bright);font-size:1.85rem;line-height:.96;text-transform:uppercase;letter-spacing:.02em}.overlay-copy{margin:14px 0 0;color:#d9ffe0cc;font-size:.92rem;line-height:1.45}.detail-grid{margin-top:18px;display:grid;gap:10px}.detail-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding-top:9px;border-top:1px solid rgba(115,255,154,.16)}.detail-row span:first-child{color:#d9ffe085;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.detail-row span:last-child{color:var(--nv-soft);text-align:right;font-size:.76rem;line-height:1.35;text-transform:uppercase}.brief-route{margin-top:18px;color:#d9ffe0bd;font-size:.64rem;line-height:1.6;white-space:pre-line}.overlay-button{margin-top:20px;width:100%;padding:14px 18px;border:1px solid rgba(177,255,200,.7);background:linear-gradient(180deg,#0a200deb,#061308f5);color:var(--nv-bright);font-family:Impact,Arial Narrow,sans-serif;font-size:.92rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.overlay-button:hover,.overlay-button:focus-visible{outline:none;border-color:#d9ffe0fa}.tiny-note{margin-top:12px;color:#d9ffe085;font-size:.72rem;line-height:1.45}.touch-bank{position:absolute;left:18px;right:18px;bottom:max(48px,calc(env(safe-area-inset-bottom,0px) + 48px));display:flex;justify-content:space-between;align-items:end;pointer-events:none;touch-action:none}.flight-pad,.trigger-pad{pointer-events:auto;position:relative;background:#050f08b8;border:1px solid rgba(115,255,154,.38);box-shadow:inset 0 0 0 1px #b1ffc80a}.flight-pad{width:172px;height:172px}.flight-grid{position:absolute;inset:16px;border:1px solid rgba(115,255,154,.2)}.flight-grid:before,.flight-grid:after{content:"";position:absolute;background:#73ff9a2e}.flight-grid:before{left:0;right:0;top:50%;height:1px}.flight-grid:after{top:0;bottom:0;left:50%;width:1px}.flight-knob{position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border:1px solid rgba(217,255,224,.76);border-radius:50%;box-shadow:0 0 24px #73ff9a1f}.trigger-pad{width:168px;height:120px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.trigger-pad[data-active=true]{border-color:#d9ffe0d1;box-shadow:inset 0 0 0 1px #d9ffe01a,0 0 24px #73ff9a1f}.trigger-title{color:var(--nv-bright);font-size:1.45rem}.touch-label{color:#d9ffe0a3;font-size:.64rem}@media(max-width:880px){.frame{width:100vw;height:var(--app-height);border:none}.panel{width:150px;padding:9px 10px}.metric-value{font-size:.92rem}.mission-banner{top:max(74px,calc(env(safe-area-inset-top,0px) + 74px));left:178px;right:178px;width:auto;padding:9px 10px}.status-pill{top:174px}.brief,.result{width:min(88%,360px);padding:18px}.overlay-title{font-size:1.5rem}.touch-bank{left:14px;right:14px;bottom:max(42px,calc(env(safe-area-inset-bottom,0px) + 42px))}.flight-pad{width:148px;height:148px}.trigger-pad{width:144px;height:108px}}@media(max-width:430px){.panel{width:126px;padding:8px}.mission-banner{top:max(86px,calc(env(safe-area-inset-top,0px) + 86px));left:146px;right:146px;padding:8px}.mission-banner__title{font-size:.62rem}.mission-banner__objective{font-size:.56rem;line-height:1.18}.status-pill{top:188px;min-width:150px;padding:6px 10px}.status-pill__text{font-size:.58rem}}