:root{color-scheme:dark;--bg-top: #b8a98b;--bg-bottom: #2f281f;--paper: rgba(192, 176, 142, .78);--paper-strong: rgba(178, 161, 127, .86);--ink: #1c1814;--ink-soft: rgba(35, 28, 21, .76);--rule: rgba(54, 41, 27, .42);--rule-strong: rgba(59, 43, 26, .62);--accent: #6f8260;--accent-soft: #8e9b73;--warning: #a1773b;--danger: #82483e;--success: #5b6b47;--copy: #f2e6cc;--copy-soft: rgba(242, 230, 204, .74);--sensor: rgba(243, 236, 212, .92);--sensor-soft: rgba(243, 236, 212, .5);--sensor-faint: rgba(243, 236, 212, .18)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top,rgba(255,240,208,.28),transparent 28%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--copy);font-family:Courier Prime,Azeret Mono,IBM Plex Mono,Liberation Mono,monospace}#app{position:relative}#app:before,#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#app:before{opacity:.18;background:repeating-linear-gradient(180deg,rgba(18,14,9,.08) 0,rgba(18,14,9,.08) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 1px,transparent 1px,transparent 7px);mix-blend-mode:multiply}#app:after{background:radial-gradient(circle at center,transparent 48%,rgba(6,4,3,.26) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22))}#viewport,#viewport canvas{width:100%;height:100%;display:block}.hud{position:absolute;z-index:3;min-width:240px;max-width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid var(--rule-strong);border-radius:6px;background:linear-gradient(180deg,rgba(196,182,150,.9),rgba(150,136,108,.84)),var(--paper);box-shadow:0 18px 30px #00000038,inset 0 1px #fff1d52e,inset 0 0 0 1px #3d2b1724;color:var(--ink)}.hud-top-left{top:18px;left:18px}.hud-top-right{top:18px;right:18px}.hud-bottom-left{left:18px;bottom:18px}.hud-bottom-right{right:18px;bottom:18px}.hud-bottom-center{left:50%;bottom:28px;transform:translate(-50%)}.hud-osd{min-width:min(680px,calc(100vw - 36px));max-width:min(760px,calc(100vw - 36px));padding:0;border:none;background:none;box-shadow:none}.hud-compact{min-width:320px;max-width:min(360px,calc(100vw - 32px))}.hud-reticle{min-width:unset;max-width:unset;padding:0;border:none;background:none;box-shadow:none}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;background:rgba(20,14,10,.46)}.menu-overlay[hidden]{display:none}.menu-panel{width:min(560px,calc(100vw - 40px));max-height:min(720px,calc(100vh - 40px));overflow:auto;padding:18px;border:1px solid var(--rule-strong);border-radius:6px;background:linear-gradient(180deg,rgba(201,186,152,.97),rgba(157,143,114,.96)),var(--paper-strong);box-shadow:0 26px 44px #00000052,inset 0 0 0 1px #3c2b1724;color:var(--ink)}.menu-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.menu-title{margin:0;font-size:1.6rem;line-height:1;letter-spacing:.08em}.menu-close{min-width:88px;padding:8px 10px;border:1px solid var(--rule-strong);background:rgba(54,42,30,.9);color:#efe4cc;text-transform:uppercase;letter-spacing:.14em;font:inherit;font-size:.62rem;cursor:pointer}.menu-close:hover{background:rgba(67,52,38,.92)}.menu-copy{margin:10px 0 0;color:#211a14c7;font-size:.78rem;line-height:1.45}.menu-sections{display:grid;gap:14px;margin-top:16px}.menu-section{display:grid;gap:8px}.menu-label{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#2f24189e}.menu-list{display:grid;gap:8px}.menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px 13px;border:1px solid rgba(78,59,35,.28);background:rgba(233,221,193,.46);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.menu-item.selected{border-color:#5a6c479e;box-shadow:inset 0 0 0 1px #5a6c4729,0 0 0 1px #5a6c4724;background:rgba(236,225,198,.72)}.menu-item-copy{display:grid;gap:4px}.menu-item-type{text-transform:uppercase;letter-spacing:.18em;font-size:.54rem;color:#2f24189e}.menu-item strong{margin:0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.menu-item p{margin:0;color:#211a14c7;font-size:.72rem;line-height:1.45}.menu-state{min-width:88px;padding:8px 9px;border:1px solid var(--rule-strong);background:rgba(54,42,30,.9);color:#efe4cc;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem}.menu-footer{display:flex;flex-wrap:wrap;gap:10px 18px;margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(78,59,35,.24);color:#2f2418a8;text-transform:uppercase;letter-spacing:.14em;font-size:.56rem}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:.64rem;color:#34291bad}#telemetry{display:grid;gap:10px}.osd-ribbon,.ticker-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--rule-strong);border-radius:4px;background:rgba(38,30,22,.86);color:#efe4cc;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem}.ticker-strip{justify-content:flex-start;gap:14px}.ticker-strip strong{color:#f7edd9;font-size:.68rem;letter-spacing:.08em}.osd-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.osd-metric,.osd-line,.dossier-card,.card{border:1px solid var(--rule-strong);border-radius:4px;background:linear-gradient(180deg,rgba(204,190,158,.92),rgba(160,146,117,.9)),var(--paper-strong);color:var(--ink)}.osd-metric{padding:12px 14px;box-shadow:inset 0 0 0 1px #5c46281f}.osd-metric.warning .osd-value,.warning{color:var(--danger)}.osd-label,.osd-unit{display:block;text-transform:uppercase;letter-spacing:.18em}.osd-label{font-size:.58rem;color:#2f2418a8;margin-bottom:8px}.osd-value{display:block;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1;letter-spacing:.08em;color:var(--ink)}.osd-unit{margin-top:8px;font-size:.56rem;color:#2f2418a8}.osd-secondary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.osd-line{display:grid;gap:6px;padding:9px 12px;text-transform:uppercase}.osd-line span{color:#2f2418a8;font-size:.58rem;letter-spacing:.16em}.osd-line strong{font-size:.82rem;letter-spacing:.08em}.panel-stack{display:grid;gap:10px}.card,.dossier-card{padding:12px 14px}.card.current,.dossier-card.current{box-shadow:inset 0 0 0 1px #5465433d,0 0 0 1px #58603f1f}.mission-compact{display:grid;gap:12px}.mission-rank-row{display:flex;justify-content:space-between;gap:12px;align-items:end}.mission-label{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.18em;font-size:.54rem;color:#2f24189e}.mission-rank{margin:0;font-size:1.42rem;line-height:1;letter-spacing:.1em}.mission-score-box{min-width:110px;padding:9px 10px;border:1px solid rgba(78,59,35,.28);background:rgba(232,220,192,.48);text-align:right}.mission-score-box strong{margin:0;font-size:1.15rem;line-height:1}.mission-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mission-mini-cell{padding:8px 10px;border:1px solid rgba(78,59,35,.24);background:rgba(232,220,192,.38)}.mission-mini-cell span{display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.16em;font-size:.54rem;color:#2f24189e}.mission-mini-cell strong{margin:0;font-size:.8rem;line-height:1.3;letter-spacing:.06em}.mission-objectives{display:grid;gap:6px}.mission-line{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start;padding:6px 0;border-bottom:1px solid rgba(78,59,35,.18)}.mission-line:last-child{border-bottom:none}.mission-line span{color:#55442db3}.mission-line strong{margin:0;font-size:.74rem;letter-spacing:.04em;line-height:1.4}.recon-brief{margin-top:-2px}.card strong{display:block;margin-bottom:6px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.card p,.feed-copy{margin:0;color:#211a14cc;line-height:1.45;font-size:.74rem}.status{color:var(--success)}.control-table{display:grid;gap:6px;margin-bottom:10px}.control-head,.control-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) minmax(0,.95fr);gap:8px;align-items:start}.control-head{padding-bottom:5px;border-bottom:1px solid rgba(78,59,35,.22);text-transform:uppercase;letter-spacing:.16em;font-size:.54rem;color:#2f24189e}.control-row{padding:6px 0;border-bottom:1px solid rgba(78,59,35,.12)}.control-row:last-child{border-bottom:none}.control-action,.control-bind{font-size:.7rem;line-height:1.35}.control-action{color:#18130fe0}.control-bind{color:#211a14c2}.case-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.case-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#2f24189e}.case-header h2{margin:0;font-size:1.35rem;line-height:1;letter-spacing:.1em;color:var(--ink)}.case-subject{margin:7px 0 0;font-size:.78rem;line-height:1.35;color:var(--ink-soft)}.stamp{min-width:88px;padding:8px 10px;border:2px solid var(--rule-strong);text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;transform:rotate(-3deg);opacity:.92}.stamp-idle,.stamp-pending{border-color:#503d2594;color:#3e2f20cc}.stamp-ready{border-color:#596746c7;color:#3f4e30eb}.stamp-clear{border-color:#5a6c47e6;color:#40512ff5}.stamp-watch{border-color:#a1773be6;color:#7e5722f5}.stamp-flag{border-color:#82483eeb;color:#783126f5}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.case-cell{padding:8px 10px;border:1px solid rgba(78,59,35,.28);background:rgba(232,220,192,.42)}.case-cell span{display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.16em;font-size:.56rem;color:#2f24189e}.case-cell strong{font-size:.8rem;letter-spacing:.06em}.scan-meter{margin-top:12px;height:12px;border:1px solid var(--rule-strong);background:rgba(49,38,27,.18);overflow:hidden}.scan-fill{height:100%;background:repeating-linear-gradient(90deg,rgba(93,107,71,.92) 0,rgba(93,107,71,.92) 12px,rgba(154,170,123,.92) 12px,rgba(154,170,123,.92) 24px)}.clue-list{display:grid;gap:8px}.clue-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(78,59,35,.18);color:#1e1711d6;font-size:.74rem;line-height:1.45}.clue-item:last-child{border-bottom:none}.clue-mark{color:#55442db3;text-transform:uppercase}.verdict-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.verdict-chip{display:grid;gap:4px;min-width:112px;padding:7px 10px;border:1px solid var(--rule-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;background:rgba(229,216,188,.58)}.verdict-strip.compact{margin-top:0}.verdict-strip.compact .verdict-chip{min-width:0;flex:1 1 0}.verdict-chip strong{margin:0;font-size:.68rem;letter-spacing:.16em}.verdict-chip span{font-size:.56rem;letter-spacing:.12em}.verdict-chip.clear{color:var(--success)}.verdict-chip.watch{color:var(--warning)}.verdict-chip.flag{color:var(--danger)}.hud-collapsible{min-width:260px;padding:0;overflow:hidden}.hud-collapsible summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--ink)}.hud-collapsible summary::-webkit-details-marker{display:none}.hud-collapsible summary:after{content:"+";margin-left:auto;color:#2e2215db;font-size:1rem;line-height:1}.hud-collapsible[open] summary:after{content:"-"}.summary-copy{color:#2f241899;font-size:.58rem;letter-spacing:.14em;white-space:nowrap}.hud-collapsible .panel-stack{padding:0 14px 14px}.axis-stack{display:grid;gap:10px}.axis-row{display:grid;grid-template-columns:64px minmax(0,1fr) 52px;gap:10px;align-items:center}.axis-label,.axis-value,.readout-grid span{font-size:.72rem;letter-spacing:.04em;color:var(--ink)}.axis-value{text-align:right;color:#221a13b8}.axis-track{position:relative;height:11px;border:1px solid rgba(84,63,37,.34);overflow:hidden;background:rgba(233,219,189,.48)}.axis-track:before{content:"";position:absolute;inset:0 auto 0 50%;width:1px;background:rgba(69,53,34,.42)}.axis-handle{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:#3d3429}.axis-track-trigger:before{display:none}.axis-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(94,108,74,.64),rgba(57,68,45,.9))}.readout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.readout-grid span:nth-child(odd){color:#221a13b8}.readout-grid span:nth-child(2n){text-align:right}.button-grid{display:flex;flex-wrap:wrap;gap:8px}.button-chip{padding:6px 9px;border:1px solid rgba(78,59,35,.28);background:rgba(232,220,192,.46);color:#211a14b8;font-size:.66rem;line-height:1}.button-chip.active{color:#f5ecd8;background:rgba(52,41,29,.88);border-color:#3b2e1fcc}.reticle{position:relative;width:42px;height:42px;border:1px solid rgba(244,232,207,.84);box-shadow:0 0 18px #241d142e}.reticle:before,.reticle:after{content:"";position:absolute;background:rgba(244,232,207,.84)}.reticle:before{width:1px;height:76px;left:50%;top:50%;transform:translate(-50%,-50%)}.reticle:after{width:76px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.reticle.sensor{width:56px;height:56px;border-color:var(--sensor);box-shadow:0 0 0 1px #1e191324,0 0 24px #f2e6cc1f}.reticle.sensor:before{height:118px;background:var(--sensor)}.reticle.sensor:after{width:118px;background:var(--sensor)}.sensor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;color:var(--sensor);text-transform:uppercase;letter-spacing:.16em;text-shadow:0 0 10px rgba(30,24,18,.28)}.sensor-overlay[hidden]{display:none}.sensor-corners span{position:absolute;width:34px;height:34px;border-color:var(--sensor-soft);border-style:solid;border-width:0}.sensor-corners span:nth-child(1){top:24px;left:24px;border-top-width:1px;border-left-width:1px}.sensor-corners span:nth-child(2){top:24px;right:24px;border-top-width:1px;border-right-width:1px}.sensor-corners span:nth-child(3){bottom:24px;left:24px;border-bottom-width:1px;border-left-width:1px}.sensor-corners span:nth-child(4){right:24px;bottom:24px;border-right-width:1px;border-bottom-width:1px}.sensor-heading{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 220px));display:grid;gap:8px}.sensor-heading-tape{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}.sensor-heading-mark{position:relative;text-align:center;font-size:.58rem;color:var(--sensor-soft)}.sensor-heading-mark:before{content:"";display:block;width:1px;height:12px;margin:0 auto 6px;background:var(--sensor-soft)}.sensor-heading-mark.active{color:var(--sensor)}.sensor-heading-mark.active:before{height:20px;background:var(--sensor)}.sensor-heading-readout{justify-self:center;padding:4px 10px;border:1px solid var(--sensor-faint);font-size:.6rem;background:rgba(20,16,12,.12)}.sensor-side{position:absolute;top:50%;transform:translateY(-50%);display:grid;gap:12px}.sensor-side.left{left:22px}.sensor-side.right{right:22px}.sensor-side-label,.sensor-side-value{font-size:.6rem;color:var(--sensor)}.sensor-scale{display:grid;gap:10px}.sensor-tick{display:flex;align-items:center;gap:8px;font-size:.56rem;color:var(--sensor-soft)}.sensor-side.right .sensor-tick{flex-direction:row-reverse}.sensor-tick i{display:block;width:26px;height:1px;background:currentColor}.sensor-tick.active{color:var(--sensor)}.sensor-tick.active i{width:40px}.sensor-center{position:absolute;left:50%;top:50%;width:280px;height:220px;transform:translate(-50%,-50%)}.sensor-horizon{position:absolute;left:50%;top:50%;width:280px;height:160px}.sensor-horizon-line{position:absolute;left:50%;top:50%;width:180px;height:1px;background:var(--sensor-soft);transform:translate(-50%,-50%)}.sensor-horizon-line.short{width:60px}.sensor-horizon-line.short.left{transform:translate(-150px,-22px)}.sensor-horizon-line.short.right{transform:translate(90px,-22px)}.sensor-brackets span{position:absolute;width:34px;height:34px;border-color:var(--sensor);border-style:solid;border-width:0}.sensor-brackets .tl{top:44px;left:52px;border-top-width:1px;border-left-width:1px}.sensor-brackets .tr{top:44px;right:52px;border-top-width:1px;border-right-width:1px}.sensor-brackets .bl{bottom:44px;left:52px;border-bottom-width:1px;border-left-width:1px}.sensor-brackets .br{right:52px;bottom:44px;border-right-width:1px;border-bottom-width:1px}.sensor-center-readout{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:grid;gap:5px;justify-items:center;min-width:170px;padding:8px 12px;border:1px solid var(--sensor-faint);background:rgba(16,13,9,.16)}.sensor-center-readout span{font-size:.5rem;color:var(--sensor-soft)}.sensor-center-readout strong{font-size:.82rem;font-weight:700;color:var(--sensor)}.sensor-bottom{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(720px,calc(100vw - 120px))}.sensor-chip{min-width:108px;padding:7px 9px;border:1px solid var(--sensor-faint);background:rgba(16,13,9,.14)}.sensor-chip span{display:block;margin-bottom:4px;font-size:.5rem;color:var(--sensor-soft)}.sensor-chip strong{font-size:.68rem;line-height:1.2;color:var(--sensor)}@media (max-width: 1100px){.hud-osd{min-width:min(560px,calc(100vw - 28px));max-width:min(620px,calc(100vw - 28px))}.osd-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.hud{max-width:calc(100vw - 20px)}.hud-osd{left:10px;right:10px;min-width:unset;max-width:unset}.hud-top-right{left:10px;right:10px;top:188px;max-width:unset}.hud-bottom-left{left:10px;right:10px;bottom:10px;max-width:unset}.hud-bottom-right,.hud-bottom-center{display:none}.osd-primary,.osd-secondary,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osd-ribbon,.ticker-strip{flex-wrap:wrap}.menu-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:14px}.menu-item{grid-template-columns:minmax(0,1fr)}.menu-state{min-width:unset;width:fit-content}.sensor-heading{width:calc(100vw - 120px)}.sensor-side{top:auto;bottom:126px;transform:none}.sensor-center{width:220px;height:180px}.sensor-horizon{width:220px}.sensor-horizon-line{width:138px}.sensor-horizon-line.short.left{transform:translate(-118px,-18px)}.sensor-horizon-line.short.right{transform:translate(58px,-18px)}.sensor-brackets .tl,.sensor-brackets .tr{top:32px}.sensor-brackets .bl,.sensor-brackets .br{bottom:32px}.sensor-bottom{width:calc(100vw - 30px);bottom:76px}}