/* Two readings of one world: pale sky outside, blue-black beneath. */
html[data-realm="surface"]{--ink:#e8f1f5;--dark:#d8e6ed;--panel:#f6fafb;--ivory:#29495a;--muted:#5d7888;--gold:#987340;--line:#9caeb547}
body,main>section,footer,.site-header{transition:background-color .7s,color .7s}
.realm-label{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2.4px;margin-top:22px;color:var(--gold)}.realm-label:before{content:"✧";font-size:23px;line-height:1}.realm-return{border:1px solid var(--line);padding:8px 13px;font-size:10px;white-space:nowrap;color:var(--ivory);letter-spacing:1px}.realm-return:hover{border-color:var(--gold)}
.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.story-card{height:490px}.story-card .card-roman{font-size:125px;right:30px;top:40px}.card-content{bottom:32px;left:30px;right:30px}.card-content h3{font-size:32px}.story-art{background-size:100% auto}.story-trace{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.story-trace .text-link{font-size:11px;color:var(--ivory)}.world-map{max-width:600px}.map-node{min-width:125px}.character-story-link{display:flex;align-items:center;gap:35px;margin-top:30px;padding:15px 22px;border:1px solid var(--gold);font-family:var(--serif);font-size:15px;letter-spacing:3px;color:var(--ivory);background:#b4cbd91a}.character-story-link:hover{background:#aac7d42a}.character-profile .outline{font-size:10px;min-height:38px;margin-top:16px}
/* Light world */
[data-realm="surface"] body{background:#e8f1f5}[data-realm="surface"] .site-header{background:#f0f7facf;border-color:#91abb53d;backdrop-filter:blur(18px)}[data-realm="surface"] .site-header.scrolled{background:#edf5f9f2}[data-realm="surface"] .brand img{filter:brightness(.65)}[data-realm="surface"] .desktop-nav a{color:#536f7e}[data-realm="surface"] .desktop-nav a.active,[data-realm="surface"] .desktop-nav a:hover{color:#1f4054}[data-realm="surface"] .desktop-nav a small{color:#7893a1}[data-realm="surface"] .mobile-nav{background:#edf5f9f5}
[data-realm="surface"] .hero{background:radial-gradient(ellipse at 18% 75%,#fff8e8aa,transparent 50%),linear-gradient(115deg,#e7f1f5,#d3e5ed);min-height:790px}[data-realm="surface"] .hero:before{content:"";position:absolute;inset:111px 2.5% 27px;border:1px solid #b79a6540;pointer-events:none}[data-realm="surface"] .hero-image{inset:112px 5% 88px 51%;background-position:center;background-size:cover;border:1px solid #c2a36c80;box-shadow:0 18px 80px #53728625;animation:none;transform:none;will-change:auto;z-index:1}[data-realm="surface"] .hero-shade{background:linear-gradient(90deg,#edf5f450,transparent 55%);pointer-events:none}[data-realm="surface"] .hero-copy{left:9%;width:40%;top:51%;z-index:2}[data-realm="surface"] .hero h1{background:none;-webkit-text-fill-color:currentColor;color:#2e5368;text-shadow:none;font-size:clamp(115px,10vw,175px);margin-top:8px;letter-spacing:17px}[data-realm="surface"] .hero-roman{color:#68859a}[data-realm="surface"] .hero h2{font-size:24px;letter-spacing:3px;color:#3c5868}[data-realm="surface"] .hero-subtitle{color:#607b89;font-size:12px;max-width:325px}[data-realm="surface"] .hero-coordinates{top:135px;left:9%;color:#5f7e90;z-index:2}[data-realm="surface"] .hero-coordinates span{color:#7893a1}[data-realm="surface"] .hero-side-caption{right:3.2%;top:34%;color:#58717b;text-shadow:none;z-index:2;font-size:9px;letter-spacing:6px}[data-realm="surface"] .hero-bottom{z-index:2;bottom:44px;left:9%;right:8%}[data-realm="surface"] .hero-bottom-note{color:#4e6d7c}[data-realm="surface"] .hero-bottom-note small,[data-realm="surface"] .scroll-cue small{color:#6f8692}[data-realm="surface"] .button.primary{background:#365b70;color:#fbf5e8}[data-realm="surface"] .button.primary:hover{background:#24485e}[data-realm="surface"] .sky-orbit{position:absolute;width:670px;height:670px;border-radius:50%;border:1px solid #b79c6b35;left:-185px;top:15%;box-shadow:0 0 0 50px #b79c6b09,0 0 0 100px #b79c6b06;pointer-events:none}
[data-realm="surface"] .stories{background:#eef5f7}[data-realm="surface"] .section-heading h2>span{color:#6a96aa0b}[data-realm="surface"] .story-card{background:#d7e8ef;border-color:#a8b8bb70;color:#2f4c5b}[data-realm="surface"] .story-card .story-art{filter:saturate(.55);opacity:.9}[data-realm="surface"] .story-shade{background:linear-gradient(180deg,#f8f5e333,transparent 25%,#eaf2f5d9 65%,#edf4f7 92%)}[data-realm="surface"] .card-content p{color:#5a7585}[data-realm="surface"] .card-content small{color:#94733e}[data-realm="surface"] .card-link{border-color:#90a6b24d}[data-realm="surface"] .card-number{color:#3d5e72;background:#eff5f4df;padding:7px 11px;font-size:10px}[data-realm="surface"] .card-roman{color:#edf4e7b3;text-shadow:0 2px 30px #42647740}[data-realm="surface"] .story-footnote,[data-realm="surface"] .story-footnote .mono{color:#6c8794}[data-realm="surface"] .world{background:#dceaf0;color:#29495a}[data-realm="surface"] .world-core,[data-realm="surface"] .map-node{background:#dceaf0}[data-realm="surface"] .world .eyebrow,[data-realm="surface"] .lore-tabs small{color:#937541}[data-realm="surface"] .world .section-intro,[data-realm="surface"] .world-summary,[data-realm="surface"] .map-caption,[data-realm="surface"] .subtle-note{color:#607d8b}[data-realm="surface"] .lore-tabs button{color:#637e8d}[data-realm="surface"] .lore-tabs [aria-selected="true"]{color:#27495d}[data-realm="surface"] .lore-body{background:#f3f7f7;color:#2c4d5e;border:1px solid #a2b5bd44}[data-realm="surface"] .lore-copy .eyebrow{color:#9a7c48}[data-realm="surface"] .lore-copy>p:not(.eyebrow){color:#526f7d}[data-realm="surface"] .lore-terms{color:#856a3c;border-color:#b09b6b50}[data-realm="surface"] .lore-source{color:#728a96}[data-realm="surface"] .lore-art{mask-image:linear-gradient(90deg,transparent,#000 24%);opacity:.77}[data-realm="surface"] .clue-list,[data-realm="surface"] .world-tabs button{color:#567584}[data-realm="surface"] .world-tabs [aria-selected="true"]{color:#24485c}[data-realm="surface"] .world-detail .text-link{color:#7f653d}[data-realm="surface"] .map-node.active{color:#24495e}
[data-realm="surface"] .character-gallery{background:#edf4f6}[data-realm="surface"] .character-portrait{background-color:transparent}[data-realm="surface"] .character-epithet{color:#957541}[data-realm="surface"] .character-bio{color:#587481}[data-realm="surface"] .character-stats dt{color:#708994}[data-realm="surface"] .character-stats dd{color:#395768}[data-realm="surface"] .character-select button{color:#67808b}[data-realm="surface"] .character-select small{color:#788d93}[data-realm="surface"] .character-select [aria-selected="true"]{color:#2d5368;border-top-color:#aa8c57;background:linear-gradient(#d5e5ed,transparent)}[data-realm="surface"] .outline{color:#576f79;border-color:#95aeb782}[data-realm="surface"] .scenes{background:#dbeaf0;color:#29495a}[data-realm="surface"] .scenes .section-intro,[data-realm="surface"] .scene-copy>p:not(.eyebrow){color:#607a89}[data-realm="surface"] .scene-copy>small,[data-realm="surface"] .scene-thumbnails span{color:#6d8590}[data-realm="surface"] .scene-thumbnails [aria-pressed="true"] img{border-color:#9d7d43}[data-realm="surface"] .archive{background:#edf4f6}[data-realm="surface"] .archive-quote p,[data-realm="surface"] .details-content{color:#617c8b}[data-realm="surface"] .details-content b{color:#32576b}[data-realm="surface"] footer{background:#d6e6ed;color:#5e7b8a}[data-realm="surface"] .footer-brand{color:#365c70}[data-realm="surface"] footer>p span{color:#64818d}[data-realm="surface"] .edit-fab{background:#f6f8f1ee;color:#725a32;border-color:#b9a47777}[data-realm="surface"] .edit-fab:hover{background:#fffaf0}
[data-realm="surface"] .reader,[data-realm="surface"] .reader-main{background:#edf4f6;color:#29495a}[data-realm="surface"] .reader-header,[data-realm="surface"] .reader-sidebar{background:#dceaf0}[data-realm="surface"] .reader-tabs button{color:#64808e}[data-realm="surface"] .reader-tabs button[aria-current="true"]{color:#29495a}[data-realm="surface"] .reader-sidebar>p:not(.eyebrow),[data-realm="surface"] .reader-sidebar-bottom p,[data-realm="surface"] .reader-toolbar,[data-realm="surface"] .reader-images .local-note{color:#647d89}[data-realm="surface"] .reader-related>p,[data-realm="surface"] .reader-lore p,[data-realm="surface"] .related-empty,[data-realm="surface"] .story-body{color:#526f7d}[data-realm="surface"] .reader .icon-button{color:#4b6a7b}[data-realm="surface"] .reading-progress{background:#cbdde6}[data-realm="surface"] .image-viewer{background:#e8f0f3;color:#29495a}[data-realm="surface"] .image-viewer .icon-button{color:#4d6d7c}
/* The other side stays dark through every chapter. */
html[data-realm="other"]{--ink:#101722;--dark:#0c111b;--panel:#182431;--ivory:#e0e8ea;--muted:#9aaab8;--gold:#c3a787;--line:#9cafbc32}[data-realm="other"] body,[data-realm="other"] .stories,[data-realm="other"] .archive,[data-realm="other"] footer{background:#101722}[data-realm="other"] .site-header.scrolled{background:#101722f2}[data-realm="other"] .hero-shade{background:linear-gradient(90deg,#0a111bd9,transparent 70%),linear-gradient(0deg,#101722,transparent 35%)}[data-realm="other"] .hero-image{background-position:58% center}[data-realm="other"] .hero h1{background:linear-gradient(145deg,#eaf2f4,#94aab9);background-clip:text;-webkit-text-fill-color:transparent}[data-realm="other"] .world,[data-realm="other"] .scenes{background:#16222e;color:#d3dde3}[data-realm="other"] .world-core,[data-realm="other"] .map-node{background:#16222e}[data-realm="other"] .world .section-intro,[data-realm="other"] .scenes .section-intro,[data-realm="other"] .world-summary,[data-realm="other"] .clue-list,[data-realm="other"] .scene-copy>p:not(.eyebrow){color:#9aafbc}[data-realm="other"] .lore-body{background:#0e151f}[data-realm="other"] .lore-copy>p:not(.eyebrow){color:#aab8c1}[data-realm="other"] .lore-tabs button,[data-realm="other"] .world-tabs button,[data-realm="other"] .map-node{color:#8ea3b0}[data-realm="other"] .lore-tabs [aria-selected="true"],[data-realm="other"] .world-tabs [aria-selected="true"],[data-realm="other"] .map-node.active{color:#e3d4bd}[data-realm="other"] .world .eyebrow,[data-realm="other"] .world-detail .text-link,[data-realm="other"] .lore-link-list button{color:#c2ac8a}[data-realm="other"] .character-gallery{background:#0f1823}[data-realm="other"] .character-bio{color:#aabac3}[data-realm="other"] .scene-copy>small,[data-realm="other"] .scene-thumbnails span,[data-realm="other"] .subtle-note{color:#91a4af}[data-realm="other"] .world-tabs,[data-realm="other"] .world-layout,[data-realm="other"] .lore-tabs{border-color:#869caf30}[data-realm="other"] .reader,[data-realm="other"] .reader-main,[data-realm="other"] .image-viewer{background:#111b26}[data-realm="other"] .reader-header,[data-realm="other"] .reader-sidebar{background:#0d1520}[data-realm="other"] .edit-fab{background:#14202ded}
/* Gu Beicheng's three-page reading threshold. */
.journey{width:min(1140px,94vw);height:min(760px,92dvh);max-width:none;max-height:none;margin:auto;padding:0;background:#e7eff2;color:#345364;border:1px solid #c0a67380;overflow:hidden}.journey::backdrop{background:#263e50c9;backdrop-filter:blur(12px)}.journey-header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #8ca6b442}.journey-header .mono{font-size:9px;color:#758d9a}.journey-header .icon-button{color:#527080;border-color:#91a8b550}.journey-layout{height:calc(100% - 72px);display:grid;grid-template-columns:.92fr 1fr;min-height:0}.journey-art{position:relative;background-size:auto 100%;background-position:center;background-repeat:no-repeat;background-color:#ccdce3;overflow:hidden}.journey-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#324e66e6,transparent 60%),linear-gradient(90deg,transparent 80%,#e7eff2)}.journey-art>p{position:absolute;bottom:35px;left:35px;color:#edf5f6;z-index:1;font-family:var(--serif);font-size:30px;letter-spacing:8px}.journey-art small{display:block;font-family:Arial;font-size:8px;letter-spacing:2px;margin-top:8px;color:#c9d9df}.journey-copy{position:relative;padding:55px 48px;overflow:auto;display:flex;flex-direction:column}.journey-copy .eyebrow{color:#967845;font-size:9px;letter-spacing:3px}.journey-name{font-size:11px;letter-spacing:2px;color:#758c98;margin-top:17px}.journey-copy h2{font-family:var(--serif);font-weight:400;font-size:32px;letter-spacing:3px;line-height:1.7;margin:20px 0 28px;outline:none}.journey-text{font-size:14px;line-height:2.2;color:#5c7787;min-height:125px}.journey-text p+p{margin-top:16px}.journey-dots{display:flex;gap:10px;margin-top:30px}.journey-dots span{height:2px;width:30px;background:#a7bac650}.journey-dots span.read{background:#9a7e4f}.journey-controls{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;gap:25px}.journey-controls button{font-size:11px;color:#59768a}.journey-trigger{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:20px;text-align:left;align-items:center;margin-top:25px;border:1px solid #a482775e;padding:20px;background:linear-gradient(120deg,#afbec647,#f4eeee);color:#775750;font-family:var(--serif);font-size:18px;letter-spacing:3px;min-height:85px;transition:background .3s,box-shadow .3s}.journey-trigger:hover{background:#f8f2e9;box-shadow:0 0 25px #99726a1c}.journey-trigger small{font-family:Arial;font-size:7px;letter-spacing:2px;margin-top:8px;color:#a47d71;grid-column:2}.fracture{grid-row:1 / 3;width:25px;height:45px;background:#95605a;clip-path:polygon(57% 0,44% 38%,80% 49%,27% 100%,42% 57%,16% 45%)}.journey-seam{position:absolute;inset:0;z-index:1;opacity:0;background:linear-gradient(113deg,transparent 49.6%,#c18d7940 49.8%,#a0726b 50%,transparent 50.3%);transition:opacity .7s}.journey[data-step="1"] .journey-seam{opacity:.3}.journey[data-step="2"] .journey-seam{opacity:1}.journey[data-step="2"] .journey-art:after{background:linear-gradient(0deg,#192734,transparent 90%),linear-gradient(90deg,transparent 85%,#e7eff2)}
.world-transition{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0d1621;color:#dce6eb;opacity:1;transition:opacity .5s;outline:none;pointer-events:all}.world-transition[data-direction="surface"]{background:#e2eef3;color:#385e72}.world-transition.leaving{opacity:0}.world-transition p{font-family:var(--serif);font-size:clamp(22px,3vw,36px);letter-spacing:6px;margin:27px 20px;text-align:center}.world-transition small{font-size:9px;letter-spacing:5px;color:#a39379}.transition-line{width:1px;height:90px;background:linear-gradient(transparent,#c5aa82,transparent)}
@media(max-width:1100px){[data-realm="surface"] .hero-copy{left:8%;width:42%}[data-realm="surface"] .hero h1{font-size:125px}[data-realm="surface"] .hero h2{font-size:21px}[data-realm="surface"] .hero-buttons{gap:20px}[data-realm="surface"] .hero-buttons .text-link{font-size:10px;gap:8px}.journey-copy{padding:40px 32px}.journey-copy h2{font-size:28px}.desktop-nav{gap:18px}.realm-return{padding:7px 9px;font-size:9px}}
@media(max-width:800px){[data-realm="surface"] .hero{min-height:780px}[data-realm="surface"] .hero-image{inset:97px 6% 40px 31%;opacity:.24;box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 30%);background-position:center}[data-realm="surface"] .hero-copy{left:9%;width:82%;top:47%}[data-realm="surface"] .hero-shade{background:linear-gradient(90deg,#e9f3f4,#e9f3f444 85%);z-index:1}[data-realm="surface"] .hero h1{font-size:140px}[data-realm="surface"] .hero h2{font-size:24px}[data-realm="surface"] .hero-coordinates{top:123px}[data-realm="surface"] .hero:before{inset:96px 4% 24px}[data-realm="surface"] .hero-side-caption{right:6%}[data-realm="surface"] .hero-bottom{left:9%;right:9%;bottom:43px}.story-grid{gap:18px}.story-card{height:400px}.story-card .card-roman{font-size:95px;right:15px}.card-content{left:20px;right:20px}.card-content h3{font-size:27px}.story-trace{align-items:flex-start;flex-direction:column;gap:10px;font-size:11px}.lore-art{mask-image:none!important}.journey{height:96dvh;width:96vw}.journey-header{height:62px;padding:0 20px}.journey-layout{height:calc(100% - 62px);grid-template-columns:.7fr 1fr}.journey-copy{padding:35px 25px}.journey-copy h2{font-size:25px}.journey-text{font-size:13px;min-height:0}.journey-art>p{left:20px;bottom:25px;font-size:24px}.journey-art small{font-size:7px}.journey-trigger{padding:16px;letter-spacing:2px;font-size:16px}.realm-return{font-size:9px}.header-actions{gap:9px}}
@media(max-width:520px){[data-realm="surface"] .hero h1{font-size:122px;letter-spacing:13px}[data-realm="surface"] .hero h2{font-size:21px}[data-realm="surface"] .hero-coordinates{top:118px}[data-realm="surface"] .hero-image{left:15%;opacity:.25}[data-realm="surface"] .hero-subtitle{max-width:275px}[data-realm="surface"] .hero-copy{top:46%}.story-grid{gap:14px}.story-card{height:335px}.card-content{left:14px;right:14px;bottom:23px}.card-content h3{font-size:22px}.story-card .card-roman{font-size:75px}.card-content small{font-size:7px;letter-spacing:1px}.story-card .card-number{font-size:9px;left:14px;padding:5px 7px}.card-link{font-size:9px;letter-spacing:1px}.story-footnote{font-size:9px}.realm-label{font-size:8px;letter-spacing:1.8px}.journey{width:100vw;height:100dvh;border:0;margin:0}.journey-layout{display:block;overflow:auto;position:relative}.journey-art{height:190px;background-size:auto 140%;background-position:center 20%}.journey-art:after,.journey[data-step="2"] .journey-art:after{background:linear-gradient(0deg,#e7eff2,transparent 70%)}.journey-art>p{left:25px;bottom:25px;color:#365769;text-shadow:0 1px 15px #e8f2f8}.journey-art small{color:#607e90}.journey-copy{padding:10px 27px 30px;overflow:visible;min-height:380px}.journey-copy h2{font-size:26px;margin:14px 0 20px}.journey-name{margin-top:9px;font-size:10px}.journey-text{font-size:13px}.journey-text p+p{margin-top:10px}.journey-dots{margin-top:20px}.journey-controls{padding-top:25px}.journey-trigger{margin-top:22px}.journey-header .mono{font-size:7px;letter-spacing:1.3px}.journey-controls .text-link{font-size:11px}.character-story-link{font-size:14px}.world-transition p{letter-spacing:3px}.motion-toggle{padding:7px}.realm-return{font-size:8px;padding:7px}.menu-toggle{gap:8px;font-size:10px}.brand>span{font-size:21px;letter-spacing:5px}.brand{gap:7px}}
.studio-explanation{font-size:12px;line-height:1.9;color:#6b7f89;margin:0 0 23px;padding:14px 17px;background:#dce6e870;border-left:2px solid #9c8254}
[data-realm="other"] .studio{background:#18232f;color:#d7e2e8;border-color:#6d80944d}[data-realm="other"] .studio-header h2{color:#e4eaf0}[data-realm="other"] .studio-notice{background:#111d29;color:#9eafbd}[data-realm="other"] .studio-layout>nav button{color:#91a7b8}[data-realm="other"] .studio-layout>nav button.active{background:#293846;color:#e2d4b9}[data-realm="other"] .studio-main input:not([type="file"]):not([type="checkbox"]),[data-realm="other"] .studio-main select,[data-realm="other"] .studio-main textarea{background:#111d29;color:#cfdae2;border-color:#53677a80}[data-realm="other"] .studio-field>span:first-child{color:#abbac6}[data-realm="other"] .studio-image-preview{background:#121e2a;border-color:#566a7b55}[data-realm="other"] .studio-file{background:#263646;color:#c7b58c}[data-realm="other"] .studio-primary{background:#b7a484;color:#16212b}[data-realm="other"] .studio-save>span,[data-realm="other"] #studioBackup>p,[data-realm="other"] .studio-explanation{color:#9eb1c0}[data-realm="other"] .studio-explanation{background:#111d29}[data-realm="other"] .studio-main button:not(.studio-primary),[data-realm="other"] .studio-import{color:#c4b18d}

/* Author logo and the third story's bottle, aligned to the original image. */
.hero-wordmark{width:max-content;max-width:100%}.hero-wordmark .hero-roman{font-family:Georgia,serif;font-size:10px;line-height:1.6;letter-spacing:3px;text-indent:3px;text-align:center;margin:13px 0 0;color:#aebfcb;white-space:nowrap}
[data-realm="surface"] .hero-wordmark .hero-roman{color:#607b89}
[data-realm="surface"] #hero-title{background:url('assets/surface-logo-transparent.png') center/contain no-repeat;width:min(460px,85vw);height:310px;font-size:0;letter-spacing:0;color:transparent;mix-blend-mode:multiply;margin:12px 0 18px}


.story-image-wrap{position:relative}.reader-images .story-image-wrap>img{margin-bottom:0}.story-image-wrap+.story-image-wrap{margin-top:12px}
.bottle-hotspot{position:absolute;left:37%;bottom:1.6%;width:27%;height:1.2%;min-height:44px;border:0;background:transparent;border-radius:50%;cursor:pointer;transition:box-shadow .3s}
.bottle-hotspot:hover,.bottle-hotspot:focus-visible{outline:2px solid #d3b984;outline-offset:4px;box-shadow:0 0 24px #d3b98499}
@media(max-width:600px){[data-realm="surface"] #hero-title{height:220px;width:min(330px,80vw)}}
.organizations .lore-browser{margin-bottom:0}.lore-edit{display:block;width:fit-content;margin-top:24px;font-size:11px}
@media(min-width:901px){.desktop-nav{gap:24px}.desktop-nav a{white-space:nowrap}}
/* Portrait bookmarks form one horizontal shelf in both worlds. */
.stories .story-grid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a59577 transparent;padding:12px 3px 24px;margin-inline:-3px}
.stories .story-card{flex:0 0 clamp(220px,23vw,280px);width:clamp(220px,23vw,280px);height:530px;scroll-snap-align:start;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 18px),0 100%);transition:transform .55s cubic-bezier(.65,0,.35,1),border-color .3s}
.stories .story-card:hover,.stories .story-card:focus-visible{transform:translateY(-8px);border-color:#ad9160}
.stories .story-card:focus-visible{outline:2px solid #ad9160;outline-offset:-4px}
.stories .story-card .story-art{background-size:100% auto;background-repeat:no-repeat}
.stories .story-card .card-number{left:20px;top:20px;font-size:9px;letter-spacing:2px}
.stories .story-card .card-roman{font-size:96px;right:18px;top:65px}
.stories .story-card .card-content{left:22px;right:22px;bottom:48px}
.stories .card-content h3{font-size:28px;letter-spacing:2px}.stories .card-content small{font-size:7px;letter-spacing:2px}.stories .card-content p{font-size:11px;min-height:42px}
.stories .card-link{font-size:9px;letter-spacing:1.5px;margin-top:20px;padding-top:14px}
@media(max-width:800px){.stories .story-grid{gap:18px}.stories .story-card{flex-basis:220px;width:220px;height:470px}.stories .story-card .card-content{left:19px;right:19px;bottom:43px}.stories .card-content h3{font-size:26px}}
@media(max-width:440px){.stories .story-card{flex-basis:72vw;width:72vw;max-width:250px;height:470px}.stories .story-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){.stories .story-card{transition:none}.stories .story-card:hover,.stories .story-card:focus-visible{transform:none}}
/* A horizontal strip of vertical concepts, with a quiet reading column. */
#world .world-card-browser{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.7fr);gap:38px;align-items:stretch}
#world .world-card-browser #loreBody{display:block;border:0;background:transparent;padding:0;min-width:0}
#world .world-card-browser .lore-copy{padding:28px 0 0;max-height:500px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
#world .world-card-browser .lore-copy h3{font-size:34px;margin-top:18px}
#world .world-card-browser .lore-copy>p:not(.eyebrow){font-size:12px;line-height:2.1}
.world-card-shelf{min-width:0}
#world #loreTabs{position:relative;display:flex;align-items:stretch;gap:14px;padding:4px 2px 16px;margin:0;border:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a59577 transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
#world #loreTabs .world-concept-card{position:relative;display:block;flex:0 0 165px;min-width:0;height:490px;margin:0;padding:0;border:1px solid #a5957755;text-align:left;overflow:hidden;scroll-snap-align:center;background:#17242d;color:#f5f0e6;transition:flex-basis .65s cubic-bezier(.65,0,.35,1),border-color .4s}
#world #loreTabs .world-concept-card[aria-selected="true"]{flex-basis:280px;border-color:#ad9160}
#world #loreTabs .world-concept-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.7) brightness(.55);transition:filter .65s ease,transform .65s ease;pointer-events:none}
#world #loreTabs .world-concept-card[aria-selected="true"] img{filter:grayscale(0) brightness(.94)}
#world #loreTabs .world-concept-card:hover img{filter:grayscale(.15) brightness(.85)}
#world #loreTabs .world-concept-card:focus-visible{outline:2px solid #d3bd8c;outline-offset:-5px}
.concept-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b18263b,transparent 30%,#0a1526d9)}
.concept-index{position:absolute;top:20px;left:18px;font-size:8px;letter-spacing:2px;color:#e2d7c1}
.concept-caption{position:absolute;left:19px;right:15px;bottom:27px}.concept-caption b{display:block;font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:3px;line-height:1.5}.concept-caption small{display:block;margin-top:12px;color:#d9c7a2;font-size:9px;letter-spacing:2px}
.world-concept-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:#718997;font-size:10px}.world-concept-controls>div{display:flex;align-items:center;gap:12px}.world-concept-controls button{width:38px;height:32px;border:1px solid #9b957966;font-size:17px}.world-concept-controls button:disabled{opacity:.3;cursor:default}.world-concept-controls .mono{font-size:8px}
@media(max-width:800px){#world .world-card-browser{grid-template-columns:1fr;gap:20px}#world .world-card-browser #loreBody{order:1}#world .world-card-browser .lore-copy{padding:0;max-height:320px}#world #loreTabs .world-concept-card{height:390px;flex-basis:130px}#world #loreTabs .world-concept-card[aria-selected="true"]{flex-basis:220px}.concept-caption b{font-size:24px}.world-concept-controls{font-size:9px}}
@media(prefers-reduced-motion:reduce){#world #loreTabs .world-concept-card,#world #loreTabs .world-concept-card img{transition:none}}
/* Full-frame landscape artwork with readable captions along the lower edge. */
.scenes .scene-stage{position:relative;display:block;isolation:isolate;overflow:hidden;background:#17242b}
.scenes .scene-stage .scene-image-button{width:100%;aspect-ratio:16/9;min-height:490px}
.scenes .scene-image-button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(5,12,17,.92) 0%,rgba(5,12,17,.65) 23%,rgba(5,12,17,.16) 53%,transparent 74%)}
.scenes .scene-stage .scene-image-button>span{top:22px;right:24px;bottom:auto;z-index:1;background:#10182099;color:#fff}
.scenes .scene-stage .scene-copy{position:absolute;z-index:2;left:42px;right:42px;bottom:32px;padding-right:180px;color:#fff;pointer-events:none}
.scenes .scene-stage .scene-copy .eyebrow{color:#dfc79b;margin:0;font-size:10px;letter-spacing:3px}
.scenes .scene-stage .scene-copy h3{color:#fff;font-size:32px;margin:10px 0 12px;line-height:1.5;letter-spacing:3px}
.scenes .scene-stage .scene-copy>p:not(.eyebrow){color:#f0f2f2;max-width:720px;font-size:12px;line-height:2;margin:0}
.scenes .scene-stage .scene-copy>small{color:#c9d0d2;margin-top:12px;line-height:1.8}
.scenes .scene-stage .scene-controls{position:absolute;right:0;bottom:0;margin:0;gap:18px;pointer-events:auto}
.scenes .scene-stage .scene-controls button{color:#fff;border-color:#ffffff70;background:#0b151b30}
.scenes .scene-stage .scene-controls button:hover{background:#ffffff25}
.scenes .scene-stage .scene-controls button:focus-visible{outline:2px solid #e6c58d;outline-offset:4px}
.scenes .scene-stage .scene-controls .mono{color:#e0d8c8}
@media(max-width:800px){.scenes .scene-stage .scene-image-button{min-height:460px}.scenes .scene-stage .scene-copy{left:26px;right:26px;bottom:26px;padding-right:150px}.scenes .scene-stage .scene-copy h3{font-size:28px}.scenes .scene-stage .scene-controls{gap:12px}}
@media(max-width:540px){.scenes .scene-stage .scene-image-button{aspect-ratio:3/4;min-height:510px}.scenes .scene-stage .scene-copy{left:22px;right:22px;bottom:22px;padding:0 0 62px}.scenes .scene-stage .scene-copy h3{font-size:27px}.scenes .scene-stage .scene-copy>p:not(.eyebrow){max-width:none;font-size:12px}.scenes .scene-stage .scene-controls{left:0;right:auto}.scenes .scene-stage .scene-image-button>span{top:16px;right:16px}.scenes .scene-image-button::after{background:linear-gradient(to top,rgba(5,12,17,.95),rgba(5,12,17,.7) 32%,rgba(5,12,17,.14) 68%,transparent)}}

/* Turn the sandglass before revealing the other side. */
#realmLogo{border:0;padding:0;cursor:pointer;color:inherit;background-color:transparent}
#realmLogo:focus-visible{outline:2px solid #b8955b;outline-offset:5px}

#worldTransition{display:block;padding:0;overflow:hidden;transition:none;background:#fff}
#worldTransition[data-from="other"]{background:#000}
#worldTransition .transition-video{display:block;width:100%;height:100%;object-fit:contain}
#worldTransition .transition-video[hidden]{display:none}
#transitionSkip{position:absolute;right:4%;bottom:5%;padding:11px 18px;border:1px solid #9b876d70;background:#f4f1e9d9;color:#534b40;font-size:11px;letter-spacing:2px}
#transitionSkip:focus-visible{outline:2px solid #b3915e;outline-offset:4px}

/* Fill every viewport so the old light letterbox cannot show beside dark frames. */
#worldTransition .transition-video{object-fit:cover;object-position:center}
#worldTransition .transition-caption{position:absolute;left:20px;right:20px;top:77%;text-align:center;color:#fff;mix-blend-mode:difference;pointer-events:none}
#worldTransition .transition-caption p{margin:0 0 16px;font-size:clamp(20px,3vw,32px);line-height:1.6;letter-spacing:5px}
#worldTransition .transition-caption small{color:inherit;font-size:9px;letter-spacing:5px}
@media(max-height:560px){#worldTransition .transition-caption{top:78%}#worldTransition .transition-caption p{margin-bottom:6px;font-size:20px}}
@media(max-width:540px){#worldTransition .transition-caption p{letter-spacing:3px}#worldTransition .transition-caption small{letter-spacing:3px}}

/* Direct image manipulation within the story's right-hand reading pane. */
.reader-main.story-pan-mode{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.story-pan-mode .reading-progress,.story-pan-mode .reader-toolbar,.story-pan-mode .reader-pager{flex-shrink:0}
.story-pan-mode .reader-content{flex:1;min-height:0;position:relative;overflow:hidden}
.story-pan-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;overscroll-behavior:contain;outline:none}
.story-pan-viewport.is-grabbing{cursor:grabbing}
.story-pan-viewport:focus-visible{box-shadow:inset 0 0 0 2px #b3956466}
.story-pan-viewport .reader-images{position:absolute;left:0;top:0;width:860px;max-width:none;margin:0;padding:0;transform-origin:0 0;will-change:transform}
.story-pan-viewport .reader-images img{pointer-events:none;margin-bottom:12px}
.story-pan-viewport .bottle-hotspot{pointer-events:auto}

/* Organization marks above a full-width environmental illustration. */
#organizations .lore-browser{display:block}
#organizations #organizationTabs{position:relative;display:flex;align-items:stretch;justify-content:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 15px;border:0;scrollbar-width:thin;scrollbar-color:#ad9367 #859aa21c}
#organizations #organizationTabs .organization-tab{position:relative;flex:0 0 116px;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0 0 10px;border:1px solid #a1acac66;background:#ecf0ebc9;color:#3a525c;white-space:normal;letter-spacing:0;transition:border-color .35s ease-in-out,background .35s ease-in-out}
#organizations .organization-tab::after{display:none}
#organizations .organization-logo{display:grid;place-items:center;aspect-ratio:1.25;padding:12px 20px;background:#f4f3ed}
#organizations .organization-logo img{display:block;width:100%;height:100%;object-fit:contain}
#organizations .organization-logo b{font-family:var(--serif);font-size:32px;font-weight:400;color:#53606a}
#organizations .organization-tab-label{display:flex;align-items:baseline;gap:7px;padding:0 9px;font-size:10px;line-height:1.65;text-align:left}
#organizations .organization-tab-label small{display:inline;font-size:8px;letter-spacing:1px;color:#967543}
#organizations .organization-tab-label>span{flex:1}
#organizations #organizationTabs .organization-tab[aria-selected="true"]{border-color:#b3945f;background:#d8e3e5;box-shadow:inset 0 -2px #b3945f}
#organizations #organizationTabs .organization-tab:hover{border-color:#b3945f}
#organizations .organization-tab:focus-visible{outline:2px solid #b3945f;outline-offset:2px}
#organizations #organizationBody{display:block;min-height:0;margin-top:18px;padding:0;border:0;background:transparent}
#organizations .organization-stage{position:relative;isolation:isolate;overflow:hidden;background:#111d25;color:#fff}
#organizations .organization-art{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:16/9;background:#17232b;cursor:zoom-in}
#organizations .organization-art>img{display:block;width:100%;height:100%;object-fit:cover}
#organizations .organization-art>span{position:absolute;right:22px;top:20px;padding:9px 13px;color:#fff;background:#101820b0;font-size:10px;letter-spacing:1px;z-index:3}
#organizations .organization-art:focus-visible{outline:2px solid #e4c38d;outline-offset:-5px}
#organizations .organization-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#050d14f7 0%,#07111bce 21%,#0a152843 51%,transparent 72%)}
#organizations .organization-caption{position:absolute;left:38px;right:38px;bottom:30px;pointer-events:none}
#organizations .organization-caption .eyebrow{font-size:9px;line-height:1.7;color:#e2cda5;letter-spacing:2px;margin:0}
#organizations .organization-caption h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.5;letter-spacing:3px;color:#fff;margin:9px 0 12px}
#organizations .organization-description{max-width:900px}
#organizations .organization-description p{font-size:12px;line-height:2;color:#e8edef;margin:0}
#organizations .organization-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:16px}
#organizations .organization-meta small{font-size:9px;color:#bcc8cd;line-height:1.7}
#organizations .organization-meta button{pointer-events:auto;color:#e5d1ad;font-size:10px;margin-left:auto}
[data-realm="other"] #organizations #organizationTabs .organization-tab{background:#18232dc9;color:#c5d0d5;border-color:#53616b77}
[data-realm="other"] #organizations .organization-logo{background:#d3d8d6}
[data-realm="other"] #organizations #organizationTabs .organization-tab[aria-selected="true"]{background:#2a3741;border-color:#b3945f}
@media(max-width:800px){#organizations #organizationTabs .organization-tab{flex-basis:104px}#organizations .organization-caption{left:24px;right:24px;bottom:23px}#organizations .organization-caption h3{font-size:26px}#organizations .organization-art{aspect-ratio:4/3;min-height:470px}#organizations .organization-meta button{margin-left:0}#organizations .organization-shade{background:linear-gradient(to top,#050d14fa,#07111bd9 27%,#0a152830 72%,transparent)}}
@media(max-width:540px){#organizations #organizationTabs{gap:9px}#organizations #organizationTabs .organization-tab{flex-basis:95px}#organizations .organization-logo{padding:12px 16px}#organizations .organization-caption{left:20px;right:20px;bottom:22px}#organizations .organization-caption h3{font-size:24px;letter-spacing:2px}#organizations .organization-art{aspect-ratio:3/4;min-height:540px}#organizations .organization-description p{font-size:12px;line-height:1.9}#organizations .organization-meta{gap:8px 16px;margin-top:12px}#organizations .organization-meta small:nth-child(2){display:none}#organizations .organization-caption .eyebrow{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){#organizations #organizationTabs .organization-tab{transition:none}}

/* Surface landscape atlas: original map coordinates with independent hit areas. */
#surfaceConceptMap[hidden],#scenes .scene-stage[hidden]{display:none!important}
[data-realm="other"] #surfaceConceptMap{display:none!important}
#scenes .surface-concept-map{border:1px solid #91a7af55;background:#eef3f1b8;color:#2d4d5d}
.concept-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;border-bottom:1px solid #91a7af33}
.concept-map-toolbar .eyebrow{margin:0;font-size:9px;letter-spacing:2px;color:#8d744e}
.concept-map-toolbar button{font-size:10px;letter-spacing:1px;color:#456171;border:1px solid #8a9eaa66;padding:8px 12px}
.concept-map-toolbar button:focus-visible{outline:2px solid #b0925d;outline-offset:3px}
.concept-map-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b79a68 #d6e0e1}
#conceptMapCanvas{display:block;width:100%;height:auto;aspect-ratio:2020/778;background:#cad5dd;isolation:isolate}
#conceptMapCanvas .concept-map-artwork{pointer-events:none}
#conceptMapCanvas .concept-map-region{opacity:0;transform:scale(1);transform-box:view-box;transition:opacity .3s ease-in-out,transform .5s cubic-bezier(.45,0,.2,1);filter:drop-shadow(0 4px 5px #4a392544);pointer-events:none}
#conceptMapCanvas .concept-map-region.is-active{opacity:1;transform:scale(1.055)}
#conceptMapCanvas .concept-map-hit-areas polygon{fill:transparent;stroke:none;cursor:pointer;pointer-events:all;outline:none}
#conceptMapCanvas .concept-map-hit-areas polygon:focus-visible{stroke:#fff6d8;stroke-width:2;stroke-dasharray:6 4}
.concept-map-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:22px 25px 24px;border-top:1px solid #91a7af44}
.concept-map-caption>div{flex:1;min-width:0}
.concept-map-caption .eyebrow{font-size:8px;letter-spacing:2px;color:#937747;margin:0 0 9px}
.concept-map-caption h3{font-family:var(--serif);font-size:23px;letter-spacing:2px;font-weight:400;color:#29495a;margin:0 0 9px;line-height:1.5}
.concept-map-caption>div>p:last-child{margin:0;font-size:11px;color:#587483;line-height:1.9;min-height:21px}
#conceptMapHelp{flex:0 0 auto;font-size:9px;color:#70838b;line-height:2.1;margin:0;text-align:right}
@media(max-width:800px){#conceptMapCanvas{min-width:900px}.concept-map-caption{align-items:flex-start;padding:20px;gap:15px}.concept-map-caption h3{font-size:21px}#conceptMapHelp{font-size:8px;max-width:150px}.concept-map-toolbar{padding:12px 17px}.concept-map-toolbar .eyebrow{font-size:8px}}
@media(max-width:540px){.concept-map-caption{display:block;padding:18px}.concept-map-caption>div>p:last-child{min-height:42px}#conceptMapHelp{text-align:left;max-width:none;margin-top:13px}.concept-map-toolbar{gap:10px}.concept-map-toolbar button{white-space:nowrap;font-size:9px}.concept-map-caption h3{font-size:20px}}
.reduced-motion #conceptMapCanvas .concept-map-region{transition:none}
@media(prefers-reduced-motion:reduce){#conceptMapCanvas .concept-map-region{transition:none}}

/* Wide surface atlas with a scene opening opposite the selected location. */
[data-realm="surface"] #sceneThumbnails{display:none!important}
[data-realm="surface"] #scenes #surfaceConceptMap{position:relative;width:calc(100vw - 40px);max-width:none;margin-left:calc(50% - 50vw + 20px);border:0;background:transparent}
#surfaceConceptMap .concept-map-toolbar{border:0;max-width:1450px;margin:auto;padding:12px 28px}
.concept-map-visual{position:relative;isolation:isolate}
#surfaceConceptMap .concept-map-scroll{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
#surfaceConceptMap #conceptMapCanvas{background:transparent}
.concept-map-region-outline{fill:none;stroke:#eac77f;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#surfaceConceptMap .concept-map-caption{max-width:1450px;margin:auto;border:0;padding:15px 28px 0}
.concept-map-detail{position:absolute;top:0;bottom:0;width:58%;z-index:2;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .55s ease-in-out,transform .7s cubic-bezier(.45,0,.2,1)}
.concept-map-detail[data-side="right"]{right:0;transform:translateX(32px)}
.concept-map-detail[data-side="left"]{left:0;transform:translateX(-32px)}
.has-scene-detail .concept-map-detail{opacity:1;transform:translateX(0);pointer-events:auto}
.concept-map-detail-art,.concept-map-detail-shade{position:absolute;inset:0;pointer-events:none}
.concept-map-detail-art>img,.concept-map-detail-art>svg{display:block;width:100%;height:100%;object-fit:cover}
.concept-map-detail[data-side="right"] .concept-map-detail-art{mask-image:linear-gradient(90deg,transparent,#000 23%,#000 96%,transparent)}
.concept-map-detail[data-side="left"] .concept-map-detail-art{mask-image:linear-gradient(270deg,transparent,#000 23%,#000 96%,transparent)}
.concept-map-detail-shade{background:linear-gradient(0deg,#07121be8,transparent 55%);mask-image:linear-gradient(90deg,transparent,#000 23%,#000 94%,transparent)}
.concept-map-detail[data-side="left"] .concept-map-detail-shade{mask-image:linear-gradient(270deg,transparent,#000 23%,#000 94%,transparent)}
.concept-map-detail-copy{position:absolute;bottom:7%;left:25%;right:7%;color:#fff;text-align:right;text-shadow:0 1px 12px #0006}
.concept-map-detail[data-side="left"] .concept-map-detail-copy{left:7%;right:25%;text-align:left}
.concept-map-detail-copy .eyebrow{margin:0 0 10px;font-size:9px;color:#e9d1a4;letter-spacing:3px}
.concept-map-detail-copy h3{font-family:var(--serif);font-size:clamp(23px,2.4vw,39px);letter-spacing:3px;font-weight:400;color:#fff;margin:0 0 15px;line-height:1.5}
.concept-map-detail-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#f0f3f3;margin:0;max-width:640px;margin-left:auto}
.concept-map-detail[data-side="left"] .concept-map-detail-copy>p:not(.eyebrow){margin-left:0;margin-right:auto}
.concept-map-detail-copy>small{display:block;font-size:9px;line-height:1.8;color:#ced8dc;margin-top:13px}
.concept-map-detail-close{position:absolute;right:6%;top:6%;border:1px solid #e8e9e55e;background:#10202b80;color:#fff;width:34px;height:34px;z-index:2}
.concept-map-detail[data-side="left"] .concept-map-detail-close{left:6%;right:auto}
.concept-map-detail-close:focus-visible{outline:2px solid #e6ca92;outline-offset:3px}
.has-scene-detail .concept-map-caption>div{visibility:hidden}
.concept-map-detail[inert]{pointer-events:none}
@media(max-width:1000px){.concept-map-detail{width:65%}.concept-map-detail-copy h3{font-size:25px}.concept-map-detail-copy>p:not(.eyebrow){font-size:11px;line-height:1.9}.concept-map-detail-copy{bottom:6%}.concept-map-detail-copy>small{margin-top:8px}}
@media(max-width:700px){[data-realm="surface"] #scenes #surfaceConceptMap{width:calc(100vw - 14px);margin-left:calc(50% - 50vw + 7px)}#surfaceConceptMap .concept-map-toolbar,#surfaceConceptMap .concept-map-caption{padding-left:17px;padding-right:17px}.concept-map-detail{width:100%}.concept-map-detail-copy,.concept-map-detail[data-side="left"] .concept-map-detail-copy{left:11%;right:11%;bottom:8%}.concept-map-detail[data-side="right"] .concept-map-detail-art{mask-image:linear-gradient(90deg,transparent,#000 11%,#000 96%,transparent)}.concept-map-detail[data-side="left"] .concept-map-detail-art{mask-image:linear-gradient(270deg,transparent,#000 11%,#000 96%,transparent)}.concept-map-detail-copy h3{font-size:24px}.concept-map-detail-copy>p:not(.eyebrow){font-size:11px;line-height:1.8}}
.reduced-motion .concept-map-detail{transition:none}
@media(prefers-reduced-motion:reduce){.concept-map-detail{transition:none}}

/* Keep scene artwork decorative so every underlying region stays clickable. */
.has-scene-detail .concept-map-detail{pointer-events:none}
.has-scene-detail .concept-map-detail-close{pointer-events:auto}
[data-realm="other"] #organizations .organization-logo{background:#080d12}
[data-realm="other"] #organizations .organization-logo img{filter:brightness(0) invert(1)}

#worldTransition .transition-symbol{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:8vh;pointer-events:none}
#worldTransition .transition-symbol[hidden]{display:none}
#worldTransition .transition-symbol svg{width:clamp(170px,24vw,270px);height:clamp(250px,48vh,390px);color:#15394e;transform-origin:center}
#worldTransition[data-from="other"] .transition-symbol svg{color:#bdd6ee}
#worldTransition[data-mode="icon"] .transition-video{display:none!important}
#worldTransition[data-mode="video"] .transition-symbol{display:none!important}
@media(min-width:801px) and (max-width:1450px){.site-header{padding-left:3%;padding-right:3%}.desktop-nav{gap:18px}.desktop-nav a{letter-spacing:1px;font-size:11px}.header-actions{gap:8px}}

.concept-map-scroll,.concept-map-detail-art{background-size:cover;background-position:center;background-repeat:no-repeat}
.organization-art>img{object-fit:cover}
.lore-source:empty,.lore-terms:empty{display:none}


#transitionSymbol .sand-receiver{transform-box:fill-box;transform-origin:center top;transform:scaleY(.02)}
#transitionSymbol .sand-stream{opacity:0}