/* Shared page palette. Card shells, cover art and finishes keep their own materials. */
/* The page background is painted on the root: a short page must not tile its gradient in bands. */
html{min-height:100%}
body > header{flex-wrap:wrap;gap:16px}
body > header nav{flex-wrap:wrap;align-items:center}
.theme-toggle{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid #9cb18555;border-radius:24px;background:#17271e;color:#dbe5cd;font:12px system-ui,sans-serif;cursor:pointer}
.theme-toggle-track{width:28px;height:16px;border-radius:12px;background:#71816a;padding:2px}
.theme-toggle-track::before{content:'';display:block;width:12px;height:12px;border-radius:50%;background:#f8f2e3;transition:transform .18s}
.theme-toggle[aria-checked=true] .theme-toggle-track{background:#315f49}
.theme-toggle[aria-checked=true] .theme-toggle-track::before{transform:translateX(12px)}
.theme-toggle:focus-visible{outline:2px solid #cee59f;outline-offset:4px}
@media(max-width:760px){body > header nav{order:3;flex-basis:100%;justify-content:flex-start}body > header{height:auto;min-height:76px}.theme-toggle{font-size:11px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.theme-toggle-track::before{transition:none}}

html[data-theme=cream]{color-scheme:light;--cream-ink:#283e32;--cream-muted:#616b58;--cream-accent:#356348;--cream-line:#cfcbb7;--cream-paper:#fffaf0}
html[data-theme=cream] body{background:#f4efdf radial-gradient(ellipse at 75% 10%,#e4ddbf80,transparent 55%);color:var(--cream-ink)}
html[data-theme=cream] body::before{background:none}
html[data-theme=cream] :is(header,footer,.journey,.stats,.stats>div,.era-heading,.finish-note){border-color:var(--cream-line)}
html[data-theme=cream] :is(header a,nav,nav [aria-current],.account-name,.login strong,.entry h3,.specimen h3){color:var(--cream-ink)}
html[data-theme=cream] :is(.brand span,.eyebrow,.home-hero h1 em,.intro h1 em,.quiet-link,.destination-icon,.destination-link,.destination-top,.hero-display figcaption>span,.empty>span,.finish-note>span,.finish-note .finish-status,footer>span:first-child){color:var(--cream-accent)}
html[data-theme=cream] :is(.muted,.hero-description,.hero-note,.hero-display figcaption,.hero-display small,.home-stats dt,.destination p,.closing-line,.stats>div>span,.stats small,.section-heading>span,.badge,.empty p,.display-options label,.era-summary,.hint,footer,#subtitle,.slot-note,.lede,.toolbar>p span,.specimen>p,.study-note,.finish-note p,.copy p,.intro>p:not(.eyebrow)){color:var(--cream-muted)}
html[data-theme=cream] :is(.primary,.tabs button[aria-pressed=true],.finish-switch button[aria-pressed=true]){background:#315f49;color:#fff9e9;border-color:#315f49}
html[data-theme=cream] :is(.secondary,.tabs button,.finish-switch button,.close){color:var(--cream-accent);border-color:var(--cream-line)}
html[data-theme=cream] :is(.secondary,.finish-switch,.switch){background:var(--cream-paper)}
html[data-theme=cream] :is(.fields input,.fields select,.display-options select,.login input){background:var(--cream-paper);color:var(--cream-ink);border-color:var(--cream-line);color-scheme:light}
html[data-theme=cream] input::placeholder{color:#727461}
html[data-theme=cream] .toolbar{background:#f4efdfF5;border-color:var(--cream-line)}
html[data-theme=cream] .destination{background:linear-gradient(135deg,#fffbf2,#ede7d5);border-color:var(--cream-line)}
html[data-theme=cream] .destination:hover{border-color:#64826b}
html[data-theme=cream] .orbit{border-color:#76846530;background:radial-gradient(ellipse,#b6c29a25,transparent 70%)}
html[data-theme=cream] :is(.favorites,.tray){background:linear-gradient(120deg,#e8e0ca,#f7f1e2);border-color:var(--cream-line);box-shadow:inset 0 1px #fff9,0 8px 24px #695b3910}
html[data-theme=cream] :is(.favorite-placeholder,.empty){color:var(--cream-muted);border-color:#b9baa0}
html[data-theme=cream] .star{color:#687653}
html[data-theme=cream] .star[aria-pressed=true]{color:#8b651d}
html[data-theme=cream] .notice{background:#e7ebd8;color:#3c5736;border-color:#b5c29c}
html[data-theme=cream] .error{background:#f6e4d7;color:#923e28;border-color:#d3aa93}
html[data-theme=cream] dialog{background:var(--cream-paper);color:var(--cream-ink);border-color:var(--cream-line)}
html[data-theme=cream] .progress-track,html[data-theme=cream] .era-progress{background:#d7d9bf;accent-color:#56764b}
html[data-theme=cream] #progress-fill{background:#56764b}
html[data-theme=cream] .era-progress::-webkit-progress-bar{background:#d7d9bf}
html[data-theme=cream] .era-progress::-webkit-progress-value{background:#56764b}
html[data-theme=cream] .era-progress::-moz-progress-bar{background:#56764b}
html[data-theme=cream] .specimen{--accent:#456649}
html[data-theme=cream] .specimen[data-rarity=rare]{--accent:#426570}
html[data-theme=cream] .specimen[data-rarity=ultra_rare]{--accent:#984c3d}
html[data-theme=cream] .specimen[data-rarity=legendary]{--accent:#856222}
html[data-theme=cream] .theme-toggle{background:var(--cream-paper);color:var(--cream-ink);border-color:var(--cream-line)}
html[data-theme=cream] :is(button,a,input,select):focus-visible{outline-color:#356348}
html[data-theme=cream] :is(.option-title,.option-title span:last-child,.option>p,.comparison-note,.details dt,.details dd,.switch button){color:var(--cream-muted)}
html[data-theme=cream] :is(.option-title,.details,.switch){border-color:var(--cream-line)}
html[data-theme=cream] .switch button[aria-pressed=true]{background:#315f49;color:#fff9e9}
html[data-theme=cream] .copy .hint{color:var(--cream-muted)!important}
html[data-theme=cream] :is(.detail-meta,.game-platforms,.story p,.game-source){color:var(--cream-muted)}
html[data-theme=cream] :is(.game-byline,.chip){color:var(--cream-ink);border-color:var(--cream-line)}html[data-theme=cream] .read-more{color:var(--cream-accent)}html[data-theme=cream] .chip.series{background:var(--cream-accent);color:var(--cream-paper)}
html[data-theme=cream] .account-panel{background:var(--cream-paper);border-color:var(--cream-line);box-shadow:0 12px 30px #5a4d2a33}
html[data-theme=cream] :is(.account-menu summary,.account-panel strong){color:var(--cream-ink)}html[data-theme=cream] .account-panel span{color:var(--cream-muted)}html[data-theme=cream] .account-avatar{background:#356348;color:#fffaf0}
html[data-theme=cream] .unstar{color:#8b651d}html[data-theme=cream] .unstar:hover{color:#a24a2a}
html[data-theme=cream] .roadmap{border-color:var(--cream-line)}
html[data-theme=cream] :is(.roadmap-last,.roadmap-meta,.roadmap-note,.roadmap-footnote){color:var(--cream-muted)}
html[data-theme=cream] .roadmap-last{border-color:var(--cream-line)}
html[data-theme=cream] .roadmap-last::before,html[data-theme=cream] .roadmap-column h3{color:var(--cream-accent)}
html[data-theme=cream] .roadmap-column-saved h3{color:#8b651d}
html[data-theme=cream] .roadmap-slot{background:linear-gradient(135deg,#fffbf2,#ede7d5);border-color:var(--cream-line)}
html[data-theme=cream] .roadmap-saved{border-color:#c9a65e}
html[data-theme=cream] .roadmap-free{background:none;border-color:#b9baa0}
html[data-theme=cream] .roadmap-bar{background-color:#d7d9bf;background-image:linear-gradient(90deg,transparent,#56764b,transparent)}
html[data-theme=cream] .login .soon{color:var(--cream-ink)}html[data-theme=cream] .login .soon-badge{color:#8a6a1c;border-color:#b8954a88}
html[data-theme=cream] .guest-banner{color:var(--cream-muted);border-color:var(--cream-line)}html[data-theme=cream] .guest-banner a{color:var(--cream-accent)}html[data-theme=cream] .guest-reminder{background:#fff6dc;color:var(--cream-ink);border-color:#c9a14a}html[data-theme=cream] .guest-reminder strong{color:#8a6414}