/* A dark sky around a living world; parchment is an object, not the universe. */
:root{--sky:#07101f;--starlight:#ece4cf;--celestial-gold:#d4b676}
html{background:var(--sky);scroll-padding-top:100px}body{padding-top:104px;background:radial-gradient(ellipse at 85% 45%,#11253c,transparent 60%),#070e19;color:var(--starlight)}
body::before,body::after{display:none}
body>header{position:absolute;z-index:100;top:0;left:0;right:0;height:104px;padding:0 5%;background:#050a12;border-bottom:1px solid #d4b67622;color:var(--starlight);gap:20px}
body>header .wordmark{flex:0 0 270px;display:flex;align-items:center;gap:14px;line-height:1;color:var(--starlight)}body>header .wordmark img{width:88px;height:88px;object-fit:contain;flex:none}.brand-title{font:500 35px/1 var(--atlas-serif);letter-spacing:.04em}.brand-title small{display:block;margin-top:9px;font:8px/1.4 Arial,sans-serif;letter-spacing:.21em;color:#bda77a}
.nav-shell{margin-left:auto;position:relative}body>header nav{gap:23px;margin:0}body>header nav a{color:#d8d9d6;font-size:11px}body>header nav a:hover{color:#f4cf82}body>header nav button{border-color:#d4b67655;color:#e7d8b3}body>header nav button span{color:#f4cf82}.nav-pennant{display:none}.nav-pennant img{display:block;width:100%;height:100%;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body>header.is-compact{position:fixed;left:22px;right:auto;top:0;width:72px;height:104px;padding:0;border:0;background:none;display:block;box-shadow:none}body>header.is-compact .wordmark{display:none}body>header.is-compact .nav-shell{margin:0}
body>header:is(.is-compact,.is-mobile) .nav-pennant{display:block;width:66px;height:94px;padding:0;border:0;background:#020608;cursor:pointer;filter:drop-shadow(0 5px 8px #0008)}
body>header:is(.is-compact,.is-mobile) nav{display:none;position:absolute;left:66px;top:8px;padding:20px 24px;background:#081321f5;border:1px solid #c8aa6d50;box-shadow:0 16px 45px #0009;backdrop-filter:blur(16px);width:max-content;max-width:calc(100vw - 115px);align-items:center;flex-wrap:wrap;gap:20px}
body>header:is(.is-compact,.is-mobile).is-nav-open nav{display:flex}body>header button:focus-visible,body>header a:focus-visible{outline:2px solid #f1ca75;outline-offset:5px}
#home.hero{position:relative;display:block;height:min(850px,calc(100svh - 60px));min-height:760px;padding:0;background:radial-gradient(ellipse at 85% 25%,#1e3c5a77 0,transparent 44%),radial-gradient(ellipse at 48% 100%,#10263f 0,transparent 65%),#030913;border:0;overflow:hidden;isolation:isolate}
#home.hero::before{inset:0;border:0;background-image:radial-gradient(circle at 13% 19%,#c3dcf4a8 0 .6px,transparent 1.2px),radial-gradient(circle at 72% 51%,#c3dcf478 0 .7px,transparent 1.2px),radial-gradient(circle at 35% 83%,#e8e0cf70 0 .5px,transparent 1px);background-size:197px 163px,293px 229px,137px 211px;opacity:.54;z-index:0;pointer-events:none}
#home.hero::after{inset:0;border:0;background:linear-gradient(90deg,#030913 0,#030913d9 20%,#03091344 39%,transparent 60%),linear-gradient(0deg,#07101f,transparent 9%);z-index:3;pointer-events:none}
#home .atlas-heading{position:absolute;left:6%;top:62px;width:440px;display:block;padding:0;border:0;z-index:7}#home .atlas-heading>.eyebrow{font-size:8px;letter-spacing:.22em;color:#bca46f;margin-bottom:25px}#home .atlas-heading h1{font-size:76px;line-height:.94;letter-spacing:-.035em;color:#f1ead9}#home .atlas-heading h1 br{display:block}#home .atlas-heading h1 em{display:block;margin:8px 0 0;color:#d4b77c}#home .atlas-heading .console-note{border:0;margin:24px 0 0;padding:0;font-size:24px;line-height:1.4;color:#a4b8c9;transform:none}
#home .atlas-console{position:absolute;left:6%;top:378px;width:280px;margin:0;padding:0;z-index:8}#home .atlas-console>label{color:#a1acb7;font-size:8px}.select-frame{border-color:#9d854a55!important}#home .select-frame{background:#0c1929e8;box-shadow:none}#home .select-frame select{color:#e8dcc1;background:none;font-size:23px;min-height:44px}#home .select-frame :is(option,optgroup){background:#101e2c;color:#e8dcc1}#home .console-bottom{margin-top:15px;padding:0;border:0;gap:7px}#home .console-bottom a,#home .console-bottom button{color:#c9b27b;font-size:10px;border-color:#c9b27b44}#home .console-bottom a:hover,#home .console-bottom button:hover{color:#fff0cb}#home .chart-key{display:none}
#home .instrument,#home .instrument.regional-view{position:absolute;inset:0;left:0;right:0;top:0;bottom:0;width:100%;height:100%;aspect-ratio:auto;margin:0;transform:none;border:0;background:none;box-shadow:none;isolation:auto;z-index:2}
#home .instrument::before,#home .instrument::after,#home .instrument .orbit,#home .instrument .compass,#home .instrument .moon-tracks{display:none}
#home .instrument .globe-wrap,#home .instrument.regional-view .globe-wrap{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;border-radius:0;border:0;box-shadow:none;transform:none;overflow:visible;background:none}
#home #globe{display:block;width:100%;height:100%;border-radius:0;cursor:grab}#home #globe:active{cursor:grabbing}#home #globePins{inset:0;overflow:hidden;pointer-events:none}#home #globePins button{pointer-events:auto}
#home .instrument .globe-controls,#home .instrument.regional-view .globe-controls{left:auto;right:4%;bottom:41px;transform:none;max-width:540px;width:auto;gap:6px;z-index:12;display:flex;flex-wrap:wrap;justify-content:flex-end}#home .instrument .globe-controls button,#home .instrument.regional-view .globe-controls button{background:#081322d9;color:#ddd5bd;border:1px solid #bfa87866;font-size:9px;padding:9px 12px;min-height:35px}#home #globeZoomLabel{background:#081322d9;color:#d7cba7;border-color:#bfa87866}
#home .instrument .instrument-caption,#home .instrument.regional-view .instrument-caption{left:auto;right:4%;bottom:15px;transform:none;width:auto;max-width:540px;font:7px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#91a6b9;text-align:right;white-space:normal}
#home .instrument .orbiting-moon,#home .instrument.regional-view .orbiting-moon{display:block;pointer-events:none;width:33px;height:33px;opacity:.85}#home .moon-disc{width:100%;height:100%;box-shadow:0 0 16px #c4dcf344}#home .moon-register,#home .instrument.regional-view .moon-register{display:none}
.celestial-sun{position:absolute;top:12%;right:19%;width:5px;height:5px;border-radius:50%;background:#fff2c3;box-shadow:0 0 9px 4px #fff0c8,0 0 36px 10px #e0c48c88,0 0 100px 30px #5383b249;z-index:1;pointer-events:none}.celestial-sun::after{content:'';position:absolute;width:200px;height:1px;left:-98px;top:2px;background:linear-gradient(90deg,transparent,#ffe8aa99,transparent)}
#home>.globe-place-note,#home .instrument.regional-view~.globe-place-note{position:absolute;inset:auto;left:6%;bottom:42px;width:300px;max-height:238px;margin:0;padding:21px 23px;transform:rotate(-1.5deg);z-index:9;color:#263a36;overflow:auto;clip-path:polygon(1% 1%,24% 0,52% 1%,80% 0,100% 2%,99% 33%,100% 67%,99% 100%,75% 99%,49% 100%,20% 99%,0 100%,1% 73%,0 42%);box-shadow:none;border:0}#home>.globe-place-note h2{font-size:31px}#home>.globe-place-note>p:not(.eyebrow){font-size:12px;line-height:1.65;min-height:0;color:#4b574b}#home>.globe-place-note .main-link{color:#815534;font-size:10px}#home>.globe-place-note .political-context{color:#7d6649;font-size:9px!important}#home>.globe-place-note::after{display:none}#home .folio{display:none}
/* The sky continues behind the separate journal objects. */
#stories.stories-section{background:linear-gradient(130deg,#07101f,#0b1727);box-shadow:none;border-top:1px solid #c3ac7426}#stories::before{border-color:#c3ac7418}body .section-heading h2{color:#eee4cd}body .section-heading h2 em{color:#c9ae73}body .section-heading>p{color:#a0afba}body .section-heading .eyebrow{color:#b39a67}
#stories .story-shelf{border-color:#c4ac7044}#stories .book,#stories .book.illustrated-binding{color:#e1d9c5;border-color:#c4ac7030}#stories .book small{color:#9caaae}#stories .book strong,#stories .book.illustrated-binding strong{color:#e1d9c5}#stories .book.active,#stories .book:hover,#stories .adventure-group.has-active>.book{background:#142538!important}#stories .book.active strong,#stories .adventure-group.has-active>.book strong{color:#edcd89}.companion-adventures{background:#14223555}.companion-adventures>summary,.companion-note{color:#bfa775}.companion-adventures .book{border-color:#bfa77555!important}
#gods.lore-section{background:#091320;border-color:#bba37444}#people.people-section{background:linear-gradient(130deg,#0d1d30,#07111e);border-color:#bba37422}#people .lore-tabs button{color:#c6c8c1;border-color:#bba37455}#people .lore-tabs button.active{background:#172b40;color:#e6c883}#people .browse-all{color:#d2b77d}.ask-section{background:#07101f;border-color:#baa36c33}.ask-heading h2{color:#efe4cb}.ask-heading h2 em,.ask-heading .margin-hand{color:#bea976}.ask-heading>.eyebrow{color:#899eb0}.ask-paper{color:#284039}
.closing{background:radial-gradient(ellipse at 50% 100%,#19304b,transparent 70%),#060d18;color:#ece2c9;border-color:#bda97433}.closing h2,.closing h2 em{color:#d8c18d}.closing p{color:#a4b3bf}.closing .main-link{color:#ddc48b}footer{background:#030810;color:#91a3b3;border-color:#bda97433}footer>div,footer a{color:#c7b488}
@media(max-width:1150px) and (min-width:801px){body>header .wordmark{flex-basis:215px}.brand-title{font-size:30px}body>header nav{gap:14px}body>header nav a{font-size:10px}#home .atlas-heading{left:5%;width:350px}#home .atlas-heading h1{font-size:65px}#home .atlas-console,#home>.globe-place-note,#home .instrument.regional-view~.globe-place-note{left:5%;width:260px}#home .atlas-console{top:355px}}
@media(max-width:800px){html{scroll-padding-top:90px}body{padding-top:88px}body>header{height:88px;padding:0 20px;gap:0}body>header .wordmark{flex:1;gap:8px}body>header .wordmark img{width:70px;height:70px}.brand-title{font-size:29px}.brand-title small{font-size:6px}body>header.is-mobile .nav-pennant{width:47px;height:67px}body>header.is-mobile .nav-shell{margin-left:0}body>header.is-mobile nav{left:auto;right:0;top:70px;width:230px;max-width:calc(100vw - 35px);padding:23px;gap:22px;flex-direction:column;align-items:flex-start;max-height:75svh;overflow:auto}body>header.is-mobile nav a{font-size:13px}body>header.is-mobile.is-compact{left:12px;width:50px;height:70px}body>header.is-mobile.is-compact nav{right:auto;left:50px;top:4px;width:225px;max-width:calc(100vw - 80px)}
#home.hero{height:1080px;min-height:0;max-height:none;padding:0;display:block}#home.hero::after{background:linear-gradient(180deg,#030913 0,#030913aa 18%,transparent 37%),linear-gradient(0deg,#07101f,transparent 13%)}#home .atlas-heading{left:26px;right:26px;top:34px;width:auto;display:block}#home .atlas-heading>.eyebrow{font-size:6px;margin-bottom:18px;letter-spacing:.17em}#home .atlas-heading h1{font-size:57px;line-height:.94}#home .atlas-heading h1 em{margin-top:5px}#home .atlas-heading .console-note{font-size:20px;margin-top:17px;line-height:1.3}#home .atlas-console{top:293px;left:26px;width:250px;margin:0}#home .atlas-console>label{font-size:7px;margin-bottom:6px}#home .select-frame select{font-size:21px;min-height:40px}#home .console-bottom{flex-direction:row;gap:17px;margin:10px 0 0}#home .console-bottom a,#home .console-bottom button{font-size:9px}
#home .instrument,#home .instrument.regional-view{inset:350px 0 0;height:730px;width:100%;margin:0}#home .instrument .globe-wrap,#home .instrument.regional-view .globe-wrap{inset:0;width:100%;height:100%}#home .instrument .globe-controls,#home .instrument.regional-view .globe-controls{left:20px;right:20px;bottom:22px;width:auto;max-width:none;justify-content:center;gap:5px}#home .instrument .globe-controls button,#home .instrument.regional-view .globe-controls button{font-size:8px;padding:7px 8px;min-height:34px}#home .instrument .instrument-caption,#home .instrument.regional-view .instrument-caption{left:20px;right:20px;bottom:7px;width:auto;max-width:none;font-size:5.5px;text-align:center}#home .instrument .orbiting-moon,#home .instrument.regional-view .orbiting-moon{width:22px;height:22px}
#home>.globe-place-note,#home>.globe-place-note.place-sheet-open,#home .instrument.regional-view~.globe-place-note{position:absolute;inset:auto;bottom:88px;left:25px;right:25px;width:auto;max-height:190px;margin:0;padding:19px 23px;transform:rotate(-1deg);overflow:auto;box-shadow:none}#home>.globe-place-note h2{font-size:29px;margin-bottom:8px}#home>.globe-place-note>p:not(.eyebrow){font-size:11px;line-height:1.55;max-width:none;margin-bottom:8px}#home>.globe-place-note .eyebrow{font-size:6px;margin-bottom:8px}#home>.globe-place-note .main-link{font-size:9px}#home .celestial-sun{top:43%;right:15%}#home #closePlaceSheet{display:none}
#stories.stories-section,#people.people-section,#gods.lore-section{padding-top:57px}.story-workspace{gap:27px}.ask-section{gap:30px}.character-inscription .portrait-caption{font-size:10px!important}#entityPage{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#stories .reading-desk,.character-card{color:#26423a}
#stories .reading-desk h3,#stories .reading-desk h4{color:#26423a}

body>header .wordmark .wordmark-lettering{width:180px;height:auto;max-width:none;object-fit:contain}.brand-title small{text-align:center}
@media(max-width:800px){body>header .wordmark .wordmark-lettering{width:145px;height:auto}}

@media(min-width:801px) and (max-width:1100px){body>header.is-mobile .nav-shell{margin-left:auto}body>header.is-mobile nav{left:auto;right:0;top:94px;width:600px;max-width:calc(100vw - 90px)}body>header.is-mobile.is-compact nav{left:66px;right:auto;top:8px;max-width:calc(100vw - 115px)}}

/* Keep the selected region in the usable scene and every note link in sight. */
#home .atlas-heading{top:50px;width:470px}#home .atlas-heading h1{font-size:64px}#home .atlas-heading .console-note{font-size:20px;line-height:1.3;margin-top:20px}#home .atlas-console{top:360px}
#home>.globe-place-note,#home .instrument.regional-view~.globe-place-note{max-height:none;overflow:visible}
#home>.globe-place-note>p:not(.eyebrow):not(.political-context){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#stories .section-heading h2,#people .section-heading h2,#gods .section-heading h2{color:#eee4cd}#stories .section-heading h2 em,#people .section-heading h2 em,#gods .section-heading h2 em{color:#c9ae73}#stories .section-heading>p,#people .section-heading>p,#gods .section-heading>p{color:#a0afba}
@media(max-width:1150px) and (min-width:801px){#home .atlas-heading{width:350px}#home .atlas-heading h1{font-size:58px}#home .atlas-console{top:355px}}
@media(max-width:800px){#home .atlas-heading{top:34px;width:auto}#home .atlas-heading h1{font-size:57px}#home .atlas-heading .console-note{font-size:20px;margin-top:17px}#home .atlas-console{top:293px}#home>.globe-place-note,#home>.globe-place-note.place-sheet-open,#home .instrument.regional-view~.globe-place-note{max-height:none;overflow:visible}#home>.globe-place-note>p:not(.eyebrow):not(.political-context){-webkit-line-clamp:2}}

body>header:is(.is-compact,.is-mobile) .nav-pennant{background:transparent}
/* A full-width planet must not trap a phone's page scrolling: horizontal swipes
   turn the globe, vertical swipes scroll the journal, and browser pinch remains available. */
@media(pointer:coarse){#home .globe-wrap canvas{touch-action:pan-y pinch-zoom}}