:root{--bg:#17191f;--bg-elevated:#20232b;--bg-card:#252832;--hairline:#3b3e49;--ink:#f1eee7;--ink-muted:#aaa7a0;--ink-faint:#777a84;--amber:#ffad2f;--amber-soft:rgba(255,173,47,.13);--amber-line:rgba(255,173,47,.45);--red:#ff5147;--cyan:#38c9ef;--green:#42d99b;--magenta:#e94498;--violet:#876cff;--font-display:'Fraunces',serif;--font-body:'Source Serif 4',serif;--font-ui:'Inter',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0%,#292c35 0,#191b21 34%,#121318 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);line-height:1.68;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:38px 38px}a{color:inherit;text-decoration:none}::selection{background:var(--amber-soft)}
.hero{padding-top:82px!important}.hero h1{font-size:clamp(3rem,7vw,5.6rem)!important;letter-spacing:-.035em;text-shadow:0 12px 45px rgba(0,0,0,.45)}.hero p{font-family:var(--font-ui);font-size:.98rem!important;line-height:1.75}.eyebrow{color:var(--amber)!important;font-weight:600}.constellation-wrap{max-width:1100px!important;padding:22px 30px 55px!important;border-radius:38px;background:linear-gradient(145deg,#262932,#181a20);box-shadow:20px 24px 60px rgba(0,0,0,.42),inset 1px 1px rgba(255,255,255,.05),inset -1px -1px rgba(0,0,0,.5)}#map{filter:drop-shadow(0 15px 20px rgba(0,0,0,.25))}.index{max-width:1100px!important;border:0!important}.index-title{text-align:center;color:#9b9da5!important}.grid{background:transparent!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.card{position:relative;overflow:hidden;min-height:190px;border:1px solid #393c46;border-radius:24px;background:linear-gradient(145deg,#292c35,#1a1c22)!important;box-shadow:10px 14px 28px rgba(0,0,0,.32),inset 1px 1px rgba(255,255,255,.05);padding:26px 22px 24px!important;transition:.28s ease!important}.card:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--amber),var(--red),var(--magenta),var(--violet),var(--cyan));opacity:.85}.card:nth-child(2n):before{background:linear-gradient(90deg,var(--cyan),var(--green))}.card:nth-child(3n):before{background:linear-gradient(90deg,var(--magenta),var(--violet))}.card:hover{background:linear-gradient(145deg,#30333d,#1f2128)!important;transform:translateY(-7px);box-shadow:14px 22px 38px rgba(0,0,0,.42)}.card h3{font-size:1.35rem!important;margin-top:16px}.card p{font-family:var(--font-ui);font-size:.78rem!important}.dot{box-shadow:0 0 12px var(--amber)}
.oh{margin-top:32px!important;max-width:1080px!important;border:1px solid #393c46!important;border-radius:30px;background:linear-gradient(145deg,#292c35,#191b21);box-shadow:18px 22px 50px rgba(0,0,0,.38);padding:44px!important}.oh h1{font-size:clamp(2.8rem,5vw,4.5rem)!important}.wb{max-width:1080px!important;grid-template-columns:1fr 300px!important}.chapter-row{margin-bottom:12px;padding:16px 18px!important;border:1px solid #343741!important;border-radius:18px;background:linear-gradient(145deg,#23262e,#191b20);box-shadow:7px 9px 18px rgba(0,0,0,.2);transition:.25s}.chapter-row:hover{padding-left:26px!important;border-color:var(--amber-line)!important;box-shadow:10px 14px 26px rgba(0,0,0,.3)}.num{width:46px;height:46px;min-width:46px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--amber);color:var(--amber)!important;box-shadow:inset 0 0 0 5px #20232a,0 0 18px rgba(255,173,47,.12)}aside{padding:22px;border-radius:22px;background:linear-gradient(145deg,#262932,#191b20);border:1px solid #373a44;box-shadow:10px 14px 28px rgba(0,0,0,.25);align-self:start}
.reader{max-width:860px;margin:32px auto 100px;padding:0 24px}.reader-head{padding:42px;border:1px solid #393c46;border-radius:30px;background:linear-gradient(145deg,#292c35,#191b21);box-shadow:18px 22px 50px rgba(0,0,0,.38);margin-bottom:30px}.reader-head .crumb{font-family:var(--font-ui);font-size:11px;color:var(--ink-faint);margin-bottom:18px}.reader-head h1{font-family:var(--font-display);font-style:italic;font-weight:340;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.05}.reader-head p{margin-top:16px;color:var(--ink-muted)}.prose{background:linear-gradient(145deg,#22252d,#17191f);border:1px solid #343741;border-radius:28px;padding:clamp(28px,6vw,64px);box-shadow:14px 20px 45px rgba(0,0,0,.32)}.prose h2{font-family:var(--font-display);font-size:2rem;font-weight:400;margin:2.4em 0 .8em;color:var(--ink)}.prose p{font-size:1.08rem;margin:0 0 1.35em}.prose .dialogue{padding-left:1.1em;border-left:1px solid var(--amber-line)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:760px){.wb{grid-template-columns:1fr!important}.constellation-wrap{margin-inline:10px!important;padding:12px!important;border-radius:22px}.oh{margin:18px 14px 0!important;padding:28px 22px!important}}@media(max-width:600px){.grid{grid-template-columns:1fr!important}.reader-head{padding:28px 22px}.prose{padding:28px 22px}}