/* Final editorial layer: shared rhythm, clear controls, quiet surfaces. */
:root{--muted:#b5b1bc;--ease:cubic-bezier(.22,.68,.2,1);--chrome:148px}
html{scroll-padding-top:calc(var(--chrome) + 24px);scrollbar-color:#56515e #101014}
body{font-size:1.0625rem;line-height:1.8;text-rendering:optimizeLegibility}
h1,h2,h3,.hero-line{text-wrap:balance}p,dd,blockquote{text-wrap:pretty}
button,input,select,summary{touch-action:manipulation}
button,select,summary,a{transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
:is(button,a,summary,input,select):focus-visible{outline:2px solid #e5d5ff;outline-offset:5px}
.history :is(button,a,summary,input,select):focus-visible,.history-journey a:focus-visible{outline-color:#634921}
.section{padding-top:clamp(72px,7vw,112px);padding-bottom:clamp(80px,8vw,128px)}
.section-tag{margin-bottom:clamp(38px,4vw,64px);font-size:.75rem;letter-spacing:.13em}
.eyebrow,.reader-note,.small-note,.hero-bottom,.diagram-note,.clock-label,.character-top,.character-theme,.shell-label,.shell-bottom,.self-circle span,.orbit>span{font-size:.75rem}
.reader-note{font-size:.8125rem!important}.small-note{max-width:85ch}
.prose,.planet-story{min-width:0}.prose p,.planet-story p{max-width:66ch}
.masthead{background:#0b0b0ee8;border-color:#ffffff10;backdrop-filter:blur(20px)}
.header-right{gap:24px}.wordmark{letter-spacing:.035em}
.experience-nav{background:#101014f2;backdrop-filter:blur(20px);border-bottom-color:#ffffff18}
.experience-tabs button{font-size:.875rem;min-height:48px}
.experience-tabs button[aria-selected=true]{color:#fff}
.spoiler-switch{font-size:.875rem;min-height:44px;gap:10px}
.contents{border-radius:12px;padding:20px 24px;box-shadow:0 20px 70px #0008}
.contents a{border-radius:5px;padding:10px 8px}.contents a:hover{background:#ffffff06}
.hero-art{background-position:70% center}
.hero-shade{background:linear-gradient(90deg,#0b0b0efa 0%,#0b0b0ed9 34%,#0b0b0e36 78%),linear-gradient(0deg,#0b0b0e,transparent 50%)}
.hero-description{max-width:46ch;color:#d1cad7}.hero-bottom{gap:24px;line-height:1.7}
.primary-link{border-radius:6px;padding:17px 24px;box-shadow:0 5px 25px #0002}
.alt-hero>p{max-width:64ch}.split-heading{gap:7%;align-items:end}
.scale-controls button,.milestone-controls button,.coalition-buttons button,.policy-buttons button{min-height:46px;border-radius:7px}
.scale-caption{min-height:210px}.scale-caption>span{font-size:.75rem}
.district-tabs button{border-radius:8px 8px 0 0}.district-tabs button>span{font-size:.75rem}
.district-panel{border-radius:0 0 12px 12px;min-height:395px}
.character-grid{gap:16px;background:none;border:0}
.character-card{border:1px solid var(--line);border-radius:12px;padding:clamp(26px,3vw,44px)}
.character-card h3{margin-top:24px}.character-theme{line-height:1.6}
.choice-buttons button{border-radius:10px;line-height:1.4}
.choice-response{line-height:1.8}.beyond-grid article{padding-top:30px}
.world-node{border-radius:12px}.world-node small,.node-core{font-size:.875rem;line-height:1.5}
.world-spine{opacity:.55}.world-detail-title{padding-top:32px}
.world-facts,.branch-facts{gap:32px 48px}
.world-facts dt,.branch-facts dt{font-weight:600}
.barrier-reveal,.branch-reading{border-radius:8px}.branch-reading{padding:28px}
#branch-select{border-radius:8px;min-height:52px;line-height:1.5}
.history-journey{background:#eeeae1}.era-rail .eyebrow{font-size:.75rem;color:#6b5536}
.era-rail nav{gap:3px}.era-rail nav a{font-size:.875rem;padding:8px 10px;border-radius:5px;line-height:1.5}
.era-rail nav a span{font-size:.75rem}.era-rail nav a[aria-current]{background:#a9824315;color:#342616}
.history-chapter{padding-top:90px;padding-bottom:90px}.history-chapter .eyebrow{color:#745225}
.history-chapter h2{line-height:1.13}.history-chapter>p:not(.eyebrow){color:#4d4943}
.history-chapter blockquote{line-height:1.5;padding-left:28px;margin-top:42px}
.city-grid dt{font-size:.8125rem}.coalition-detail blockquote{line-height:1.7}
.planet-index{gap:10px;border:0}.planet-index a{border:1px solid var(--line);border-radius:10px;padding:25px 24px}
.planet-index small{font-size:.8125rem;line-height:1.6}.planet-index span{font-size:.75rem}
.planet-heading p{max-width:36ch}.planet-story .eyebrow{font-size:.75rem}
.route-return,.route-reflection summary{font-size:.875rem;min-height:44px}
.route-milestones>div{font-size:.8125rem;line-height:1.6}.route-milestones i{font-size:.75rem}
.route-verdict{background:color-mix(in srgb,var(--planet) 5%,transparent);border-radius:0 8px 8px 0;padding:22px 24px}
.route-reflection small{font-size:.8125rem}.spoiler-cover{font-size:.75rem;letter-spacing:.07em;border-radius:7px}
.history-atlas{background:linear-gradient(180deg,#10131b,#0d1017)}
.atlas-toolbar{padding:18px 20px;margin:32px 0 18px;border:1px solid #ffffff18;background:#171923;border-radius:12px;gap:16px}
.atlas-toolbar output{font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.2;min-width:110px}
.atlas-toolbar button{min-height:46px;border-radius:7px;white-space:nowrap}
.atlas-toolbar button:not(:disabled):hover{background:#e2b76d15;border-color:#e2b76d}
.atlas-toolbar button[aria-pressed=true]:hover{background:#edc88a}
.atlas-toolbar input{height:36px;cursor:pointer;accent-color:#e2b76d}
.atlas-map{border-radius:12px;border-color:#c4d5ec20;box-shadow:0 16px 60px #0003;scrollbar-width:thin;scrollbar-color:#58556c #111722;overscroll-behavior-x:contain}
.atlas-map:focus-visible{outline:2px solid #e2b76d;outline-offset:5px}
.atlas-point text{font-size:12px;stroke-width:3px;fill:#eee9f2;font-weight:500}
.label-leader{stroke:#d1c7dd70}.ocean-label{fill:#7b8696;letter-spacing:.15em;font-size:11px}
.atlas-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;padding:20px 0;border-bottom:1px solid var(--line);margin:0}
.atlas-legend span{font-size:.8125rem;line-height:1.5;align-items:flex-start}
.atlas-legend span:before{flex:0 0 18px;margin-top:9px;border-radius:2px}
.bloc-key{font-size:.8125rem;gap:12px 24px;margin-top:16px}
.atlas-readout{gap:clamp(28px,4vw,60px);margin:34px 0}
.atlas-readout aside{border-radius:0 10px 10px 0;background:#e2b76d06;padding:24px 28px}
.atlas-readout aside p{font-size:1.35rem!important;line-height:1.65!important;margin-bottom:0}
.atlas-locations li span{font-size:.8125rem}.atlas-locations summary{min-height:44px}
.collapse-sequence{border-radius:12px;overflow:hidden}.collapse-heading h3{line-height:1.2}
.network-label{letter-spacing:.1em;paint-order:stroke;stroke:#10151a;stroke-width:3px}
.server-cable{stroke-linecap:round}.server-zone{opacity:.13}
.music-player{border-color:#a475c54a;background:#1a1424f2;border-radius:12px;box-shadow:0 8px 30px #0005}
.music-settings{margin:0;padding:0;border-top:0}.music-settings summary{font-size:.8125rem;min-height:48px;display:grid;place-items:center}
#music-toggle{min-height:48px;font-size:.875rem}#music-toggle:hover{background:#be7de40c;border-radius:12px 0 0 12px}
.music-settings>div{bottom:calc(100% + 12px);border-color:#a475c54a;background:#21192c}
.creator-copy>small{font-size:.75rem!important}.creator-copy>strong>span{font-size:.75rem}
.creator-copy .discord-cta{font-size:.875rem;line-height:1.5;min-height:44px}
.site-end-links>a{border-radius:12px}.site-end-links>a:hover{border-color:#b4a1c5;background:#ffffff05}
.creator-card{box-shadow:0 12px 35px #0002}.site-end-links{gap:18px}
footer{font-size:.875rem;padding-bottom:85px}footer a:last-child{font-size:.875rem}
@media(hover:hover){.character-card:hover{border-color:#ffffff35}.planet-index a:hover{border-color:var(--planet)}}
@media(min-width:1600px){.history-journey{padding-left:max(8%,calc((100% - 1400px)/2));padding-right:max(8%,calc((100% - 1400px)/2))}}
@media(max-width:950px){.era-rail nav a{font-size:.8125rem;padding-left:0}.world-node small,.node-core{font-size:.8125rem}.atlas-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-bottom{font-size:.75rem}}
@media(max-width:750px){.atlas-toolbar{padding:14px;gap:10px}.atlas-toolbar output{font-size:1.35rem;min-width:0}.atlas-toolbar input{margin:0}.atlas-toolbar label{white-space:normal}.atlas-map svg{min-width:680px}.atlas-readout aside{padding:20px 24px}.world-node{padding-top:20px;padding-bottom:20px}.core-ring{box-shadow:0 0 0 5px #101014}.branch-svg{padding-bottom:10px;scrollbar-width:thin}.music-player{bottom:max(12px,env(safe-area-inset-bottom));left:12px}}
@media(max-width:600px){
 :root{--chrome:156px}body{font-size:1rem}.section{padding:66px 6% 76px}
 .masthead{padding-left:6%;padding-right:6%}.header-right{gap:8px}.wordmark{font-size:21px}
 .experience-nav{padding:0 6%}.experience-tabs button{font-size:.8125rem;min-height:44px}.spoiler-switch{font-size:.8125rem;min-height:38px}
 .hero{padding-top:205px;padding-bottom:130px}.hero h1{font-size:15.3vw}.hero-line{font-size:clamp(30px,8vw,44px)}
 .hero-art{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#0b0b0eea,#0b0b0e70),linear-gradient(0deg,#0b0b0e,transparent 70%)}
 .hero-bottom{font-size:.75rem;letter-spacing:.06em;bottom:24px}.hero-description{font-size:1rem}
 .alt-hero h1{font-size:clamp(42px,15vw,80px);overflow-wrap:normal}.section-tag{font-size:.75rem;gap:12px}
 .section-tag span:last-child{font-size:.75rem;line-height:1.6}.planet-chapter .section-tag>span:last-child{font-size:.75rem}
 .character-grid{gap:12px}.character-card{padding:26px}.character-top{font-size:.75rem;letter-spacing:.05em}
 .district-tabs button{padding:14px 7px}.district-tabs small{font-size:.8125rem}.district-tabs button>span{font-size:.75rem;letter-spacing:0}
 .district-panel{min-height:0}.scale-caption{min-height:235px}.dependency-line{flex-wrap:wrap}.dependency-line span{font-size:.75rem}
 .era-rail nav a{font-size:.875rem;padding:9px 6px}.history-chapter{padding:65px 0}.history-chapter h2{font-size:clamp(32px,9vw,42px)}
 .planet-index{gap:8px}.planet-index a{padding:18px 12px;grid-template-columns:1fr}.planet-index span{display:none}.planet-index small{grid-column:1;font-size:.8125rem}
 .planet-index strong{font-size:1.5rem}.planet-heading h2{font-size:clamp(42px,12vw,60px)}.planet-number{font-size:45px}
 .atlas-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}.atlas-toolbar label{text-align:center}.atlas-toolbar output{display:block;margin:3px 0 0}
 .atlas-toolbar button{padding:10px}#atlas-prev{grid-area:1/1}.atlas-toolbar label{grid-area:1/2}#atlas-next{grid-area:1/3}.atlas-toolbar input{grid-column:1/-1;grid-row:2;width:100%;order:0}#atlas-play{grid-column:1/-1;grid-row:3}
 .atlas-legend{gap:13px 14px}.atlas-legend span{font-size:.75rem}.atlas-legend span:before{flex-basis:12px}
 .atlas-readout h3{font-size:1.75rem}.atlas-readout aside p{font-size:1.25rem!important}.atlas-locations ul{grid-template-columns:1fr}
 .creator-copy>small{font-size:.75rem!important}.creator-copy .discord-cta{font-size:.8125rem}.music-settings summary{padding:12px}
 .milestone-controls{grid-template-columns:1fr 1fr}.milestone-controls button{padding:12px;font-size:.875rem}
 footer{padding-bottom:96px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}