@charset "UTF-8";
:root{color-scheme:dark;--bg:#091b20;--panel:#10272c;--ink:#f5efdd;--muted:#b3c7c6;--gold:#e8bc74;--line:#395357;--accent:#9cdbcf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#1b3d40 0,transparent 55%),var(--bg);color:var(--ink);font:16px/1.7 system-ui,sans-serif}button,input,a{touch-action:manipulation}button,input{font:inherit}a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:20px}.chronicle-top{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:20px clamp(18px,4vw,72px)}.chronicle-brand{display:flex;align-items:center;gap:15px;text-decoration:none;letter-spacing:2px;color:var(--ink);font:600 20px Georgia,serif}.chronicle-brand>span:first-child{font-size:48px;color:var(--gold)}.chronicle-brand small{display:block;font:9px/1.5 system-ui;letter-spacing:2px;color:var(--gold);margin-top:7px}.chronicle-top nav{display:flex;gap:28px;align-items:center;font-size:13px}.era-label{color:var(--accent);letter-spacing:1px;border-left:1px solid var(--line);padding-left:26px;font-size:11px}main{max-width:1440px;margin:auto;padding:0 clamp(18px,4vw,64px)}.chronicle-intro{display:flex;justify-content:space-between;align-items:center;padding:64px 0 42px;gap:30px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:700}.chronicle-intro h1{font:normal clamp(46px,5vw,80px)/1.1 Georgia,serif;margin:18px 0}.chronicle-intro h1 em{font-weight:normal;color:var(--gold)}.chronicle-intro p{color:var(--muted);margin:0}.chronicle-period{display:flex;align-items:center;gap:20px;border-left:1px solid var(--line);padding-left:40px}.chronicle-period strong{font:normal 74px/1 Georgia,serif;color:var(--gold)}.chronicle-period span{font-size:11px;text-transform:uppercase;letter-spacing:2px}.chronicle-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}.chronicle-rail{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding:2px 14px 20px 2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.chronicle-rail label{display:block;color:var(--muted);font-size:11px}.chronicle-rail input{display:block;margin:10px 0;width:100%;min-width:0;border:1px solid var(--line);background:#0a2025;color:var(--ink);border-radius:4px;padding:12px 10px;font-size:13px}.muted{color:var(--muted);font-size:11px}.chronicle-rail nav{display:grid}.chronicle-rail a{display:grid;grid-template-columns:46px 1fr;gap:12px;min-height:60px;align-items:center;padding:9px 8px 9px 0;border-bottom:1px solid #203e44;color:var(--muted);text-decoration:none;font-size:13px}.chronicle-rail a strong{font:normal 18px Georgia,serif;color:#8baca8}.chronicle-rail a[aria-current]{color:var(--ink);border-color:var(--gold);background:linear-gradient(90deg,transparent,#254140)}.chronicle-rail a[aria-current] strong{color:var(--gold)}.chronicle-rail a:hover{color:var(--gold)}.chronicle-direction{font-size:12px;color:var(--gold);line-height:1.6;margin:22px 0}.chronicle-direction small{color:var(--muted);font-size:10px}.chronicle-cover{position:relative;min-height:360px;aspect-ratio:1.9;overflow:hidden;border-radius:4px;background:var(--panel);isolation:isolate}.chronicle-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.chronicle-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06181ef5,transparent 80%);z-index:-1}.chronicle-cover-copy{position:absolute;bottom:0;left:0;right:0;padding:32px}.chronicle-cover h2{font:normal clamp(34px,4vw,58px)/1.12 Georgia,serif;margin:12px 0}.chronicle-cover p{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0}.chronicle-number{position:absolute;top:22px;right:24px;background:#0a2025d9;border:1px solid #65867c;padding:6px 12px;font-size:11px;letter-spacing:2px;color:var(--ink)}.chronicle-prose{max-width:690px;margin:30px auto 0;padding:0 20px}.chronicle-lead{font:italic 24px/1.55 Georgia,serif;color:var(--gold);padding-bottom:22px;border-bottom:1px solid var(--line)}.chronicle-prose p:not(.chronicle-lead){color:#e0e6dd;font:18px/1.95 Georgia,serif;margin:24px 0}.chronicle-choice{margin:34px 0;background:linear-gradient(145deg,#183539,#10272c);border:1px solid var(--line);padding:28px;border-radius:5px}.chronicle-choice h3{font:normal 25px/1.4 Georgia,serif;margin:8px 0 20px}.chronicle-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chronicle-choice button{border:1px solid #66877e;background:#0b252b;color:var(--ink);padding:14px;text-align:left;border-radius:3px;min-height:50px}.chronicle-choice button:hover,.chronicle-choice button[aria-pressed=true]{border-color:var(--gold);background:#394239;color:var(--gold)}.chronicle-outcome{color:var(--accent);margin:20px 0 0;line-height:1.8}.chronicle-place{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.chronicle-place p{margin:0;font-size:13px;color:var(--muted);max-width:70%}.chronicle-place a{white-space:nowrap;font-size:13px}.chronicle-next{display:flex;justify-content:space-between;gap:24px;padding:28px 0;font-size:13px}.chronicle-next a{max-width:48%;text-decoration:none}.chronicle-next a:last-child{text-align:right;margin-left:auto}.chronicle-next small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.chronicle-footer{margin:46px 0 0;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;gap:50px;justify-content:space-between;font-size:11px;color:var(--muted)}.chronicle-footer p{max-width:680px;margin:0}.chronicle-footer a{white-space:nowrap}@media(max-width:950px){.chronicle-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.chronicle-period{display:none}.chronicle-choice-buttons{grid-template-columns:1fr}.chronicle-cover{min-height:300px}.chronicle-cover-copy{padding:22px}.chronicle-prose{padding:0 5px}.chronicle-place{display:block}.chronicle-place p{max-width:none;margin-bottom:15px}.chronicle-footer{display:block}.chronicle-footer a{display:block;margin-top:20px}}@media(max-width:650px){.chronicle-top{padding:14px 18px;align-items:flex-start}.chronicle-top nav{gap:12px;flex-direction:column;align-items:flex-end;font-size:11px}.era-label{border:0;padding:0;font-size:9px}.chronicle-brand{font-size:15px}.chronicle-brand>span:first-child{font-size:35px}.chronicle-intro{padding:36px 0 28px}.chronicle-intro h1{font-size:47px}.chronicle-intro p{font-size:14px}.chronicle-layout{display:block}.chronicle-rail{position:static;max-height:none;padding:0;margin-bottom:22px}.chronicle-rail label,.chronicle-rail .muted,.chronicle-direction{display:none}.chronicle-rail nav{display:flex;overflow:auto;gap:10px;padding-bottom:12px}.chronicle-rail a{flex:0 0 155px;display:block;border:1px solid var(--line);padding:10px 12px;min-height:86px;font-size:12px}.chronicle-rail a strong{display:block;margin-bottom:5px}.chronicle-cover{min-height:340px;aspect-ratio:auto}.chronicle-cover h2{font-size:40px}.chronicle-prose p:not(.chronicle-lead){font-size:17px}.chronicle-choice{padding:20px}.chronicle-choice h3{font-size:23px}.chronicle-next{font-size:12px}.chronicle-footer a{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
