/* The same city in daylight and lamplight; palette follows the fictional clock. */
body{--sky-veil:linear-gradient(90deg,#10151dde,#11182088 50%,#10151ddd);--city-filter:saturate(.7);transition:background-color .65s,color .65s}
body .world-backdrop{opacity:1!important;filter:none;background:url('atmosphere.webp') center/cover no-repeat}
.world-backdrop:before,.world-backdrop:after{content:'';position:absolute;inset:0;pointer-events:none}
.world-backdrop:before{background:url('atmosphere-day.webp') center/cover no-repeat;opacity:0;filter:var(--city-filter);transition:opacity .8s}
.world-backdrop:after{background:var(--sky-veil)}
body .atlas-overlay{opacity:.28;transition:opacity .65s}
.scenery-toolbar{max-width:1496px;margin:0 auto;padding:16px 42px 0;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:14px;color:var(--muted)}
.scenery-toolbar select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);padding:7px 10px;border-radius:3px;max-width:100%;color-scheme:inherit}
#scenery-status{margin-right:auto;color:var(--gold);font-size:13px}
body[data-scenery="day"]{--bg:#dce3e6;--sky-veil:linear-gradient(90deg,#dce3e6d9,#e6edf252 50%,#dce3e6d9);--city-filter:saturate(.7)}
body[data-scenery="dawn"]{--bg:#e3ddd0;--sky-veil:linear-gradient(115deg,#e8d6bcb3,#eacba32e 50%,#d7dfe0ba);--city-filter:saturate(.85)}
body[data-scenery="dusk"]{--bg:#29202b;--panel:#30282df2;--gold:#dfb189;--text:#ede1d8;--muted:#bfb0ac;--border:#d7a37d55;--sky-veil:linear-gradient(90deg,#30212ad9,#30212a45 55%,#272332df);--city-filter:saturate(.8)}
body[data-scenery="dawn"] .world-backdrop:before{background-image:url('atmosphere-dawn.jpg')}
body[data-scenery="dusk"] .world-backdrop:before{background-image:url('atmosphere-dusk.jpg');opacity:1}
body[data-scenery="dusk"] .story-card{background:linear-gradient(120deg,#392d30f5,#282631f5);border-color:var(--border)}
body[data-scenery="dusk"] .campaign-bar{background:#302831e6}
body[data-palette="light"]{--text:#263640;--muted:#4d5e67;--gold:#77532c;--border:#75664f55;--panel:#f2f3edee;color-scheme:light}
body[data-palette="light"] .world-backdrop:before{opacity:1}
body[data-palette="light"] .atlas-overlay{opacity:.15;mix-blend-mode:multiply}
body[data-palette="light"] .topbar{background:linear-gradient(#eef0eac9,#e8ece67a);border-color:var(--border)}
body[data-palette="light"] .story-card{background:linear-gradient(120deg,#f8f7eff5,#eaf0f1f5);border-color:var(--border);box-shadow:0 20px 60px #243f4c24}
body[data-scenery="dawn"] .story-card{background:linear-gradient(120deg,#faf1e3f5,#ece8dff5)}
body[data-palette="light"] :is(h1,h3,.story,.small-heading,.choice-heading,.choice-copy,.item,.quiet,.identity-button,.journal-button,.campaign-actions button,.clue,.whisper p){color:var(--text)}
body[data-palette="light"] :is(.story p:first-child:first-letter,.consequence,.campaign-overview,.check-summary,.relationship-scores,.rpg-summary span,#rpg-message,#feedback){color:var(--gold)}
body[data-palette="light"] :is(.chapter-meta,.location,.turn,.choice-copy small,.choice-heading span:last-child,form label,.input-hint,.game-footer,.aside-footer,.aside-footer small,.empty-clue,.clue small,.whisper small,.small-heading span,.attribute-row small,.rpg-card small){color:var(--muted)}
body[data-palette="light"] :is(.campaign-bar,.left-panel,.whisper){background:#eaf0ecd9;border-color:var(--border)}
body[data-palette="light"] .choice{background:linear-gradient(90deg,#fffaf1ce,#e1e9e991);border-color:var(--border)}
body[data-palette="light"] .choice:hover{background:#d5e1db;border-color:var(--gold)}
body[data-palette="light"] :is(.input-wrap,.approach-row select,.origin-card,.path-option,.creator-points,.creator-attribute button){background:#f4f4ea;color:var(--text);border-color:var(--border)}
body[data-palette="light"] textarea{color:var(--text)}
body[data-palette="light"] textarea::placeholder{color:#5a6a71}
body[data-palette="light"] .story p:first-child:first-letter{color:var(--gold)}
body[data-palette="light"] #ai-mode{color:var(--gold)!important}
body[data-palette="light"] .input-wrap button{color:var(--gold)}
body[data-palette="light"] dialog{background:#edf0e9;color:var(--text)}
body[data-palette="light"] dialog::backdrop{background:#172b3c66}
body[data-palette="light"] #modal-body{color:var(--text);scrollbar-color:#938163 #e2e8e4}
body[data-palette="light"] #modal-body strong{color:var(--gold)}
body[data-palette="light"] #modal-body :is(input,select){color:var(--text);background:#fafaf3;border-color:var(--border);color-scheme:light}
body[data-palette="light"] .rpg-field{color:var(--text)!important;background:#fafaf3!important;color-scheme:light}
body[data-palette="light"] .rpg-card{background:#dce5df66}
body[data-palette="light"] .attribute-row button{color:var(--gold)}
body[data-palette="light"] .save-volume{background:linear-gradient(110deg,#eee5ceea,#e1e8e7eb),url('occult-atlas.svg') center/cover;border-color:var(--border)}
body[data-palette="light"] .save-volume.active{border-color:var(--gold)}
body[data-palette="light"] .save-volume h3{color:var(--text)}
body[data-palette="light"] .save-volume p{color:var(--muted)}
body[data-palette="light"] .save-volume>small{color:var(--gold)}
body[data-palette="light"] .watch-face{background:radial-gradient(circle,#faf3dd,#d7caaa 73%);box-shadow:0 0 0 3px #917344,inset 0 0 20px #987b442e,0 8px 20px #30435222}
body[data-palette="light"] .watch-number{color:#635234}
body[data-palette="light"] .watch-hand{background:#684825}
body[data-palette="light"] .watch-hand.minute{background:#3d4f57}
body[data-palette="light"] .watch-loop{background:#dfd4b7}
@media(max-width:760px){.scenery-toolbar{padding:14px 18px 0;gap:8px;flex-wrap:wrap}.scenery-toolbar label{font-size:13px}#scenery-status{font-size:12px}}
@media(max-width:380px){#scenery-status{flex-basis:100%}.scenery-toolbar{justify-content:flex-start}}
/* Desktop dossier needs a frame around its content, not a strip behind it. */
@media(min-width:761px){
 body[data-palette="light"] .left-panel{padding:24px 22px;align-self:start;border:1px solid var(--border);border-radius:3px;box-shadow:0 12px 30px #243f4c18;min-width:0}
 .left-panel .section-kicker{flex-wrap:wrap;gap:8px}
 .left-panel .item{overflow-wrap:anywhere}
}
@media(min-width:1181px){body[data-palette="light"] .app-layout{grid-template-columns:272px minmax(0,1fr) 224px;gap:30px}}
@media(min-width:1500px){body[data-palette="light"] .app-layout{grid-template-columns:292px minmax(0,1fr) 224px;gap:36px}}
@media(min-width:761px) and (max-width:1180px){body[data-palette="light"] .app-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}}
@media(prefers-reduced-motion:reduce){.world-backdrop:before,.atlas-overlay,body{transition:none}}