:root{--outer:#15130f;--screen:#202419;--panel:#2d3322;--text:#d8d2a4;--green:#9bae65;--amber:#d39b4a;--dark-amber:#805c35;--shadow:#0c0d09;--frame:#575846;--muted:#9a966f;--max:1220px}
*{box-sizing:border-box}
html{background:var(--outer)}
body{margin:0;min-width:300px;background:var(--outer);color:var(--text);font-family:"Lucida Console","Courier New",monospace;font-size:13px;line-height:1.45;letter-spacing:.035em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:var(--outer);opacity:.18;box-shadow:inset 0 0 0 8px #0c0d09}
button,a{color:inherit}
.cabinet{position:relative;width:min(calc(100% - 30px),var(--max));margin:22px auto;background:var(--frame);border:4px solid var(--frame);box-shadow:8px 8px 0 var(--shadow);padding:8px}
.cabinet-corner{position:absolute;z-index:2;top:1px;width:12px;height:12px;background:var(--amber);border:3px solid var(--shadow)}.cabinet-corner-left{left:1px}.cabinet-corner-right{right:1px}
.screen{background:var(--screen);border:4px solid var(--shadow);box-shadow:inset 0 0 0 3px var(--frame);padding:0 18px}
.system-bar{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:16px;align-items:center;min-height:49px;padding:9px 12px;border-bottom:3px solid var(--frame);background:var(--panel);color:var(--muted);font-size:11px;text-transform:uppercase}
.brand{color:var(--text);font-weight:bold;letter-spacing:.12em}.system-name{text-align:center}.system-state{text-align:right;color:var(--green)}.signal-dot{display:inline-block;width:9px;height:9px;margin-right:6px;background:var(--green);vertical-align:-1px;box-shadow:3px 3px 0 var(--shadow)}
main{max-width:1110px;margin:0 auto}.screen-topline{display:flex;justify-content:space-between;gap:12px;padding:18px 4px 12px;color:var(--muted);font-size:10px;text-transform:uppercase}.first-view{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;padding:14px 0 22px}.mission-panel,.observation-panel,.concept-panel{background:var(--panel);border:3px solid var(--frame);box-shadow:5px 5px 0 var(--shadow)}.mission-panel{padding:25px 25px 22px}.panel-label{color:var(--amber);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.mission-panel h1{margin:28px 0 22px;color:var(--text);font-family:"Arial Black","Lucida Console",monospace;font-size:clamp(48px,7vw,92px);font-weight:900;line-height:.82;letter-spacing:-.09em;text-shadow:4px 4px 0 var(--dark-amber)}.mission-panel h1 span{color:var(--green)}
.directive{border-top:3px solid var(--amber);border-bottom:3px solid var(--amber);padding:14px 0 16px}.directive-label{margin-bottom:8px;color:var(--amber);font-size:10px}.directive strong{display:block;color:var(--green);font-size:clamp(28px,3.3vw,47px);font-weight:bold;line-height:.98;letter-spacing:-.055em;text-shadow:3px 3px 0 var(--shadow)}.agent-note{max-width:460px;margin:20px 0 0;color:var(--text);font-size:12px;line-height:1.6}.human-notice{margin:25px 0 0;color:var(--amber);font-size:12px;line-height:1.8;font-weight:bold}
.observation-panel{padding:15px}.panel-heading,.art-caption{display:flex;justify-content:space-between;gap:10px;color:var(--amber);font-size:10px;text-transform:uppercase}.panel-heading span:last-child,.art-caption span:last-child{text-align:right}.art-frame{margin:12px 0;border:4px solid var(--shadow);background:#10130d;padding:5px;aspect-ratio:4/3;image-rendering:pixelated}.art-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.02)}.art-caption{padding:1px 2px 0;color:var(--muted)}
.instrument-readout{display:grid;grid-template-columns:1.35fr 1fr 1.35fr 1fr;margin:0 0 28px;border:3px solid var(--frame);background:var(--shadow);box-shadow:5px 5px 0 var(--shadow)}.readout-cell{min-height:88px;padding:14px 13px;border-right:2px solid var(--frame);background:var(--panel)}.readout-cell:last-child{border-right:0}.readout-cell span{display:block;color:var(--amber);font-size:10px;text-transform:uppercase}.readout-cell strong{display:block;margin-top:12px;color:var(--text);font-size:15px;line-height:1.1;white-space:nowrap}.supply-cell strong{color:var(--green);font-size:21px}.supply-cell b{font-weight:bold}
.concept-panel{padding:21px 24px 23px;margin-bottom:24px}.concept-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:end}.concept-grid h2{margin:20px 0 0;color:var(--green);font-size:clamp(27px,4vw,51px);font-weight:bold;line-height:.98;letter-spacing:-.065em;text-shadow:3px 3px 0 var(--shadow)}.concept-grid p{margin:14px 0 0;color:var(--text);font-size:12px;line-height:1.65}.context-copy p:first-child{margin-top:20px}.context-range{color:var(--amber)!important;font-weight:bold;letter-spacing:.12em}.system-note{display:flex;justify-content:space-between;gap:20px;padding:15px 5px 20px;color:var(--muted);font-size:10px;text-transform:uppercase}.system-footer{display:flex;justify-content:space-between;gap:20px;margin:0 -18px;padding:13px 22px;background:var(--panel);border-top:3px solid var(--frame);color:var(--muted);font-size:10px;text-transform:uppercase}.system-footer span:last-child{text-align:right}
@media(max-width:820px){.cabinet{width:calc(100% - 14px);margin:8px auto;padding:5px}.screen{padding:0 10px}.system-bar{grid-template-columns:1fr auto;gap:8px;padding:9px}.system-name{display:none}.system-state{text-align:right}.screen-topline{font-size:9px}.first-view{grid-template-columns:1fr;gap:16px}.mission-panel{padding:22px 19px}.mission-panel h1{font-size:clamp(51px,17vw,84px);margin:25px 0 20px}.directive strong{font-size:clamp(30px,9vw,48px)}.observation-panel{padding:12px}.instrument-readout{grid-template-columns:1fr 1fr}.readout-cell{min-height:78px;border-right:2px solid var(--frame);border-bottom:2px solid var(--frame)}.readout-cell:nth-child(2n){border-right:0}.readout-cell:nth-last-child(-n+2){border-bottom:0}.concept-grid{grid-template-columns:1fr;gap:10px}.concept-grid h2{margin-top:18px}.system-note{display:grid;gap:7px}.system-footer{font-size:8px}}
@media(max-width:430px){body{font-size:12px}.screen-topline span:nth-child(2){display:none}.mission-panel h1{font-size:54px}.agent-note{font-size:11px}.readout-cell{padding:12px 9px}.readout-cell strong{font-size:12px}.supply-cell strong{font-size:17px}.concept-panel{padding:18px 16px}.system-footer{display:grid;gap:4px}.system-footer span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}