.optional-action-note{align-self:end;min-width:0}.optional-action-note summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);color:var(--muted);font-size:9px;cursor:pointer;list-style:none}.optional-action-note summary::-webkit-details-marker{display:none}.optional-action-note summary span{color:var(--cyan);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.optional-action-note[open] summary{border-color:#6be1df55}.optional-action-note textarea{margin-top:6px!important}.ordinary-action-card .optional-action-note textarea,.integrated-action .optional-action-note textarea{height:72px}

/* ============================================================
   CIVIC FUTURISM OVERHAUL
   Human life in the foreground. Civilization machinery behind.
   The existing game data and controls remain authoritative.
   ============================================================ */
:root{--ink:#0a0d13;--night:#0a0d13;--dusk:#10141d;--panel:#141922;--surface:#141922;--paper:#ebe6d9;--muted:#97968b;--faint:#62655f;--line:rgba(235,230,217,.1);--line-strong:rgba(235,230,217,.2);--gold:#e6c37c;--amber:#f6dfa8;--cyan:#79cdb9;--red:#d98a70;--serif:'Fraunces',Georgia,serif;--display:'Fraunces',Georgia,serif;--sans:'Space Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace}
html{background:var(--night)}body{background:var(--night);color:var(--paper);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--night)}.grain{opacity:.038;background-size:200px 200px}

/* Global civic navigation — the existing information architecture is preserved. */
.site-header{position:fixed;top:0;height:63px;padding:0 clamp(1.2rem,4vw,3rem);background:rgba(10,13,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:100}.brand{gap:.85rem}.brand-mark{width:10px;height:10px;border:0;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(230,195,124,.3);transform:none;animation:civic-lamp 5s ease-in-out infinite}.brand-mark i{display:none}.brand strong{font:500 .72rem var(--sans);letter-spacing:.3em;text-transform:uppercase}.brand small{display:none}.site-header nav{gap:clamp(1rem,2.2vw,2rem);align-items:center}.site-header nav a{font:300 .62rem var(--mono);letter-spacing:.22em;color:var(--muted)}.site-header nav a:hover{color:var(--gold)}.alpha-pill,.header-button,.current-world-pill{border-radius:3px;font:400 .59rem var(--mono);letter-spacing:.16em}.alpha-pill{border-color:var(--line-strong)}.site-header>.alpha-pill{background:var(--gold);color:var(--night);border:0}.site-header>.alpha-pill span{background:var(--night);box-shadow:none}.current-world-pill{color:var(--cyan)}@keyframes civic-lamp{0%,100%{opacity:1}50%{opacity:.55}}main{padding-top:63px}.hero{margin-top:-63px;padding-top:160px}

/* Shared page voice. */
.eyebrow,.section-index,.panel-label,.domain-head>div>span,.domain-stat span,.domain-stat small,.page-guide summary,.page-guide span{font-family:var(--mono);font-weight:300;letter-spacing:.22em;text-transform:uppercase}.eyebrow,.section-index{font-size:.62rem;color:var(--gold)}.eyebrow:before,.section-index:before{content:'';display:inline-block;width:38px;height:1px;margin:0 1rem .2rem 0;background:linear-gradient(90deg,var(--gold),transparent)}h1,h2,h3,.domain-head h1,.hero h1,.manifesto h2,.systems h2,.paths h2,.final-cta h2,.obs-intro h1{font-family:var(--serif);font-weight:340;letter-spacing:.005em}.domain-head h1,.hero h1,.obs-intro h1{line-height:1.04;letter-spacing:-.02em}.domain-head h1 em,.hero h1 em,.obs-intro h1 em{color:var(--gold);font-weight:320}p,.lede{font-family:var(--sans);font-weight:300}.lede{color:var(--muted)}.domain-shell,.library-shell,.atlas-shell,.zeitgeist-shell,.scale-shell,.creator-shell,.commerce-shell{max-width:1500px;padding-top:clamp(4.5rem,8vw,8rem)}.domain-head{border-bottom:1px solid var(--line);padding-bottom:clamp(2.5rem,6vw,5rem);margin-bottom:2.4rem}.domain-head>div:first-child>p:last-child{max-width:72ch;color:var(--muted);font-size:.94rem;line-height:1.75}

/* Archival plates are the common grammar for every feature surface. */
.power-card,.exchange-panel,.atlas-card,.library-grid>article,.world-registry-card,.contract-entry-card,.pillar-connection>div,.creation-world-contract,.creation-form fieldset,.page-guide,.ordinary-depth,.integrated-life-depth,.government-charter,.motion-panel,.story-rail,.motion-intro{position:relative;border:1px solid var(--line)!important;border-radius:0!important;background:linear-gradient(170deg,var(--panel),var(--dusk))!important;box-shadow:none!important}.power-card:before,.exchange-panel:before,.atlas-card:before,.library-grid>article:before,.world-registry-card:before,.contract-entry-card:before,.creation-form fieldset:before{content:'';position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);pointer-events:none}.power-card:after,.exchange-panel:after,.atlas-card:after,.library-grid>article:after,.world-registry-card:after,.contract-entry-card:after,.creation-form fieldset:after{content:'';position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);pointer-events:none}.power-card:hover,.exchange-panel:hover,.atlas-card:hover,.library-grid>article:hover,.world-registry-card:hover{border-color:var(--line-strong)!important}.panel-label{font-size:.58rem;color:var(--faint)}.panel-label span{color:var(--faint)}.panel-label small{color:var(--gold)}.power-card h2,.exchange-panel h2,.atlas-card h2,.library-grid h2{font-weight:360}.power-card p,.exchange-panel p,.atlas-card p,.library-grid p{color:var(--muted);line-height:1.7}

/* Controls feel physical, clear, and consequence-aware. */
.button,button,input,select,textarea{font-family:var(--sans)}.button{border-radius:3px;font-weight:500;letter-spacing:.14em}.button.primary{background:var(--gold);color:var(--night);box-shadow:0 0 34px rgba(230,195,124,.14)}.button.primary:hover{background:var(--amber)}.button.ghost{border-color:var(--line-strong)}button:not(.header-button),input,select,textarea{border-radius:2px}input,select,textarea{border-color:var(--line-strong)!important;background:rgba(10,13,19,.78)!important;color:var(--paper)!important}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold);outline-offset:2px}

/* The 40-system idea becomes orientation inside the existing menu. */
.compact-life-nav{top:76px;padding:0;background:rgba(10,13,19,.92);border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.35)}.life-menu-context{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.life-menu-context span{font:300 .56rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.life-menu-context strong{font:300 .7rem var(--sans);color:var(--muted)}.life-menu>summary{background:var(--dusk)!important}.life-menu>summary>span{display:grid;gap:.1rem}.life-menu>summary>span>small{font:300 .5rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.life-menu.current>summary{box-shadow:inset 0 2px 0 var(--gold);background:var(--panel)!important}.life-menu-panel{background:rgba(16,20,29,.98)!important;border-color:var(--line-strong)!important}.life-menu-links a.active{color:var(--gold)!important}

/* Landing: civic atmosphere, warm inhabited light, machinery behind. */
.route-home .hero{background:radial-gradient(circle at 68% 35%,rgba(121,205,185,.12),transparent 28%),radial-gradient(circle at 76% 42%,rgba(230,195,124,.1),transparent 25%),var(--night)}.route-home .hero:after{background-size:88px 88px;opacity:.6}.route-home .hero-aurora{background:conic-gradient(from 210deg,transparent,rgba(230,195,124,.12),rgba(121,205,185,.13),transparent 58%)}.route-home .hero h1{font-size:clamp(3.8rem,7.3vw,7.4rem)}.route-home .hero-copy{max-width:780px}.route-home .world-card{border-radius:0;background:linear-gradient(170deg,rgba(20,25,34,.94),rgba(16,20,29,.96));border-color:var(--line)}.route-home .world-card:before,.route-home .world-card:after{content:'';position:absolute;width:14px;height:14px;border-color:var(--line-strong);border-style:solid}.route-home .world-card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.route-home .world-card:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.proof-strip{background:var(--dusk)}.proof-strip>div{border-color:var(--line)}.proof-strip strong{font-weight:340}.principles article,.capability-grid article,.alpha-track article{border-color:var(--line)}

/* World Directory: Claude's flagship cards + the game's real cross-reality Epoch matrix. */
.civic-directory-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:4rem;align-items:end}.directory-vitals{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.directory-vitals div{padding:1.15rem;background:var(--dusk)}.directory-vitals dt{font:300 .55rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.directory-vitals dd{margin:.25rem 0 0;font:340 1.7rem var(--serif);color:var(--paper)}.directory-vitals i{font-style:normal;color:var(--cyan)}.civic-flagships{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.civic-flagships .reality-flagship-card{min-height:410px;padding:1.8rem 1.7rem;background:linear-gradient(170deg,var(--panel),var(--dusk));border-color:var(--line)}.civic-flagships .reality-flagship-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 8%,color-mix(in srgb,var(--world-accent,var(--gold)) 15%,transparent),transparent 34%);pointer-events:none}.civic-flagships .reality-earth{--world-accent:#8fb8e8}.civic-flagships .reality-aurelia{--world-accent:#e6c37c}.civic-flagships .reality-parallax{--world-accent:#c98abe}.civic-flagships .reality-flagship-card:before{height:2px;background:var(--world-accent)}.civic-flagships .reality-flagship-card h3{font-weight:360;margin-top:2rem}.civic-flagships .reality-flagship-card>p{color:var(--muted)}.civic-flagships .reality-flagship-card dl{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:1.5rem 0}.civic-flagships .reality-flagship-card dl div{display:grid;gap:.25rem;padding:.85rem;background:var(--night);border:0}.civic-flagships .reality-flagship-card dt{font:300 .52rem var(--mono);letter-spacing:.14em}.civic-flagships .reality-flagship-card dd{text-align:left;font-size:.76rem}.world-filter-bar{background:var(--dusk)!important;border:1px solid var(--line)!important;border-radius:0!important}.epoch-matrix{border-color:var(--line);background:var(--dusk)}.epoch-matrix-row{border-color:var(--line)}.epoch-matrix-row>*{border-color:var(--line)}.epoch-matrix-head{background:rgba(230,195,124,.07);color:var(--gold);font-family:var(--mono);font-weight:300}.epoch-label b{font:360 1.05rem var(--serif)}.epoch-cell a{background:rgba(235,230,217,.025);border-left:2px solid var(--gold)}.epoch-cell a:hover{background:rgba(230,195,124,.06)}.directory-principles{border-color:var(--line)!important;background:var(--dusk)!important}.directory-principles>div{gap:1px;background:var(--line)}.directory-principles span{background:var(--dusk)}

/* World charters read as living civic bodies without inventing prototype data. */
.route-worlds-show .directory-shell>.domain-head{min-height:520px;display:grid;align-items:end;background:radial-gradient(circle at 82% 25%,rgba(121,205,185,.14),transparent 26%),linear-gradient(135deg,var(--night),var(--dusk));margin-left:calc(-1 * clamp(1.2rem,4vw,3rem));margin-right:calc(-1 * clamp(1.2rem,4vw,3rem));padding-left:clamp(1.2rem,4vw,3rem);padding-right:clamp(1.2rem,4vw,3rem)}.route-worlds-show .contract-layout{gap:1px;background:var(--line)}.route-worlds-show .contract-layout>.power-card{border:0!important}.region-contract-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.region-contract-grid article{background:var(--dusk);border:0!important}

/* Authentication and Arrival use Claude's quiet, focused apertures. */
.auth-scene,.creation-scene{background:radial-gradient(circle at 74% 28%,rgba(230,195,124,.1),transparent 24%),var(--night)}.auth-copy h1,.creation-head h1{font-weight:340;letter-spacing:-.02em}.auth-panel,.creation-form{border-radius:0;background:linear-gradient(170deg,var(--panel),var(--dusk));border-color:var(--line-strong)}.creation-progress li span{border-radius:50%;font-family:var(--mono)}.creation-progress li.current span{background:var(--gold);color:var(--night)}.origin-choice>span{border-radius:0!important;background:var(--dusk)!important;border-color:var(--line)!important}.origin-choice input:checked+span{border-color:var(--gold)!important;box-shadow:inset 0 2px 0 var(--gold)}

/* Footer becomes a restrained archival line. */
footer{border-top:1px solid var(--line);background:var(--night);font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--faint)}footer>div{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--paper)}footer .brand-mark{width:8px;height:8px}

@media(max-width:1100px){.site-header>nav{display:none}.civic-directory-head{grid-template-columns:1fr;gap:2rem}.civic-flagships{grid-template-columns:1fr}.route-home .hero{grid-template-columns:1fr}.route-home .world-card{display:none}}
@media(max-width:760px){main{padding-top:58px}.site-header{height:58px}.site-header>.alpha-pill,.header-world-actions{display:none}.brand strong{font-size:.64rem}.mobile-site-menu{display:block}.domain-shell,.library-shell,.atlas-shell,.zeitgeist-shell,.scale-shell,.creator-shell,.commerce-shell{padding-top:3.5rem}.domain-head h1{font-size:clamp(2.8rem,14vw,4.7rem)}.directory-vitals{grid-template-columns:1fr 1fr}.civic-flagships .reality-flagship-card dl{grid-template-columns:1fr}.life-menu-context{display:none}.compact-life-nav{top:66px}.route-worlds-show .directory-shell>.domain-head{min-height:430px}.route-home .hero{margin-top:-58px;padding-top:120px}}
@media(prefers-reduced-motion:reduce){.brand-mark{animation:none}}

/* ============================================================
   WHOLE-GAME MENU + INTERNAL GAME COMPOSITIONS
   The compact navigator remains quick; /menu shows the whole game.
   ============================================================ */
.game-context{position:sticky;top:63px;z-index:40;display:grid;grid-template-columns:minmax(170px,.8fr) auto minmax(190px,.7fr) minmax(430px,1.7fr) auto;align-items:stretch;min-height:72px;background:rgba(10,13,19,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 15px 35px rgba(0,0,0,.2)}
.game-context-who,.game-context-clock,.game-context-world{display:grid;align-content:center;gap:.12rem;padding:.7rem 1.1rem;border-right:1px solid var(--line)}.game-context-who strong,.game-context-clock strong,.game-context-world strong{font:360 1rem var(--serif)}.game-context-who span,.game-context-clock span,.game-context-world span,.game-context-world small{font:300 .5rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.game-context-clock{text-align:center}.game-context-clock strong{font-size:1.45rem;color:var(--paper)}.game-context-world{text-decoration:none}.game-context-world strong{color:var(--gold)}
.context-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.context-layers a{display:grid;align-content:center;gap:.15rem;padding:.65rem .8rem;text-align:center;text-decoration:none;background:var(--dusk);color:var(--muted)}.context-layers b{font:300 .56rem var(--mono);letter-spacing:.17em;text-transform:uppercase}.context-layers small{font-size:.5rem;color:var(--faint)}.context-layers a.active{background:var(--panel);color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}.game-context-menu{display:grid;place-items:center;padding:0 1.1rem;color:var(--paper);text-decoration:none;font:300 .56rem var(--mono);letter-spacing:.18em;text-transform:uppercase}.game-context-menu:hover{color:var(--gold)}
.life-menu-context a{margin-left:auto;color:var(--gold);text-decoration:none;font:300 .54rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.life-menu-context a:after{content:' →'}

/* Claude's title-screen menu, now backed by the real player and World state. */
.route-menu main{padding-top:0}.engine-menu-scene{position:relative;isolation:isolate;min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,.75fr);grid-template-rows:1fr auto;gap:4rem;align-items:center;padding:clamp(7rem,12vh,10rem) clamp(1.5rem,8vw,9rem) 4rem;overflow:hidden;background:radial-gradient(circle at 76% 30%,rgba(230,195,124,.12),transparent 23%),radial-gradient(circle at 42% 78%,rgba(121,205,185,.09),transparent 28%),var(--night)}
.engine-menu-atmosphere{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(235,230,217,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(235,230,217,.025) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(115deg,black,transparent 75%)}.engine-menu-atmosphere:after{content:'';position:absolute;width:62vw;height:62vw;left:-19vw;bottom:-34vw;border:1px solid rgba(230,195,124,.12);border-radius:50%;box-shadow:0 0 0 8vw rgba(121,205,185,.015),0 0 0 17vw rgba(230,195,124,.012)}
.engine-menu-title span{font:300 .58rem var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.engine-menu-title h1{margin:1rem 0;font:340 clamp(4.2rem,8vw,8rem)/.88 var(--serif);letter-spacing:-.035em}.engine-menu-title h1 em{display:block;color:var(--gold)}.engine-menu-title p{max-width:42ch;color:var(--muted);font-size:1rem;line-height:1.7}.engine-menu-title:after{content:'';display:block;width:min(420px,80%);height:1px;margin-top:2.2rem;background:linear-gradient(90deg,var(--gold),transparent)}
.engine-primary-menu{display:grid;border-top:1px solid var(--line)}.engine-primary-menu a,.engine-primary-menu button{width:100%;display:grid;grid-template-columns:1fr minmax(190px,.75fr);align-items:center;gap:2rem;padding:1rem .7rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);text-align:left;text-decoration:none;cursor:pointer;transition:.2s}.engine-primary-menu form{margin:0}.engine-primary-menu strong{font:360 1.18rem var(--serif)}.engine-primary-menu small{color:var(--faint);font:300 .54rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}.engine-primary-menu a:hover,.engine-primary-menu button:hover,.engine-primary-menu .primary{padding-left:1.2rem;background:rgba(230,195,124,.045);color:var(--gold)}.engine-primary-menu .primary{box-shadow:inset 2px 0 0 var(--gold)}
.engine-menu-status{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.engine-menu-status div{display:grid;gap:.25rem;padding:1rem;background:rgba(16,20,29,.9)}.engine-menu-status dt{font:300 .52rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.engine-menu-status dd{margin:0;font-size:.72rem;color:var(--muted)}.engine-menu-status i{font-style:normal;color:var(--cyan)}
.system-atlas-page{max-width:1500px;margin:auto;padding:clamp(5rem,9vw,9rem) 6vw}.system-atlas-page>header{max-width:850px;margin-bottom:5rem}.system-atlas-page>header h2{font-size:clamp(3rem,6vw,6rem);line-height:.98;margin:1rem 0}.system-atlas-page>header h2 em{color:var(--gold)}.system-atlas-page>header>p:last-child{max-width:64ch;color:var(--muted)}
.system-realm{margin:0 0 4.5rem}.system-realm>header{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--realm) 45%,transparent)}.system-realm>header>div{display:flex;align-items:baseline;gap:1rem}.system-realm>header span{font:300 .56rem var(--mono);color:var(--realm)}.system-realm>header h3{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.system-realm>header p{font:300 .55rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.system-realm>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:var(--line)}.system-realm>div>a{position:relative;min-height:190px;padding:1.3rem;background:var(--dusk);color:var(--paper);text-decoration:none;transition:.2s}.system-realm>div>a>span{display:block;width:6px;height:6px;border-radius:50%;margin-bottom:1.2rem;background:var(--realm);box-shadow:0 0 12px color-mix(in srgb,var(--realm) 40%,transparent)}.system-realm>div>a strong{display:block;font:360 1.15rem var(--serif)}.system-realm>div>a p{color:var(--muted);font-size:.72rem;line-height:1.6}.system-realm>div>a small{position:absolute;left:1.3rem;bottom:1rem;font:300 .5rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--realm)}.system-realm>div>a:hover{z-index:1;background:var(--panel);box-shadow:inset 0 2px 0 var(--realm)}

/* The designed internal pages keep their mechanics and adopt their assigned compositions. */
.route-life-dashboard .life-shell{padding-top:3rem}.route-life-dashboard .life-head h1{font-size:clamp(3.2rem,6vw,6.4rem)}.route-life-dashboard .today-grid{grid-template-columns:.82fr 1.18fr;grid-template-areas:'condition commitments' 'plans needs' 'actions actions' 'world world'}.route-life-dashboard .today-condition{grid-area:condition}.route-life-dashboard .today-commitments{grid-area:commitments}.route-life-dashboard .today-actions{grid-area:actions}.route-life-dashboard .today-plans{grid-area:plans}.route-life-dashboard .today-needs{grid-area:needs}.route-life-dashboard .today-world{grid-area:world}.route-life-dashboard .today-grid>section{position:relative;background:linear-gradient(170deg,var(--panel),var(--dusk));border-color:var(--line)}.route-life-dashboard .today-grid>section:before{content:'';position:absolute;width:10px;height:10px;top:-1px;left:-1px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}.route-life-dashboard .context-action-grid{grid-template-columns:repeat(3,1fr)}
.route-career-index .career-shell{--page-accent:var(--gold)}.route-career-index .domain-grid{grid-template-columns:1.35fr .65fr}.route-career-index .track-market,.route-career-index .progression-ledger{grid-row:span 2}.route-career-index .reputation-constellation{background:var(--line);gap:1px}.route-career-index .reputation-constellation article{background:var(--dusk)}
.route-places-index .living-map-grid{grid-template-columns:1.45fr .7fr}.route-places-index .place-tree{min-height:620px;background-image:linear-gradient(rgba(121,205,185,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(121,205,185,.025) 1px,transparent 1px);background-size:38px 38px}.route-places-index .local-pulse>div{grid-template-columns:repeat(4,1fr)}
.route-relationships-index .social-grid{grid-template-columns:1.4fr .6fr}.route-relationships-index .people-panel,.route-relationships-index .family-panel{background:linear-gradient(170deg,var(--panel),var(--dusk))}.route-relationships-index .people-panel>article{min-height:130px}.route-relationships-index .bond-stats{padding-left:1rem;border-left:1px solid var(--line)}
.route-city-economy .economy-shell{background:radial-gradient(circle at 85% 12%,rgba(217,138,112,.11),transparent 30%),var(--night)}.route-city-economy .economy-grid{grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line)}.route-city-economy .exchange-panel,.route-city-economy .city-pulse{border:0!important}.route-city-economy .market-tape article{background:var(--dusk)}
.route-power-index .domain-grid{grid-template-columns:1.35fr .65fr}.route-power-index .institution-pathways{gap:1px;background:var(--line)}.route-power-index .institution-pathways article{background:var(--dusk)}.route-power-index .civic-history article{grid-template-columns:1fr auto}
.route-characters-index .character-world-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.route-characters-index .character-world-card{min-height:340px;background:linear-gradient(170deg,var(--panel),var(--dusk));border:0}.route-characters-index .character-world-card.selected{box-shadow:inset 0 2px 0 var(--cyan)}
.route-compass-index .expansion-grid,.route-opportunities-index .opportunity-grid,.route-generations-index .domain-grid,.route-wellness-index .domain-grid,.route-home-index .domain-grid,.route-journeys-index .saved-grid,.route-trust-index .domain-grid,.route-underworld-index .domain-grid,.route-beyond-index .domain-grid,.route-chronicle-index .domain-grid{gap:1px;background:var(--line)}
.route-compass-index .expansion-panel,.route-opportunities-index .opportunity-card,.route-generations-index .power-card,.route-wellness-index .power-card,.route-home-index .power-card,.route-journeys-index .saved-grid article,.route-trust-index .power-card,.route-underworld-index .power-card,.route-beyond-index .power-card,.route-chronicle-index .power-card{margin:0;background:linear-gradient(170deg,var(--panel),var(--dusk))}
.route-underworld-index{--page-accent:var(--red)}.route-supernatural-index{--page-accent:#c98abe}.route-beyond-index{--page-accent:#8fb8e8}.route-trust-index{--page-accent:var(--cyan)}

@media(max-width:1150px){.game-context{grid-template-columns:1fr auto 1fr auto}.context-layers{display:none}.system-realm>div{grid-template-columns:repeat(3,1fr)}.engine-menu-scene{grid-template-columns:1fr 1fr;padding-inline:5vw}.route-characters-index .character-world-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.game-context{position:relative;top:auto;grid-template-columns:1fr auto}.game-context-who,.game-context-world{display:none}.game-context-clock{text-align:left}.engine-menu-scene{grid-template-columns:1fr;gap:2.5rem;padding-top:7rem}.engine-menu-status{grid-template-columns:1fr}.system-realm>div{grid-template-columns:1fr 1fr}.system-realm>header{display:block}.system-realm>header p{margin-top:.6rem}.route-life-dashboard .today-grid{display:grid;grid-template-columns:1fr;grid-template-areas:'condition' 'commitments' 'plans' 'needs' 'actions' 'world'}.route-life-dashboard .context-action-grid,.route-career-index .domain-grid,.route-power-index .domain-grid,.route-characters-index .character-world-grid{grid-template-columns:1fr}}
@media(max-width:520px){.engine-primary-menu a,.engine-primary-menu button{grid-template-columns:1fr;gap:.3rem}.system-realm>div{grid-template-columns:1fr}.system-realm>div>a{min-height:160px}.game-context-menu{padding:0 .8rem}}