@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#030914;--panel:#08182a;--panel2:#0d2340;--line:#1f5b92;--text:#f2f7ff;--muted:#a9bfd3;--blue:#4eb7ff;--blue2:#2476d9;--gold:#ffbd32}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Space Mono",Consolas,monospace;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),radial-gradient(circle at 50% -8%,#123f73 0,transparent 38rem),var(--bg);background-size:24px 24px,24px 24px,auto,auto}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#00000014 4px);z-index:50}
.bar{background:#040c18e8;border-bottom:3px solid var(--blue2);box-shadow:0 3px 0 #001226,0 8px 24px #0008;padding:15px 22px}
.brand{display:flex;align-items:center;gap:13px;max-width:1000px;margin:auto;color:var(--text);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.5;text-shadow:2px 2px 0 #07101e}
.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px #318cff55)}
.home{max-width:1000px;margin:auto;padding:58px 24px 82px;text-align:center}
.hero-icon{width:min(260px,62vw);height:auto;filter:drop-shadow(0 12px 20px #000b)}
.kicker{color:var(--gold);font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.7;letter-spacing:.08em;margin:22px 0 17px;text-shadow:2px 2px 0 #5e3700}
.home h1,.document h1{font-family:"Press Start 2P",monospace;font-size:clamp(27px,5vw,52px);line-height:1.35;margin:0;color:#fff;text-shadow:3px 3px 0 #103c72,6px 6px 0 #031124}
.tagline,.intro{color:#c6d8e8;font-size:16px;line-height:1.8;max-width:700px;margin:24px auto}
.status{display:inline-block;color:#07111d;background:var(--gold);border:3px solid #ffd96d;box-shadow:4px 4px 0 #815600;padding:9px 14px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;text-align:left}
.links a{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:3px solid var(--line);box-shadow:5px 5px 0 #001326;color:var(--text);padding:23px 20px;text-decoration:none;min-height:160px}
.links a:hover{transform:translate(-2px,-2px);border-color:var(--blue);box-shadow:7px 7px 0 #001326}
.links a:before{content:">";color:var(--gold);font-family:"Press Start 2P",monospace;position:absolute;right:15px;top:16px}
.links strong{font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.6;display:block;margin:3px 28px 14px 0;color:#fff}
.links span{color:var(--muted);line-height:1.65;font-size:13px}
.document{max-width:840px;margin:42px auto 65px;padding:34px 32px 50px;background:linear-gradient(180deg,#0b1b2d,#06111e);border:3px solid #174c79;box-shadow:8px 8px 0 #00101e,0 18px 50px #0008}
.document .kicker{margin-top:38px}.document .intro{margin:22px 0 28px;max-width:720px}
.back{display:inline-block;color:var(--blue);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;padding:8px 0}
.updated{display:inline-block;color:#7899b4;border:1px solid #244e70;padding:6px 9px;font-size:11px}
.document section{border-top:2px dashed #17466d;padding:27px 3px 20px;margin-top:8px}
.document h2{color:var(--gold);font-family:"Press Start 2P",monospace;font-size:13px;line-height:1.6;margin:0 0 15px;text-shadow:2px 2px 0 #4c2e00}
.document p,.document li{color:var(--muted);font-size:14px;line-height:1.8}.document li+li{margin-top:8px}
.document a{color:#6bc7ff;text-underline-offset:3px}.document a:hover{color:var(--gold)}.document ul,.document ol{padding-left:24px}
.button{display:inline-block;background:var(--blue);border:3px solid #9edcff;box-shadow:5px 5px 0 #064c80;color:#04101b!important;padding:12px 17px;text-decoration:none;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.5}
.error{margin-top:80px;text-align:center}
footer{max-width:1000px;margin:auto;border-top:2px solid #143858;padding:24px;color:#65829a;font-size:11px;text-align:center}
@media(max-width:700px){.links{grid-template-columns:1fr}.home{padding-top:42px}.home h1,.document h1{font-size:27px}.brand span{font-size:9px}.brand img{width:40px;height:40px}.document{margin:20px 12px 45px;padding:27px 19px 38px;box-shadow:5px 5px 0 #00101e}.document h2{font-size:11px}.document p,.document li{font-size:13px}}
