*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Orbitron",sans-serif;min-height:100vh;color:#fff;background:#0a0033;background-image:radial-gradient(circle at 20% 20%,#ff00cc55,transparent 40%),radial-gradient(circle at 80% 30%,#00e5ff44,transparent 35%),linear-gradient(180deg,#12004a,#2a0066 40%,#001a4d);overflow-x:clip}
.status{display:flex;justify-content:space-between;gap:1rem;padding:.45rem clamp(1rem,4vw,2rem);font-size:.55rem;letter-spacing:.08em;background:#000;border-bottom:2px solid #ff00cc;flex-wrap:wrap}
.nav{display:flex;justify-content:space-between;padding:1rem clamp(1rem,4vw,2rem);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.nav a{color:#00e5ff;text-decoration:none;text-shadow:0 0 10px #00e5ff}
.site{display:grid;gap:1rem;padding:0 clamp(1rem,4vw,2rem) 3rem;max-width:1100px;margin:0 auto}
.rail{background:rgba(0,0,0,.35);border:3px ridge #c0c0c0;padding:1rem;text-align:center}
.brand{font-family:"Press Start 2P",monospace;font-size:.85rem;line-height:1.5;color:#fff;text-shadow:2px 2px 0 #ff00cc,4px 4px 0 #00e5ff;margin-bottom:1rem}
.rail ul{list-style:none;display:grid;gap:.55rem;margin-bottom:1rem}
.rail a{display:block;padding:.65rem;border:2px outset #c0c0c0;background:linear-gradient(#eee,#999);color:#000;text-decoration:none;font-size:.65rem}
.rail a:active{border-style:inset}
.blink{font-size:.55rem;color:#ffe66d;animation:blink 1.2s step-end infinite}
.stage{display:grid;gap:1rem}
.hero{border:3px dashed #ffe66d;padding:1.4rem;background:rgba(255,0,204,.12)}
.hero h1{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2.4vw,1.1rem);line-height:1.5;color:#ffe66d;text-shadow:0 0 12px #ffe66d;margin-bottom:.8rem}
.hero p{font-size:.75rem;line-height:1.6;opacity:.9;max-width:42ch}
.panel{border:2px solid #00e5ff;background:rgba(0,0,0,.28);padding:1rem;scroll-margin-top:1rem}
.panel h2{font-size:.8rem;letter-spacing:.1em;color:#00e5ff;margin-bottom:.7rem}
.panel p,.dl{font-size:.72rem;line-height:1.7}
.dl{list-style:square;padding-left:1.2rem}
.ring{display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem;color:#ff00cc}
@keyframes blink{50%{opacity:.35}}
@media(min-width:800px){.site{grid-template-columns:220px 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}