/* The illuminated archive: ink, antique gold, deep emerald and deliberate motion. */
:root{--bg:#0b1210;--surface:#122019;--text:#f1ecde;--muted:#b8c0b5;--gold:#e5c58e;--line-light:#3b4d3e;--ease:cubic-bezier(.22,.68,.18,1)}
body{background:radial-gradient(ellipse at 82% 8%,#24403238,transparent 42%),radial-gradient(ellipse at 8% 38%,#7f55201a,transparent 34%),#0b1210;}
::selection{background:#c49d5660;color:#fff8e7}
.public-header{background:#0b1411e8;backdrop-filter:blur(20px);border-bottom:1px solid #a78d4c28;box-shadow:0 12px 40px #0002}
.brand .sigil{color:var(--gold);text-shadow:0 0 30px #d5ad5840}.brand-sub{letter-spacing:.19em}
.reader-preference{border-bottom-color:#c9a35926}.desktop-nav>a,.explore-menu summary{position:relative}
.desktop-nav>a:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.desktop-nav>a:hover:after,.desktop-nav>a[aria-current=page]:after{transform:scaleX(1)}
.eyebrow{color:#d3bd91}.home-intro{padding-bottom:8px}.home-intro h1{letter-spacing:-.05em}.title-period{color:var(--gold)}
.page-heading:after{content:'';display:block;position:absolute;left:0;bottom:0;width:66px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.page-heading{position:relative;padding-bottom:27px}.page-heading h1{letter-spacing:-.035em}
.world-shelf{gap:26px;grid-template-columns:1.55fr 1fr}.world-card{border:1px solid #b69a5755;box-shadow:0 25px 65px #0005;isolation:isolate;min-height:520px}
.world-card.featured{background:#152a23}.world-card>img{transition:transform 1.2s var(--ease),filter .8s;filter:saturate(.75)}
.world-card.featured:after{background:linear-gradient(90deg,#081610ed 0%,#091711d9 42%,#0b171482 100%)}
.world-card.godless:after{background:linear-gradient(90deg,#17120fe6,#15120fa3),linear-gradient(0deg,#160e13cf,transparent)}
.world-card h2{letter-spacing:-.04em;text-shadow:0 3px 25px #0008}.world-card h2 em,.hero-content h1 em{color:#f0d09c}
.world-card .world-subtitle{letter-spacing:.22em;color:#e9d1a2}.world-card-text{padding:44px;position:relative;z-index:2}
.world-card.featured .world-card-text{max-width:68%}.world-card.featured h2{font-size:clamp(52px,5vw,76px)}
.world-card.featured .world-description{font-size:16px;line-height:1.8}.world-card.godless h2{font-size:clamp(48px,4.5vw,66px)}
.world-card:before{content:'';position:absolute;inset:10px;border:1px solid #ecd09a19;z-index:3;pointer-events:none}
.book-showcase{display:block;width:218px;position:relative;z-index:3;flex:none;transform:perspective(1100px) rotateY(-12deg) rotateZ(2deg);transition:transform .55s var(--ease),filter .55s;filter:drop-shadow(15px 24px 18px #0008);min-height:0}
.book-showcase img{display:block;width:100%;height:auto;aspect-ratio:256/400;object-fit:cover;border:1px solid #ecd1a460;border-radius:2px 5px 5px 2px}
.book-showcase:after{content:'';position:absolute;top:0;left:0;width:8%;height:calc(100% - 37px);background:linear-gradient(90deg,#08171a70,#fff2 30%,transparent);pointer-events:none}
.book-caption{display:flex;justify-content:space-between;color:#e7d4ad;font-size:12px;letter-spacing:.06em;padding-top:13px;line-height:24px}
.home-book{position:absolute;right:30px;top:100px;width:clamp(135px,12vw,185px)}
.world-card .map-corner-link{bottom:25px;right:26px;font-size:12px}
.series-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:60px;align-items:center;padding:64px;min-height:620px;border:1px solid #b69a5755;box-shadow:0 30px 90px #0005;isolation:isolate}
.series-hero>img{filter:saturate(.65);opacity:.5}.series-hero:after{background:linear-gradient(90deg,#081710f5,#0a1b15b3 65%,#0a171c69)}
.hero-content{max-width:650px;position:relative;z-index:2}.hero-content h1{font-size:clamp(62px,6vw,92px);letter-spacing:-.045em;line-height:.98;text-shadow:0 3px 35px #0009}.hero-content .world-subtitle{letter-spacing:.2em;margin-top:24px}.hero-synopsis{max-width:550px;line-height:1.85}.hero-book{width:220px}.hero-caption{color:#d5c5a2}
.series-nav{border-bottom-color:#b39a553b}.series-nav a{transition:color .2s,transform .2s}.series-nav a:hover{color:#f0d09c;transform:translateY(-2px)}
.button,.icon-button,.reader-control,.region-chip,.stage-picker button,.note-chip{transition:color .22s,background .22s,border-color .22s,box-shadow .25s,transform .25s var(--ease)}
.button.gold{color:#172016;background:linear-gradient(120deg,#f0d6a3,#cdaa69);border-color:#dfc38a;box-shadow:inset 0 1px #fff8,0 5px 18px #0003;text-shadow:none}
.button.outline{background:#11201980;border-color:#61705a}.button:active,.icon-button:active,.reader-control:active,.note-chip:active,.region-chip:active{transform:scale(.97)}
.button .icon,.text-link .icon,.card-link .icon{transition:transform .3s var(--ease)}
.entity-card{background:linear-gradient(145deg,#192b20,#101c16);border-color:#44543b80;box-shadow:0 7px 30px #0002;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.entity-card.characters{background:radial-gradient(ellipse at top right,#5a624030,transparent 70%),linear-gradient(135deg,#203322,#111d18);border-top-color:#b8985d}
.entity-card.characters .entity-card-body{position:relative}.entity-card.characters .entity-card-body:before{content:'';position:absolute;top:14px;right:14px;width:15px;height:15px;border-top:1px solid #b7a57566;border-right:1px solid #b7a57566}
.card-art{overflow:hidden}.card-art img,.gallery-image img{transition:transform .8s var(--ease),filter .8s}
.entity-card .eyebrow{font-size:12px}.entity-card p{font-size:16px}.card-link{font-size:14px}.entity-card h3{line-height:1.18}
.classification-card{position:relative;background:radial-gradient(ellipse at top right,#a1aa6321,transparent 65%),linear-gradient(150deg,#19291e,#101b16);border-color:#77784e70;transition:transform .35s var(--ease),box-shadow .35s}
.classification-card:nth-child(2){background:radial-gradient(ellipse at top right,#d4c49628,transparent 65%),#18271e}.classification-card:nth-child(3){background:radial-gradient(ellipse at top right,#7d353940,transparent 65%),#211b1a}.classification-card:nth-child(4){background:radial-gradient(ellipse at top right,#50568538,transparent 65%),#131c21}
.classification-number{color:#c7ae70;border-color:#bd9c5660}.classification-card h2{letter-spacing:-.02em}.stage-picker button[aria-selected=true]{background:linear-gradient(130deg,#3e4729,#223524);box-shadow:inset 0 -3px #d7b77c}.stage-panel{background:linear-gradient(120deg,#1a2b20,#101b16)}
.flux-invitation{border-color:#a28e5159;background:radial-gradient(ellipse at top right,#a6a35c17,transparent 65%),linear-gradient(130deg,#1f3323,#111e17);box-shadow:0 20px 50px #0003}
.discovery-links>a{transition:padding .3s var(--ease),background .3s}.discovery-number{color:#c1a56c}.discovery-links>a:hover{padding-left:12px;background:linear-gradient(90deg,#d6b87909,transparent)}
.section-heading h2,.home-discovery h2,.portal-end h2{letter-spacing:-.025em}.section-heading .eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:#b59a62;margin:0 12px 4px 0}
.gallery-image{border:1px solid #8c78444f;box-shadow:0 14px 36px #0005;overflow:hidden}.gallery-tile figcaption{padding-top:18px}.gallery-tile figcaption small{font-size:13px;letter-spacing:.04em}
.map-workbench{border-color:#a68b5055;box-shadow:0 20px 65px #0004}.map-panel-top{background:#13251c}.region-inspector{background:linear-gradient(145deg,#213420,#101b16)}.map-pin.selected{box-shadow:0 0 0 5px #e8ca8640,0 0 25px #e3c58460}
.spoiler-gate{border-color:#ac95564d;background:radial-gradient(ellipse at top,#76834b1b,transparent 75%),#111e18}.gate-icon{color:#ddc38f}.entity-heading{border-color:#b99d543b}.basic-facts dt{color:#bdac85}.breadcrumbs{font-size:14px}
.entry-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}.entry-tools .reader-control{display:inline-flex;align-items:center;gap:9px;border:1px solid #66755366;padding:9px 13px;border-radius:3px;background:#11241a;font-size:14px;min-height:44px;color:#ddd6bf}.entry-tools .reader-control[aria-pressed=true]{color:#f4d697;border-color:#c3a360;background:#263624}.reading-estimate{font-size:13px;color:var(--muted);margin-left:3px}
.reader-toolbar{backdrop-filter:blur(18px)}.tts-panel{background:linear-gradient(120deg,#1e3022,#101e17);border:1px solid #8f814b66;border-radius:4px;padding:22px;margin-bottom:32px}.tts-panel summary{font-size:16px;color:#e9d6b0;line-height:1.6;cursor:pointer}.tts-panel summary>span{font-size:13px;color:#b7beac}
.narration-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:23px;align-items:end}.narration-settings label{font-size:13px;color:#d6d9ca;display:flex;flex-direction:column;gap:7px}.narration-settings select{width:100%;min-width:0;background:#0e1b15;color:#f1ecde;font-size:14px}.voice-choice{min-width:0}.voice-help{font-family:var(--sans);font-size:13px!important;line-height:1.7!important;color:#bdc3b4!important;margin:15px 0!important}.narration-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:17px;font-size:13px;color:#c3c9ba}.narration-footer label{display:flex;align-items:center;gap:8px;line-height:1.5}.narration-footer input{width:17px;min-height:17px;height:17px;accent-color:#d6b47b}.voice-separation{font-size:12px!important;line-height:1.7!important;margin:18px 0 0!important;border-top:1px solid #5e6b433d;padding-top:13px;color:#adbaa8!important}.voice-separation a{text-decoration:underline;text-underline-offset:3px}.speaking{background:#cdb26b17;box-shadow:-3px 0 #d2ae6c;border-radius:2px;transition:background .25s}.tts-controls{flex-wrap:wrap}
.publication-panel{background:radial-gradient(ellipse at 20% 40%,#60715b26,transparent 60%),linear-gradient(120deg,#1b2d23,#101a16);border-color:#bba16759;box-shadow:0 25px 65px #0005;gap:65px;padding:52px}.publication-cover.official-cover{background:none;border:0;min-height:0;max-width:256px;padding:0;box-shadow:12px 22px 35px #0009;transform:perspective(1000px) rotateY(-8deg);aspect-ratio:256/400}.official-cover img{display:block;width:100%;height:auto;border-radius:3px}.publication-cover.official-cover:before,.publication-cover.official-cover:after{display:none}.publication-panel>div:last-child h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.035em}.publication-panel>div:last-child>p:not(.eyebrow){font-size:18px;line-height:1.8}
.reading-invitation{background:linear-gradient(135deg,#253725,#111c16);border-color:#b89b5855}.update-card{border-bottom-color:#8e825039}.update-card h2{letter-spacing:-.025em}.casting-panel{border-color:#bfa2674f;background:radial-gradient(ellipse at top,#64764824,transparent 65%),#132219}.audio-emblem{box-shadow:0 0 40px #cab07912}
dialog{border:1px solid #ba9b635c!important;box-shadow:0 35px 100px #000b!important;background:#112019;color:#f1ecde}dialog[open]{animation:dialog-arrive .3s var(--ease)}dialog::backdrop{background:#030b09c7;backdrop-filter:blur(7px);animation:backdrop-arrive .3s ease-out}.explore-panel{box-shadow:0 20px 60px #0008;border-color:#b39a5450}.explore-menu[open] .explore-panel{animation:dialog-arrive .22s var(--ease)}
.collection-dialog{width:min(580px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:30px;margin:auto;border-radius:5px}.collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.collection-heading .eyebrow{font-size:11px;margin:0 0 9px}.collection-heading h2{font:38px/1.1 var(--serif);margin:0;letter-spacing:-.025em}.collection-row{display:flex;align-items:center;gap:12px;border-top:1px solid #71805a4d;padding:19px 0}.collection-row>a{flex:1;min-width:0;display:block}.collection-row .eyebrow{display:block;font-size:11px}.collection-row strong{display:block;font:25px/1.2 var(--serif);margin-top:7px}.collection-row>a:hover strong{color:var(--gold)}.collection-empty{text-align:center;padding:26px 7px}.collection-empty>span{font-size:40px;color:var(--gold)}.collection-empty h3{font:29px var(--serif);margin:20px 0 12px}.collection-empty p{color:var(--muted);font-size:16px;line-height:1.8}.collection-dialog>label{display:block;margin:24px 0 9px}.collection-dialog input{width:100%;font-size:16px}#collection-note{font-size:13px;margin-top:20px}
.public-footer{border-top-color:#b598553a}.motion-toggle{font-size:12px;min-height:40px;color:#c8bd9f;padding:6px 12px;border:1px solid #7c795047;border-radius:3px;background:transparent;white-space:nowrap}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:35;background:#1e3325eb;border:1px solid #b098585e;color:var(--gold);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0005}.toast{z-index:1000;border-radius:4px;background:#1e3427ed;backdrop-filter:blur(12px);box-shadow:0 15px 45px #0006}.toast:not([hidden]){animation:toast-arrive .25s var(--ease)}
.click-spark{position:fixed;width:12px;height:12px;border:1px solid #f1d293;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;animation:click-spark .5s ease-out forwards}
.navigation-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:99;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.navigation-progress:after{content:'';position:absolute;width:35%;height:100%;background:linear-gradient(90deg,transparent,#e6ca88,transparent)}.is-navigating .navigation-progress{opacity:1}.is-navigating .navigation-progress:after{animation:route-loading 1s ease-in-out infinite}
#archive-entrance{display:none;position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse at center,#203727,#08110eed 65%);pointer-events:none;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#ecd5a9}#archive-entrance.entrance-active{display:flex;animation:entrance-away 1.45s ease forwards}.entrance-mark{font-size:86px;line-height:1.2;text-shadow:0 0 60px #dabb7650;animation:mark-arrive .9s var(--ease) both}#archive-entrance>span{font:clamp(25px,4vw,40px) var(--serif);letter-spacing:.02em}#archive-entrance>small{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c4b28b}
.reveal-pending{opacity:0;transform:translateY(22px)}.reveal-enter{animation:section-arrive .65s var(--ease) var(--reveal-delay,0ms) both}
.paper-mode .entry-tools .reader-control{background:#e8ddc5;color:#263628;border-color:#81906b}.paper-mode .tts-panel{background:#e9e0cb;border-color:#aaa17d;color:#243b29}.paper-mode .tts-panel summary,.paper-mode .narration-settings label{color:#2d3d29}.paper-mode .tts-panel summary>span,.paper-mode .narration-footer{color:#526044}.paper-mode .voice-help,.paper-mode .voice-separation{color:#526044!important}.paper-mode .speaking{background:#c3a76733;box-shadow:-3px 0 #8c692b}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 8px 23px #0005}.button.gold:hover{background:linear-gradient(120deg,#ffe4b2,#d9b779);box-shadow:0 5px 25px #c3a36126}.entity-card:hover,.classification-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #0005;border-color:#b6a16b}.entity-card:hover .card-art img,.gallery-image:hover img{transform:scale(1.045)}.world-card:hover>img{transform:scale(1.035)}.button:hover .icon,.text-link:hover .icon,.entity-card:hover .card-link .icon{transform:translateX(4px)}.book-showcase:hover{transform:perspective(1100px) rotateY(-3deg) rotateZ(0) translateY(-7px);filter:drop-shadow(15px 30px 24px #0009)}}
@keyframes section-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}@keyframes click-spark{from{opacity:.8;width:12px;height:12px}to{opacity:0;width:70px;height:70px}}@keyframes toast-arrive{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes route-loading{from{transform:translateX(-100%)}to{transform:translateX(390%)}}@keyframes entrance-away{0%,35%{opacity:1}90%,100%{opacity:0;visibility:hidden}}@keyframes mark-arrive{from{opacity:0;transform:scale(.65) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(min-width:1600px){.world-card.featured .world-card-text{max-width:65%}.home-book{right:36px;width:190px}.world-card{min-height:540px}}
@media(max-width:1200px){.world-card-text{padding:32px}.home-book{width:140px;right:20px;top:130px}.world-card.featured .world-card-text{max-width:72%}.world-card.featured h2{font-size:58px}.world-description{max-width:260px}.series-hero{gap:35px;padding:45px;grid-template-columns:minmax(0,1fr) 190px}.hero-book{width:185px}.hero-content h1{font-size:76px}.desktop-nav{gap:16px}}
@media(max-width:1000px){.home-book{display:none}.world-card.featured .world-card-text{max-width:100%}.world-shelf{grid-template-columns:1.15fr 1fr}.world-card.featured h2{font-size:59px}.series-hero{grid-template-columns:minmax(0,1fr) 160px;padding:35px;gap:28px}.hero-book{width:160px}.hero-content h1{font-size:68px}.hero-content .hero-actions{flex-direction:column;align-items:flex-start}.publication-panel{padding:35px;gap:40px}.public-header{gap:14px}.desktop-nav{gap:12px}.public-header .header-actions{gap:1px}}
@media(max-width:760px){.public-header{padding:13px 18px}.public-header .brand{font-size:25px;gap:8px}.public-header .sigil{font-size:32px}.header-actions .icon-button{width:40px;height:44px}.world-shelf{grid-template-columns:1fr}.world-card,.world-card.godless{min-height:440px}.world-card.godless{min-height:380px}.world-card.featured h2{font-size:62px}.world-card.featured .world-card-text{max-width:100%;padding:32px}.world-card.godless h2{font-size:57px}.world-description{max-width:100%}.world-card.featured .world-description{max-width:340px}.series-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding:34px 27px 42px;min-height:0}.hero-content h1{font-size:clamp(58px,12vw,82px);margin-top:23px}.hero-book{width:145px;justify-self:end;margin-top:-18px;margin-right:12px}.hero-content .hero-actions{flex-direction:row;flex-wrap:wrap}.hero-content .hero-actions>.button{min-width:0}.hero-caption{bottom:16px;left:27px;right:auto;font-size:10px;max-width:160px}.series-nav a{font-size:14px}.entity-card p{font-size:16px}.entity-card.characters .eyebrow{font-size:12px}.entry-tools{gap:9px}.entry-tools .reader-control{font-size:13px}.reading-estimate{width:100%;margin-top:4px}.tts-panel{padding:17px}.narration-settings{gap:13px;grid-template-columns:1fr 1fr}.narration-settings .voice-choice{grid-column:1/-1}.narration-settings>[data-narration=preview]{grid-column:1/-1;justify-self:start;grid-row:2}.narration-footer{flex-direction:column;gap:12px}.publication-panel{padding:30px 24px;gap:36px}.publication-cover.official-cover{width:215px;margin:0 auto}.publication-panel>div:last-child>p:not(.eyebrow){font-size:16px}.collection-dialog{padding:24px 20px}.collection-heading h2{font-size:33px}.collection-heading .eyebrow{font-size:10px}.collection-row strong{font-size:23px}.back-to-top{right:16px;bottom:16px}.footer-bottom{gap:14px}.motion-toggle{font-size:13px}.toast{bottom:22px;max-width:calc(100vw - 90px);font-size:13px;padding:12px 17px}.section-heading h2{line-height:1.15}.reveal-pending{transform:translateY(14px)}}
@media(max-width:380px){.public-header .brand-sub{font-size:9px;letter-spacing:.09em}.public-header .brand{font-size:24px}.public-header .sigil{font-size:27px}.public-header{gap:8px;padding:13px 14px}.world-card.featured h2{font-size:54px}.world-card.featured .world-card-text{padding:27px}.hero-content h1{font-size:56px}.hero-content .hero-actions{flex-direction:column}.tts-controls{gap:6px}.tts-controls .button{padding:8px 10px}}
html[data-motion=quiet] *,html[data-motion=quiet] *:before,html[data-motion=quiet] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=quiet] .reveal-pending{opacity:1;transform:none}html[data-motion=quiet] #archive-entrance,html[data-motion=quiet] .click-spark{display:none}html[data-motion=quiet] .button:hover,html[data-motion=quiet] .entity-card:hover,html[data-motion=quiet] .classification-card:hover,html[data-motion=quiet] .book-showcase:hover{transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}#archive-entrance,.click-spark{display:none!important}.button:hover,.entity-card:hover,.classification-card:hover,.book-showcase:hover{transform:none}}
