:root{--cream:#e8ddbd;--brown:#241812;--brown2:#3b281f;--orange:#ca5128;--warm:#e37f2e;--mustard:#d5a72d;--olive:#77743c;--phosphor:#9deba0;--black:#090b09;--line:#5c503b;--mono:"Courier New",Courier,monospace;--wide:"Arial Black","Eurostile Extended","Microgramma",Impact,sans-serif}
*{box-sizing:border-box}html{background:#110d0a;color:var(--brown);font-family:var(--mono)}body{margin:0;min-height:100svh;padding:clamp(.5rem,1.2vw,1.2rem);background:radial-gradient(circle at 50% 0,#513b28 0,#21150f 45%,#0e0a07 100%);overflow-x:hidden}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;transform:translateY(-180%);background:var(--cream);padding:.7rem;color:var(--brown)}.skip-link:focus{transform:none}
.console{position:relative;isolation:isolate;width:min(1880px,100%);min-height:calc(100svh - clamp(1rem,2.4vw,2.4rem));margin:auto;padding:clamp(.55rem,1vw,1rem);display:grid;grid-template-columns:minmax(220px,.72fr) minmax(420px,1.65fr) minmax(260px,.82fr);grid-template-rows:auto minmax(250px,1fr) auto;grid-template-areas:"brand scope forecast" "selector scope teletype" "control route teletype";gap:clamp(.45rem,.8vw,.8rem);background:linear-gradient(125deg,#f3e7c7,#bbae88);border:clamp(.45rem,.8vw,.8rem) solid var(--brown);border-radius:clamp(1rem,2vw,2.2rem);box-shadow:inset 0 0 0 3px #fff8,inset 0 0 2.5rem #5d4b3299,0 2rem 5rem #000c}.console:before{content:"";position:absolute;inset:7px;z-index:-1;border:1px solid #fff9;border-radius:calc(clamp(1rem,2vw,2.2rem) - 5px);pointer-events:none}.panel{position:relative;min-width:0;border:2px solid var(--line);background:linear-gradient(145deg,#eee2c1,#c8ba94);box-shadow:inset 1px 1px #fff9,inset -3px -3px 7px #76684966,3px 3px 0 #4a3d2d;padding:clamp(.75rem,1.25vw,1.3rem);overflow:hidden}.panel:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#34271e;box-shadow:inset 1px 1px #000,0 0 0 1px #fff5;right:7px;bottom:7px}
.brand-module{grid-area:brand;background:var(--orange);color:#fff4d8}.brand-row{display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;letter-spacing:.12em}.brand{font-weight:bold;color:inherit;text-decoration:none}.brand-module>p{font-size:.57rem;line-height:1.35;letter-spacing:.11em;margin:1.5rem 0 .4rem}.brand-module h1{font:900 clamp(2.6rem,4.5vw,5.2rem)/.72 var(--wide);letter-spacing:-.075em;margin:.45rem 0}.brand-module h1 b{color:var(--brown);font-size:1.1em}.serial{display:inline-block;background:var(--brown);padding:.28rem .45rem;font-size:.55rem;letter-spacing:.12em}
.scope-module{grid-area:scope;background:var(--brown2);color:var(--phosphor);display:flex;flex-direction:column;padding:clamp(.7rem,1vw,1rem);border-color:#120e0b}.scope-label{display:flex;justify-content:space-between;gap:1rem;padding:.15rem .3rem .65rem;font-size:.59rem;letter-spacing:.14em}.scope-label output{color:#ffd45b}.screen-bezel{position:relative;flex:1;min-height:clamp(330px,60vh,750px);overflow:hidden;border:clamp(.75rem,1.6vw,1.6rem) solid #15110e;border-radius:8% / 5%;background:var(--black);box-shadow:inset 0 0 3rem #000,0 0 0 2px #76624c,0 5px 12px #0008}.screen-bezel:before{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.28) 2px 4px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.62) 110%);mix-blend-mode:multiply}.screen-bezel:after{content:"";position:absolute;z-index:6;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.08) 38%,transparent 52%);transform:rotate(-8deg)}#stripe-field{display:block;width:100%;height:100%;position:absolute;inset:0}.scope-reticle{position:absolute;z-index:2;left:50%;top:50%;width:34%;aspect-ratio:1;border:1px solid #9deba055;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 1rem #78e28a33}.scope-reticle:before,.scope-reticle:after{content:"";position:absolute;background:#9deba044}.scope-reticle:before{width:140%;height:1px;left:-20%;top:50%}.scope-reticle:after{height:140%;width:1px;top:-20%;left:50%}.scope-copy{position:absolute;z-index:4;inset:1rem;display:flex;align-items:flex-start;justify-content:space-between;font-size:.56rem;letter-spacing:.1em;text-shadow:0 0 8px var(--phosphor)}.scope-copy strong{align-self:flex-end;font-size:clamp(1.5rem,3vw,3.5rem);opacity:.75}.screen-instruction{font-size:.54rem;letter-spacing:.1em;margin:.8rem .3rem 0;color:#d6cba7}
.forecast-module{grid-area:forecast;background:var(--mustard);min-height:230px}.module-tag{font-size:.54rem;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:.45rem}.forecast-module h2,.teletype-module h2{font:900 clamp(1.7rem,2.7vw,3.3rem)/.9 var(--wide);letter-spacing:-.045em;margin:1.25rem 0}.forecast-module>p{font-size:clamp(.78rem,1vw,1rem);line-height:1.45}.memory-readout{position:absolute;bottom:1rem;left:1rem;right:1rem;height:2.2rem;display:flex;align-items:end;gap:5px}.memory-readout i{flex:1;background:var(--brown);height:30%}.memory-readout i:nth-child(2),.memory-readout i:nth-child(6){height:75%}.memory-readout i:nth-child(3){height:50%}.memory-readout i:nth-child(4){height:100%}.memory-readout i:nth-child(5){height:60%}
.selector-module{grid-area:selector;background:var(--olive);display:grid;align-content:start;gap:.65rem}.selector-module>p{margin:0;color:#fff7dc;font-size:.6rem;letter-spacing:.14em}.memory-key{display:grid;grid-template-columns:2.7rem 1fr;align-items:center;text-align:left;padding:.55rem;border:2px solid #201912;background:#cabe9d;color:var(--brown);box-shadow:inset 2px 2px #fff9,inset -3px -3px #655c45,3px 4px 0 #2b241a;cursor:pointer}.memory-key b{font:900 1.65rem/1 var(--wide)}.memory-key span{font-size:.62rem;font-weight:bold;letter-spacing:.1em}.memory-key:hover,.memory-key:focus-visible{background:#efe2bf}.memory-key.is-active{transform:translate(2px,3px);background:var(--orange);color:#fff;box-shadow:inset 2px 2px #6c2411,inset -1px -1px #ff9b61,1px 1px #2b241a}
.control-module{grid-area:control;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:.75rem;align-items:center}.meter>span{display:block;font-size:.55rem;letter-spacing:.12em}.meter-face{position:relative;height:3.2rem;margin-top:.25rem;border:2px solid var(--brown);border-radius:50% 50% 8% 8%;background:#ddd0a9;overflow:hidden}.meter-face:before{content:"";position:absolute;left:12%;right:12%;bottom:10%;height:55%;border-top:2px dashed var(--brown);border-radius:50%}.meter-face b{position:absolute;bottom:3px;font-size:.5rem}.meter-face b:first-of-type{left:8px}.meter-face b:last-child{right:8px}#meter-needle{position:absolute;z-index:2;bottom:3px;left:50%;width:2px;height:80%;background:var(--orange);transform-origin:bottom;transform:rotate(-38deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.field-test,.toggle{border:0;background:none;cursor:pointer;padding:0;display:grid;gap:.35rem;justify-items:center;color:var(--brown)}.field-test i{display:block;width:2.6rem;aspect-ratio:1;border-radius:50%;background:#721d10;box-shadow:inset 5px 5px 8px #260806,inset -3px -3px 5px #e05232,0 0 0 5px #2a2019,0 5px 0 5px #0d0a08}.field-test:active i,.field-test.is-live i{transform:translateY(4px);background:#ff6d35;box-shadow:inset 2px 2px 5px #70200f,0 0 0 5px #2a2019,0 1px 0 5px #0d0a08,0 0 1.2rem #ff6535}.field-test span,.toggle span{font-size:.51rem;font-weight:bold;letter-spacing:.08em}.toggle i{display:block;width:1.8rem;height:2.7rem;border:4px solid #2c231b;border-radius:4px;background:linear-gradient(90deg,#3a3025,#9e9072,#332a21);transform:rotateX(18deg);box-shadow:0 5px #17120e}.toggle[aria-pressed="false"] i{transform:rotateX(18deg) rotate(180deg)}
.teletype-module{grid-area:teletype;background:#eee8d8}.teletype-module:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 25px,#6d8d9b24 26px)}.teletype-module>*{position:relative}.teletype-module p{font-size:clamp(.75rem,.9vw,.95rem);line-height:1.65}.paper-edge{position:absolute;left:0;right:0;bottom:0;height:14px;background:radial-gradient(circle at 7px 14px,transparent 6px,#5d513d 7px) 0 0/14px 14px repeat-x}.route-module{grid-area:route;background:var(--warm);display:grid;grid-template-columns:1fr 1fr auto;gap:.65rem;align-items:center}.mechanical-link{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;text-decoration:none;background:var(--brown);color:#fff0c8;padding:.75rem;font-size:.61rem;font-weight:bold;letter-spacing:.08em;border:2px solid #100b08;box-shadow:inset 2px 2px #75604b,0 4px #1a100b}.mechanical-link:hover,.mechanical-link:focus-visible{background:#070605;color:var(--phosphor)}.mechanical-link span{background:var(--orange);padding:.2rem}.route-module>p{font-size:.51rem;line-height:1.45;letter-spacing:.09em;margin:0}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1000px){body{overflow:auto}.console{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(430px,65svh) auto auto;grid-template-areas:"brand forecast" "scope scope" "selector teletype" "control route"}.screen-bezel{min-height:400px}.route-module{grid-template-columns:1fr}.route-module>p{display:none}}
@media(max-width:650px){body{padding:.35rem}.console{min-height:auto;border-radius:1rem;grid-template-columns:1fr;grid-template-rows:auto minmax(62svh,430px) auto auto auto auto auto;grid-template-areas:"brand" "scope" "forecast" "selector" "control" "teletype" "route"}.brand-module h1{font-size:17vw}.scope-copy strong{font-size:1.2rem}.scope-label{font-size:.48rem}.screen-bezel{min-height:52svh;border-width:.7rem}.forecast-module{min-height:270px}.control-module{min-height:125px}.route-module{display:grid}.mechanical-link{min-height:3.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.screen-bezel:after{display:none}}
.screen-bezel{cursor:crosshair;touch-action:pan-y}
.forecast-module{display:flex;flex-direction:column}.forecast-module>p{margin-bottom:.6rem}.memory-readout{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:1.45rem;min-height:1.45rem;margin-top:auto;flex-shrink:0}.memory-readout i{max-height:1.45rem}
.forecast-module h2{margin:1rem 0 .4rem;line-height:.86}.forecast-module>p{margin-top:0}
.eight-track{min-width:0;display:grid;grid-template-columns:minmax(8rem,1fr) auto;gap:.55rem;align-items:center;padding:.35rem;background:#17100c;border:2px solid #0a0705;box-shadow:inset 2px 2px #6f5c49,0 4px #160d08;color:#fff0c8;text-decoration:none}.cartridge{position:relative;min-width:0;height:2.55rem;display:grid;grid-template-columns:2.3rem 1fr;grid-template-rows:1fr 1fr;column-gap:.55rem;align-items:center;padding:.25rem .6rem .25rem .25rem;background:var(--orange);border-radius:.25rem 1rem 1rem .25rem;box-shadow:inset 2px 2px #ff9a66,inset -3px -3px #6e2310}.cartridge i{grid-row:1/3;display:grid;place-items:center;width:1.9rem;aspect-ratio:1;border-radius:50%;background:#e7d9b4;color:var(--brown);font:900 1rem/1 var(--wide);box-shadow:inset 0 0 0 5px var(--brown)}.cartridge strong{align-self:end;font:900 .72rem/1 var(--wide);letter-spacing:.08em;white-space:nowrap}.cartridge small{align-self:start;font-size:.43rem;letter-spacing:.08em;white-space:nowrap}.eject-button{display:grid;place-items:center;align-self:stretch;min-width:3.4rem;padding:.25rem;background:#c9bd9c;color:var(--brown);border:2px solid #2c221a;box-shadow:inset 2px 2px #fff9,inset -3px -3px #625642,0 3px #140e0a;font-size:.52rem;letter-spacing:.08em}.eight-track:hover .eject-button,.eight-track:focus-visible .eject-button{transform:translateY(2px);background:var(--mustard);box-shadow:inset 2px 2px #78621e,0 1px #140e0a}.eight-track:active .cartridge{transform:translateX(-8px)}
@media(min-width:1001px){html,body{height:100%;overflow:hidden}body{padding:clamp(.35rem,.8vw,.8rem)}.console{height:100%;min-height:0}.scope-module,.screen-bezel{min-height:0}}