:root{color-scheme:dark;--bg:#090e18;--ink:#ece5d7;--muted:#aab7c8;--gold:#e2c78d;--cyan:#a8dae4;font-family:Aptos,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0%,#19344755,transparent 50%),#090e18;font-size:15px;line-height:1.85}a{color:var(--cyan);text-underline-offset:4px}a:hover{color:#eddda8}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%;height:auto}.story-site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1280px;margin:auto;padding:26px 36px;border-bottom:1px solid #d6c28b26}.wordmark{display:flex;flex-direction:column;text-decoration:none;text-align:center}.wordmark strong{font-family:Georgia,serif;color:#f1dfb5;letter-spacing:.18em;font-weight:400;font-size:26px;line-height:1.2}.wordmark small{font-size:8px;line-height:1.5;letter-spacing:.27em;text-transform:uppercase;margin-top:6px;color:#bdb6a9}.wall-link,.back-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none}.story-layout{max-width:1220px;margin:55px auto 80px;padding:0 32px;display:grid;grid-template-columns:minmax(220px,365px) minmax(0,1fr);gap:clamp(35px,6vw,84px);align-items:start}.story-art{position:sticky;top:30px;padding:20px;border:1px solid #c7b78029;border-radius:9px;background:linear-gradient(130deg,#263b4d55,#121727);box-shadow:0 20px 55px #0005}.story-art img{width:100%;max-height:76vh;object-fit:contain;border-radius:3px}.story-art figcaption{padding:14px 0 0;text-align:center;line-height:1.7;font-size:10px;letter-spacing:.07em;color:#9db1c6}.story-art a{text-decoration:none}.story-art{margin:0}.category{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin:0 0 14px}.story-main h1{font:400 clamp(36px,4vw,55px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0;color:#f1e9d8}.subtitle{font:italic 21px/1.5 Georgia,serif;color:#c5b494;margin:14px 0 20px}.stats{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 28px}.stats span{font-size:10px;line-height:1.6;border:1px solid #9baca030;padding:7px 10px;border-radius:4px;color:#b8c7cb}.open-card{display:inline-block;border:1px solid #aaccd64d;border-radius:5px;background:#90cfe30b;color:#c3e5e7;padding:11px 19px;text-decoration:none;font-size:12px;margin:0 0 30px}.divider{display:flex;align-items:center;gap:16px;color:#c5ae78;margin:0 0 31px}.divider::before,.divider::after{content:"";height:1px;background:#bba97826;flex:1}.prose{color:#b9c3cf;overflow-wrap:anywhere}.prose p{margin:0 0 1.4em}.prose h1,.prose h2,.prose h3,.prose h4{font-family:Georgia,serif;font-weight:400;line-height:1.3;color:#e3d8c2;margin:1.5em 0 .7em}.prose h2{font-size:29px}.prose h3{font-size:24px}.prose h4{font-size:20px}.prose strong{color:#e4dfd4}.prose ul,.prose ol{padding-left:1.5em}.prose li{padding-left:.15em;margin:.5em 0}.prose blockquote{margin:1.7em 0;padding:16px 21px;border-left:2px solid #c3a365;background:#b89c660a;color:#c9c3b7}.prose blockquote p:last-child{margin-bottom:0}.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:12px;margin:25px 0}.prose th,.prose td{padding:11px 13px;border:1px solid #53677855;min-width:110px;text-align:left;vertical-align:top}.prose th{background:#1b2936;color:#dbcdb1}.prose code{font-size:.9em;background:#26334680;padding:1px 4px;border-radius:3px}.prose pre{white-space:pre-wrap}.related{margin-top:45px;padding-top:27px;border-top:1px solid #d6c28b26}.related h2{font:400 21px/1.4 Georgia,serif;color:#e3d7ba}.related-list{display:flex;gap:10px;flex-wrap:wrap}.related-list a{font-size:12px;text-decoration:none;padding:9px 12px;border:1px solid #8fa6b345;border-radius:4px}.site-footer{text-align:center;padding:20px 20px 40px;font:italic 13px/1.5 Georgia,serif;color:#7d8c9b}.plain-archive{max-width:1200px;margin:50px auto;padding:0 30px}.plain-archive>h1{font:400 42px/1.2 Georgia,serif;color:#eddfbe}.plain-archive>p{color:#aebbc6}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}.archive-card{display:flex;flex-direction:column;gap:15px;text-decoration:none;border:1px solid #d4c59430;padding:15px;background:#1b2a382a;border-radius:5px}.archive-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#0a101a}.archive-card strong{font:400 22px/1.3 Georgia,serif;color:#e9dfcb}.archive-card small{font-size:10px;color:#9eabba;text-transform:uppercase;letter-spacing:.1em}.archive-card:hover{border-color:#adcbd580}
@media(max-width:750px){.story-site-header{padding:20px;gap:12px}.wordmark strong{font-size:22px}.wordmark small{font-size:6px}.wall-link,.back-link{font-size:9px;line-height:1.5;max-width:75px}.story-layout{display:block;margin-top:30px;padding:0 22px}.story-art{position:relative;top:auto;max-width:350px;margin:0 auto 35px}.story-art img{max-height:55vh}.story-main h1{font-size:40px}.prose{font-size:15px}.prose table{font-size:12px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.archive-card{padding:9px;gap:10px}.archive-card strong{font-size:18px}.plain-archive{padding:0 18px}.open-card{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Alpha archive. */
.archive-section{scroll-margin-top:24px;margin-top:46px}.archive-section>h2{font:400 30px/1.25 Georgia,serif;color:#eadfc5}.archive-section>h2 small{font:400 14px/1 Arial,sans-serif;color:#9fbdc7;margin-left:10px}.archive-section .archive-grid{margin-top:22px}.archive-categories{line-height:2.1;font-size:13px;color:#8096a6}.archive-card>span{font:italic 15px/1.5 Georgia,serif;color:#b9b3a5}.printed-details{margin-top:38px}

/* Shared reading layout, including Comic Realm standalone stories. */
.story-layout{display:block;max-width:790px;margin:42px auto 60px;padding:0 clamp(21px,5vw,42px)}
.story-main h1{font-size:clamp(32px,6vw,52px);overflow-wrap:anywhere}
.story-main .subtitle{font-size:19px;margin:12px 0 30px}
.lore-section{font-size:17px;line-height:1.9}
.prose.lore-section>h2,.story-art-section>h2{font:400 12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:0 0 24px}
.story-art-section{margin-top:42px;padding-top:27px;border-top:1px solid #d6c28b26}
.story-art{position:static;max-width:480px;margin:auto;padding:16px}.story-art img{max-height:none}
.more-artwork{margin-top:24px;color:var(--muted)}.more-artwork summary{cursor:pointer;padding:12px 0}.more-artwork figure{margin:20px auto;max-width:520px}
.related-list a{min-height:44px;display:flex;align-items:center}
.skip-story{position:absolute;left:12px;top:-90px;background:#090e18;padding:14px;z-index:5}.skip-story:focus{top:12px}
@media(max-width:600px){.story-site-header{gap:10px;padding:18px 15px}.wordmark strong{font-size:18px}.wordmark small{font-size:6px;letter-spacing:.1em}.wall-link,.back-link{font-size:9px}.lore-section{font-size:16px}.story-layout{margin-top:32px}}