/* Midnight charcoal and muted crimson. The banner keeps its cinematic darkness. */
:root{--season-paper:#101013;--season-panel:#1b1b20;--season-line:#36343b;--season-ink:#eeeaec;--season-muted:#a7a0a5;--season-gold:#a7998e;--season-red:#923b49}
body{background:var(--season-paper)}
.header,.layout,.bottom-nav{--bg:var(--season-paper);--panel:var(--season-panel);--line:var(--season-line);--text:var(--season-ink);--muted:var(--season-muted);--accent:var(--season-red);color:var(--season-ink);color-scheme:dark}
.header .brand>span,footer .brand>span{color:var(--season-red)}
.header nav{color:#a7a0a5}
.header nav a:hover,.header nav .active{color:var(--season-red)}
.header .shelf-button,.site-language{background:#1b1b20;border-color:#3b353c;color:#dfd7dc}
.header .shelf-button>span{color:#b5a5ad}
.feature{background:#191719;border-color:#494044;box-shadow:0 12px 36px #2920211a;color:#eeeae5;color-scheme:dark}
.feature-shade{background:linear-gradient(90deg,#191719 4%,#1c181b 30%,#20191dc9 46%,#21171b12 72%),linear-gradient(0deg,#151215bd,transparent 40%)}
.feature-label{color:#d4c6b3;border-color:#aa948360;background:#19151a60}
.feature-copy h1{color:#f5f0eb;text-shadow:0 2px 20px #100d1166}
.feature-copy p{color:#c3b9ba}
.feature-copy .solid{background:#923b49;border:1px solid #b7626955;color:#fff4f0}
.feature-side{color:#c9bbaa99}
.feature-controls{color:#eeeae5}
.feature-controls i{color:#b0a2a8}
.feature-controls button{background:#1e171db3;border-color:#d6c5bb5c;color:#eeeae5}
.feature-controls button:hover{background:#5e2b35}
.today-top h2,.section-title h2,.category-shelf h3{color:var(--season-ink)}
.top-number{fill:var(--season-paper);stroke:#78717b}
.top-poster{background:#242023;box-shadow:0 5px 16px #29202120}
.top-title{color:#fff7f0}
.top-list{scrollbar-color:#56515b transparent}
.top-card:focus-visible{outline-color:var(--season-red)}
.category-tabs button{background:#1b1b20;border-color:#3b353f;color:#b5aab3}
.category-tabs button:hover{border-color:#985d6a;color:#ead2d7;background:#30222a}
.category-tabs button.selected,.catalog-pagination button[aria-current=page]{background:var(--season-red);border-color:var(--season-red);color:#fff4ef;box-shadow:none}
.category-shelf h3:before{background:var(--season-red)}
.category-grid .catalog-empty,#product-grid>.catalog-empty{border-color:#38313a;background:#1b1b20;color:#a79aa2}
.product-cover{border-color:#40333c}
.product-info>strong{color:#eee6eb}
.product-info>span{color:#ada1ab}
.product-info>small{color:var(--season-red)}
.cover-copy{color:#fff7ef}
.cover-tags i{color:#eaded6;background:#211a1db3;border-color:#d4c3b738}
.cover-badge.new{background:#d4b7bc;color:#361c24}
.cover-badge:not(.new){background:#2b2226;color:#d7c6c0;border-color:#66575b}
.cover-copy>small,.cover-copy>em{color:#e0d1cb}
.layout footer{margin-top:44px;padding:36px 0 40px;background:#19181d;box-shadow:0 0 0 100vmax #19181d;clip-path:inset(0 -100vmax);border-color:#363039;color:#c2b6bd}
.layout footer p{color:#b3a5ae}
.layout footer small{color:#9c8d98}
.bottom-nav{background:#17161bf5;border-color:#3b323c}
.bottom-nav a,.bottom-nav button{color:#a796a4}
.bottom-nav a.selected,.bottom-nav a:hover,.bottom-nav button:hover{color:var(--season-red)}
@media(max-width:700px){.layout footer{margin-top:32px;padding:30px 0 calc(96px + env(safe-area-inset-bottom))}}
@media(max-width:760px){.feature-shade{background:linear-gradient(90deg,#191719f5 0%,#1c181bdd 30%,#20191d80 57%,#21171b10 90%),linear-gradient(0deg,#151215e0,transparent 60%)}}

/* Content introductions share the home palette. */
#reading-dialog:has(#detail-start,#coming-close){--accent:#923b49;background:#1b1b20;color:#eee6eb;border-color:#40353e;color-scheme:dark;box-shadow:0 20px 80px #24191540}
#reading-dialog:has(#detail-start,#coming-close)::backdrop{background:#211b187d}
#reading-dialog:has(#detail-start,#coming-close) .close{background:#29222aef;color:#e2bbc4}
#reading-dialog:has(#detail-start,#coming-close) .kicker{color:#cf919f}
#reading-dialog:has(#detail-start,#coming-close) :is(.detail-description,.form-intro){color:#bfb1bb}
#reading-dialog:has(#detail-start) .detail-banner{background:#292021;color:#fff6ed}
#reading-dialog:has(#detail-start) .detail-banner:after{background:linear-gradient(0deg,#271a19d9,transparent 85%)}
#reading-dialog:has(#detail-start) .detail-features{color:#c7b0bb}
#reading-dialog:has(#detail-start) .detail-features>span{background:#28232b;border-color:#493945}
#reading-dialog:has(#detail-start) .content-host{border-color:#40333e}
#reading-dialog:has(#detail-start) .content-host small{color:#ae8f9f}
#reading-dialog:has(#detail-start,#coming-close) .solid{background:#923b49;color:#fff5ed}
#reading-dialog:has(#detail-start) .shelf-button{background:#252129;border-color:#4a3846;color:#d7b4c2}
#reading-dialog:has(#detail-start) .form-foot{color:#a08b9a}
#reading-dialog:has(#detail-start) .tarot-detail-options>div{background:#252129;border-color:#473745}
#reading-dialog:has(#detail-start) .tarot-detail-options strong{color:#eadce6}
#reading-dialog:has(#detail-start) .tarot-detail-options span{color:#ce97a8}
#reading-dialog:has(#detail-start) .tarot-detail-options p{color:#b9a6b3}
#reading-dialog:has(#detail-start) .content-social{border-color:#443440}
#reading-dialog:has(#detail-start) .content-social-heading h3{color:#ddc8d5}
#reading-dialog:has(#detail-start) .content-like{background:#2a212a;border-color:#634454;color:#d2a6b9}
#reading-dialog:has(#detail-start) .content-like[aria-pressed=true]{background:#472330;border-color:#a45b74;color:#923b49}
#reading-dialog:has(#detail-start) .content-social-status{color:#ad97a6}
#reading-dialog:has(#detail-start) .content-review{border-color:#3d2f3c}
#reading-dialog:has(#detail-start) .content-review>div span{color:#bea386}
#reading-dialog:has(#detail-start) .content-review>p{color:#c5b1bf}
#reading-dialog:has(#detail-start) .social-retry{color:#923b49}
#reading-dialog:has(#detail-start) .test-result-preview{color:#b59aa9}
#reading-dialog:has(#detail-start) .test-result-preview button{color:#923b49;border-color:#664858}
.feature-art.portrait.saju-season{background-image:url('assets/saju-season-banner-v1.png');inset:0;width:100%;height:100%;background-size:cover;background-position:center 35%}
.feature:has(.saju-season) .feature-shade{background:linear-gradient(90deg,#20191af7 0%,#241a1bd9 28%,#28191a80 46%,transparent 69%),linear-gradient(0deg,#1b121544,transparent 40%)}
.saju-sample-detail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 35%}
.saju-sample-detail strong{color:#fff4eb}
@media(max-width:700px){.feature-art.portrait.saju-season{background-size:auto 100%;background-position:80% center}.feature:has(.saju-season) .feature-shade{background:linear-gradient(90deg,#211719c9,#21171970 50%,#21171910),linear-gradient(0deg,#1d1317d9,transparent 55%)}.feature:has(.saju-season) .feature-copy h1{font-size:31px;max-width:250px}.feature:has(.saju-season) .feature-copy p{max-width:220px}}

.header nav .active,.header nav a:hover,.product-info>small,.bottom-nav a.selected,.bottom-nav a:hover,.bottom-nav button:hover{color:#d69ba8}
.header .brand>span,footer .brand>span{color:#b86f81}
.category-tabs button.selected,.catalog-pagination button[aria-current=page]{background:#923b49;color:#fff0f3}
#reading-dialog:has(#detail-start) .social-retry{color:#d69ba8}
.top-poster>.portrait.noel{background-size:200% auto;background-position:100% 12%}
.feature-art.portrait.oracle{background-image:url('assets/tarot-character-cover-v5.webp');background-size:cover;background-position:50% 25%;width:62%;height:100%;top:0;right:0}
.feature-art.portrait.mate{background-size:cover;background-position:50% 18%;width:62%;height:100%;top:0;right:0}
.feature-art.portrait.moon{background-size:cover;background-position:50% 22%;width:65%;height:100%;top:0;right:0}
.feature:has(.oracle){border-color:#4e3a55}
.feature:has(.mate){border-color:#665143}
.feature:has(.moon){border-color:#3d465e}
#slide-toggle{font-size:12px;font-weight:700;line-height:1}
@media(max-width:700px){.feature-art.portrait:is(.oracle,.mate,.moon){width:90%;right:-20%;background-position:50% 15%}.feature:has(:is(.oracle,.mate,.moon)) h1{font-size:30px;max-width:290px}}

/* Generated panoramic character banners. */
.feature-art.portrait.zero{background-image:url('assets/banners/zero-hero-v1.png')}
.feature-art.portrait.oracle{background-image:url('assets/banners/miho-hero-v1.png')}
.feature-art.portrait.mate{background-image:url('assets/banners/haram-hero-v5.png')}
.feature-art.portrait.moon{background-image:url('assets/banners/kael-hero-v1.png')}
.feature-art.portrait.noel{background-image:url('assets/banners/noel-hero-v1.png')}
.feature-art.portrait.mujin{background-image:url('assets/mujin/mujin-ch-4.png');top:0;right:0;width:62%;height:100%;background-size:cover;background-position:50% 24%}
@media(max-width:700px){.feature-art.portrait.mujin{width:90%;right:-20%;background-position:50% 15%}}
.feature-art.portrait:is(.zero,.oracle,.mate,.moon,.noel){inset:0;width:100%;height:100%;background-size:cover;background-position:center 30%}
.feature:has(.feature-art:is(.zero,.oracle,.mate,.moon,.noel)) .feature-shade{background:linear-gradient(90deg,#171419f5 0%,#19151ae0 24%,#1d171b8c 43%,transparent 67%),linear-gradient(0deg,#15111655,transparent 40%)}
@media(max-width:700px){
 .feature-art.portrait:is(.zero,.oracle,.mate,.moon,.noel){inset:0;width:100%;height:100%;background-size:auto 100%;background-position:75% center}
 .feature-art.portrait:is(.oracle,.noel){background-position:55% center}
 .feature-art.portrait.noel{background-position:65% center}
 .feature:has(.feature-art:is(.zero,.oracle,.mate,.moon,.noel)) .feature-shade{background:linear-gradient(90deg,#171419d9,#19151a85 48%,#1d171b12),linear-gradient(0deg,#151116e0,transparent 58%)}
}