:root{color-scheme:dark;--yellow:#edbd22;--muted:#b7b9b7;--metal:#151818;--content-font:monospace}*{box-sizing:border-box}body{margin:0;background:#080a0a;color:#e2e3de;font-family:Georgia,'Times New Roman',serif}a{color:var(--yellow);text-underline-offset:.2em}a:hover{color:#ffe07a}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}.site{position:relative;max-width:1920px;margin:auto}.masthead{position:relative;width:100%;aspect-ratio:1670/213;background:url('/assets/header.webp') center/100% 100% no-repeat}.brand{position:absolute;right:1.2%;top:2%;width:28%;height:88%;border-radius:10px}.navigation{background:#101313;display:flex;flex-direction:column;z-index:3}.menu-item{display:flex;align-items:center;gap:clamp(10px,1.5vw,26px);color:#d2d3cc;text-decoration:none;border-bottom:1px solid #3c3d34;position:relative;padding:1.2em .8em;min-width:0;background:linear-gradient(135deg,#151817,#0c0e0e)}.menu-item:last-child{border-bottom:0}.menu-item svg{width:clamp(22px,2.2vw,40px);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-item span{min-width:0}.menu-item strong{font:400 clamp(13px,1.15vw,21px)/1.2 'Arial Narrow',Arial,sans-serif;text-transform:uppercase;display:block;margin-bottom:.55em}.menu-item small{display:block;color:#c5c6bf;font:400 clamp(11px,.82vw,15px)/1.45 'Arial Narrow',Arial,sans-serif}.menu-item.active{color:var(--yellow)}.menu-item.active:before{content:'';position:absolute;left:0;top:15%;height:70%;width:3px;background:#e5aa20;box-shadow:0 0 9px #a86a20}.menu-item:hover strong{color:var(--yellow)}.menu-toggle{display:none}.home-stage{aspect-ratio:1670/942;background:url('/assets/homepage.webp') center/100% 100% no-repeat}.home .masthead{background:none}.home .navigation{position:absolute;left:6.1%;top:22.85%;width:13.7%;height:52.35%}.home .menu-item{flex:1;padding:.55em .65em}.home-main{position:absolute;left:23%;top:23%;width:72%;height:51%;pointer-events:none}.interior .site{min-height:100vh;background:#0c0e0e url('/assets/pipe-left.webp') left 12vw/5.8% auto repeat-y}.interior .site:after{content:'';position:absolute;right:0;top:12vw;bottom:0;width:4.5%;background:url('/assets/pipe-right.webp') top/100% auto repeat-y;pointer-events:none}.interior .navigation{position:absolute;left:6.1%;top:calc(min(100vw,1920px)*.13);width:13.7%;border:1px solid #786128;box-shadow:0 0 0 8px #232727,0 0 0 10px #4c4e42}.interior .menu-item{min-height:100px}.content-frame{position:relative;margin:0 5.6% 0 23.5%;min-height:calc(100vh - 13vw);border:12px solid #262a29;border-top:8px solid #272d2b;border-radius:12px;background:linear-gradient(145deg,#131716,#0b0e0e);box-shadow:inset 0 0 0 1px #625930,0 0 0 2px #6b6d55;z-index:1}.content-frame:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(135deg,#dba920 0 18px,#191d1b 18px 36px)}article{padding:clamp(28px,3.2vw,62px);min-height:65vh}.eyebrow{font:13px/1.5 monospace;color:#aeb0a7;margin-bottom:1.5em}h1{font:700 clamp(28px,3.2vw,54px)/1.15 var(--content-font);text-transform:uppercase;letter-spacing:.045em;color:var(--yellow);margin:0 0 .2em}.subtitle{font:clamp(15px,1.15vw,20px)/1.5 var(--content-font);margin:0 0 2em;padding-bottom:1em;border-bottom:1px solid #4b4d40}.article-body{max-width:850px;font-family:var(--content-font);font-size:clamp(16px,1.1vw,19px);line-height:1.75;overflow-wrap:anywhere}.article-body h2{font:600 clamp(21px,1.65vw,28px)/1.4 var(--content-font);margin:1.3em 0 .6em}.article-body h3{font:600 clamp(18px,1.4vw,24px)/1.4 var(--content-font);margin:1.6em 0 .4em}.article-body p{margin:0 0 1.3em}.page-footer{display:flex;justify-content:space-between;align-items:center;margin:0 4.5%;padding:20px 0;border-top:1px solid #4b4d40;font:14px monospace}.status-lamps{display:flex;gap:10px}.status-lamps i{width:10px;height:10px;border-radius:50%;background:#af8e29;box-shadow:0 0 7px #806020}.status-lamps i:nth-child(2){background:#667639;box-shadow:0 0 6px #364323}.status-lamps i:nth-child(3){background:#854738;box-shadow:0 0 6px #542c22}.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}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:#151818;padding:12px}.skip:focus{top:12px}
@media(min-width:1920px){.interior .site:after{top:248px}.interior .site{background-position:left 248px}}
@media(max-width:1000px) and (min-width:761px){.menu-item{gap:8px}.menu-item svg{width:22px}.menu-item small{font-size:10px}.menu-item strong{font-size:12px}.interior .menu-item{min-height:85px}}
@media(max-width:760px){.masthead{min-height:112px;background-size:auto 100%;background-position:right top;aspect-ratio:auto}.brand{right:2%;width:52%;height:90%}.menu-toggle{display:flex;position:absolute;left:20px;bottom:18px;gap:10px;background:#111614;border:1px solid #9e8131;border-radius:3px;color:#edbd22;padding:10px 15px;font:14px monospace}.home .masthead{background:url('/assets/header.webp') right top/auto 100% no-repeat}.home-stage{aspect-ratio:auto;min-height:100vh;background-image:none}.home-main{position:relative;left:auto;top:auto;width:100%;height:calc(100vh - 112px);background:url('/assets/homepage.webp') 70% center/auto 100% no-repeat}.home-main:after{content:'';position:absolute;inset:0;border:8px solid #262a29;pointer-events:none}.home .navigation,.interior .navigation{display:none;position:absolute;left:16px;top:112px;width:min(320px,calc(100% - 32px));height:auto;border:2px solid #9b7e2a;box-shadow:0 12px 30px #000;z-index:5}.menu-open .navigation{display:flex}.home .menu-item,.interior .menu-item{padding:16px;min-height:78px;gap:18px}.menu-item svg{width:30px}.menu-item strong{font-size:16px}.menu-item small{font-size:13px}.interior .site{background:#0c0e0e}.interior .site:after{display:none}.content-frame{margin:0 10px;min-height:calc(100vh - 112px);border-width:7px}article{padding:26px 20px}.article-body{font-size:16px}.subtitle{font-size:15px}h1{font-size:30px}.page-footer{font-size:12px}}

.home-slogan{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.home-main{background-image:url('/assets/mobile-scene.webp');background-position:center;background-size:cover;height:calc(100vh - 112px);min-height:520px}.home-main:after{background:url('/assets/console.webp') center bottom/auto 100% no-repeat;inset:auto 0 0;height:160px;border:0;border-top:5px solid #33372c}.home-slogan{clip-path:none;overflow:visible;width:calc(100% - 36px);height:auto;white-space:normal;left:18px;top:20%;font:26px/1.5 monospace;letter-spacing:0;text-transform:none;color:#e2e3de;background:#0d1110e8;border:1px solid #655c34;padding:20px;z-index:2}.home-slogan em{color:var(--yellow);font-style:normal}}

/* One typeface across interior pages, including their navigation. */
.interior{font-family:var(--content-font)}
.interior .menu-item strong,.interior .menu-item small,.interior .eyebrow,.interior .subtitle,.interior .page-footer,.interior .menu-toggle{font-family:var(--content-font)}

.legacy-content pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;max-width:100%;margin:1.4em 0}.legacy-content tt,.legacy-content code,.legacy-content small{font-family:inherit}.legacy-content hr{border:0;border-top:1px solid #4b4d40;margin:1.6em 0}.legacy-content ul,.legacy-content ol{padding-left:1.5em}.legacy-content li{margin:.5em 0}.legacy-content h2,.legacy-content h3{overflow-wrap:anywhere}.story-navigation{display:flex;gap:22px;flex-wrap:wrap;padding-top:25px;margin-top:35px;border-top:1px solid #4b4d40;font-size:14px}


/* One continuous illustrated panel: no row tiles or opaque hover fills. */
.home .navigation,.interior .navigation{
 background:#0e1110 url('/assets/menu-panel.webp') center/100% 100% no-repeat;
 border:0;box-shadow:none;border-radius:0;
}
.home .menu-item,.interior .menu-item{background:none;border:0;box-shadow:none;min-height:0;gap:min(1.1vw,21px);padding:.4em .65em;flex:0 0 21%}
.home .menu-item:nth-child(1),.interior .menu-item:nth-child(1){flex-basis:16.03%}
.home .menu-item:nth-child(2),.interior .menu-item:nth-child(2){flex-basis:21.095%}
.home .menu-item:nth-child(3),.interior .menu-item:nth-child(3){flex-basis:20.69%}
.home .menu-item:nth-child(4),.interior .menu-item:nth-child(4){flex-basis:20.49%}
.home .menu-item:nth-child(5),.interior .menu-item:nth-child(5){flex-basis:21.695%}
.menu-item:hover{color:#d2d3cc}
.menu-item.active:hover{color:var(--yellow)}
.menu-item strong{transition:color .15s ease}
.menu-item:hover strong,.menu-item:focus-visible strong{color:var(--yellow)}
@media(min-width:761px){
 .home .navigation,.interior .navigation{left:2.994%;width:18.324%;padding:min(1.078vw,20.7px) min(1.497vw,28.8px) min(2.814vw,54px) min(3.174vw,61px)}
 .home .navigation{top:20.913%;height:59.236%}
 .interior .navigation{top:calc(min(100vw,1920px)*.118);height:calc(min(100vw,1920px)*.33413)}
}
@media(max-width:760px){
 .home .navigation,.interior .navigation{left:16px;top:112px;width:min(320px,calc(100% - 32px));height:560px;padding:18px 25px 47px 53px;box-shadow:0 12px 30px #000}
 .home .menu-item,.interior .menu-item{padding:10px 6px;gap:12px}
 .menu-item small{font-size:12px}
}

/* Shared menu typography on the front page and all interior pages. */
.menu-item strong,.menu-item small{font-family:var(--content-font)}
.menu-item small .menu-line{display:block;white-space:nowrap}

.page-footer{flex-wrap:wrap;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-credit{flex:1;min-width:180px;font:12px/1.7 var(--content-font);color:#a6a99f}.historical-link-note{font-size:.8em;color:#a6a99f}.story-navigation a{max-width:100%}