:root{
  --black:#000;
  --white:#f7f7f7;
  --yellow:#ffff00;
  --magenta:#f000e8;
  --red:#ff1717;
  --green:#00ef22;
  --blue:#3434ff;
  --cyan:#00efff;
  --muted:#b9b9b9;
  --panel:#050505;
}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:"Courier New",Courier,monospace;letter-spacing:.065em}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--yellow);color:#000;padding:10px 14px;font-weight:900}
.skip-link:focus{top:12px}
.page-shell{min-height:100vh;display:flex;flex-direction:column;background:#000}
.topbar{height:58px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;font-size:clamp(13px,1.15vw,20px);font-weight:700;white-space:nowrap;border-bottom:1px solid #202020}
.topbar a:hover,.topbar a:focus-visible{color:var(--yellow);outline:none}
.clock{color:var(--yellow)}
main{flex:1;display:flex;flex-direction:column}
.masthead{height:108px;background:var(--magenta);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px 5vw}
.masthead img{display:block;width:min(800px,68vw);max-height:88px;height:auto;object-fit:contain;image-rendering:pixelated}
.welcome-grid{flex:1;display:grid;grid-template-columns:minmax(300px,420px) minmax(420px,900px);gap:clamp(24px,5vw,90px);align-items:center;justify-content:center;padding:24px 5vw}
.menu-panel{display:flex;align-items:flex-start;justify-content:center}
.index-menu{width:100%;display:grid;gap:1px}
.index-menu a{display:grid;grid-template-columns:23px 1fr 76px;align-items:center;color:var(--yellow);font-size:clamp(16px,1.25vw,21px);line-height:1;padding:5px 6px;border:2px solid transparent}
.index-menu a:hover,.index-menu a:focus-visible,.index-menu a.active{background:var(--yellow);color:#000;outline:none}
.index-menu a.active .arrow{animation:blink 1s steps(1,end) infinite}
.index-menu a span:last-child{text-align:right}
@keyframes blink{50%{opacity:.15}}
.status-card,.panel{background:var(--panel);border:3px solid var(--white);box-shadow:8px 8px 0 var(--magenta)}
.status-card{padding:22px 26px}
.eyebrow{margin:0 0 8px;color:var(--yellow);font-size:13px;font-weight:900}
.status-card h1,.feature-panel h2{margin:0 0 12px;font-size:clamp(23px,2.3vw,38px);line-height:1.04}
.status-card p,.feature-panel p{margin:0;font-size:clamp(13px,1vw,17px);line-height:1.45}
.status-line{margin-top:15px;color:var(--green);font-size:clamp(11px,.85vw,14px);font-weight:900}
.pulse{display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--green);box-shadow:0 0 0 3px rgba(0,239,34,.16);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.28}}
.section-heading{padding:22px 5vw 20px;border-bottom:6px solid var(--white);background:#090909}
.section-heading .page-kicker{margin:0 0 2px;color:var(--yellow);font-weight:900}
.section-heading h1{margin:0;font-size:clamp(34px,5vw,76px);line-height:.95}
.section-heading>p:last-child{margin:12px 0 0;max-width:950px;font-size:clamp(13px,1.2vw,18px);line-height:1.35}
.accent-red{border-color:var(--red)}.accent-green{border-color:var(--green)}.accent-yellow{border-color:var(--yellow)}.accent-blue{border-color:var(--blue)}.accent-magenta{border-color:var(--magenta)}.accent-cyan{border-color:var(--cyan)}.accent-white{border-color:var(--white)}
.content-grid{width:min(1500px,94vw);margin:0 auto;padding:24px 0 28px;display:grid;gap:24px}
.home-layout{grid-template-columns:minmax(300px,.82fr) minmax(380px,1.18fr)}
.section-layout{grid-template-columns:minmax(300px,420px) minmax(420px,1fr);align-items:start}
.panel{padding:18px 20px;box-shadow:6px 6px 0 var(--magenta)}
.panel h2{margin:0 0 14px;font-size:clamp(17px,1.45vw,24px)}
.nav-panel{grid-row:span 2}
.count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.count-grid div{border:2px solid var(--white);padding:14px;min-height:92px;display:flex;flex-direction:column;justify-content:center}
.count-grid strong{color:var(--yellow);font-size:clamp(28px,3vw,48px);line-height:1}
.count-grid span{margin-top:6px;font-size:12px;font-weight:900}
.system-note{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.route-list{display:grid;gap:6px}
.route-list a{display:grid;grid-template-columns:1fr 75px;padding:8px 10px;border:2px solid transparent;color:var(--cyan);font-weight:900}
.route-list a b{text-align:right;color:var(--yellow)}
.route-list a:hover,.route-list a:focus-visible{border-color:var(--cyan);background:var(--cyan);color:#000;outline:none}
.route-list a:hover b,.route-list a:focus-visible b{color:#000}
.feature-panel{display:flex;flex-direction:column;justify-content:center;min-height:180px}
.terminal-button{display:inline-block;margin-top:18px;padding:10px 14px;border:2px solid var(--yellow);color:var(--yellow);font-weight:900;align-self:flex-start}
.terminal-button:hover,.terminal-button:focus-visible{background:var(--yellow);color:#000;outline:none}
.fatal-error{padding:40px;color:var(--red)}
.footer-nav{border-top:5px solid var(--white);min-height:58px;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;text-align:center;font-size:clamp(14px,1.1vw,19px);font-weight:900}
.footer-nav a,.footer-nav button{display:flex;align-items:center;justify-content:center;padding:14px 8px;background:#000;border:0;cursor:pointer}
.footer-nav a:hover,.footer-nav a:focus-visible,.footer-nav button:hover,.footer-nav button:focus-visible{background:#fff;color:#000;outline:none}
.red{color:var(--red)}.green{color:var(--green)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}
@media (max-width:900px){
  .welcome-grid,.home-layout,.section-layout{grid-template-columns:1fr}
  .welcome-grid{align-items:start;gap:22px;padding:22px 5vw 30px}
  .nav-panel{grid-row:auto}
  .content-grid{width:min(720px,92vw)}
}
@media (max-width:700px){
  .topbar{height:auto;min-height:72px;padding:10px 16px;align-items:flex-start;gap:7px;flex-direction:column;justify-content:center}
  .masthead{height:106px;padding:12px 10px}.masthead img{width:92vw;max-height:82px}
  .section-heading{padding:18px 18px}
  .content-grid{padding:18px 0 24px;gap:18px}
  .panel{padding:16px}
  .index-menu a{grid-template-columns:21px 1fr 62px;font-size:16px}
  .count-grid{grid-template-columns:1fr 1fr}.count-grid div{min-height:78px;padding:10px}.count-grid strong{font-size:30px}
  .footer-nav{grid-template-columns:repeat(2,1fr);min-height:0}.footer-nav a,.footer-nav button{padding:17px 5px}
}
@media (max-width:420px){.count-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}