:root{color-scheme:dark;--navy:#071522;--ink:#e8f4f8;--gold:#f4d19c;--accent:#84e0ff}*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 70% 0%,#302f50,transparent 42%),linear-gradient(175deg,#081423,#050a12);font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{color:var(--accent)}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px} .wrap{width:min(1160px,94vw);margin:auto}
header{text-align:center;padding:36px 0 18px} .eyebrow{letter-spacing:.23em;font-weight:800;font-size:11px;color:#f1cb8e;text-transform:uppercase}
h1{font:400 clamp(32px,5vw,65px)/1.08 Georgia,serif;letter-spacing:.01em;color:#fff;margin:12px auto}h2{font:400 clamp(24px,3.2vw,37px)/1.18 Georgia,serif;color:#f7dbac}
p{max-width:920px;margin:13px auto}.sub{font:italic clamp(16px,2.5vw,23px) Georgia,serif;color:#e8cfa8}
nav,.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px auto}
nav a,.buttons a{display:inline-block;padding:9px 15px;border:1px solid #b59b7c;background:#102437;color:#f8f2e9;border-radius:25px;text-decoration:none;font-size:13px;font-weight:700}
nav a.selected,.buttons a.featured{background:var(--gold);color:#0d1f2b}nav a:hover,.buttons a:hover{background:#274661}
figure{padding:12px;margin:15px auto 20px;background:linear-gradient(130deg,#0f2335,#071423);border:1px solid #857a73;border-radius:16px;box-shadow:0 22px 56px #0008}
figure a{display:block;line-height:0}figure img{display:block;width:100%;height:auto;border-radius:7px}
figcaption{font-size:12px;text-align:center;color:#bdc8ce;margin:10px auto 3px}
.notice,.credits,.story{margin:22px auto;background:#0d2031;border:1px solid #45607b;border-radius:12px;padding:19px 24px;max-width:1030px}
.notice{border-left:4px solid #e9bd88}.notice p,.story p,.credits p{margin:9px 0}
.story ol{padding-left:24px}.story li{margin:0 0 17px}.story li b{color:#f3ce94}.story li blockquote{margin:6px 0 0;color:#dbecf5}
footer{text-align:center;padding:25px 12px 45px;color:#c2d0d8;font-size:13px}footer strong{color:#f0d2a2}
@media(max-width:650px){header{padding-top:22px}figure{padding:5px}.notice,.story,.credits{padding:13px 15px}}