/* Fixed wallpaper, separate from translucent content: never fade the text. */
html[data-theme]{--text:#49382f;--muted:#725c50;--line:#906f5140;--panel:rgba(255,249,237,.88);--surface:rgba(255,253,247,.92);--soft:rgba(243,225,205,.78);--accent:#913a62;--focus:#34768d;--grid:#b6a38a;--pink:#e88eae;--shadow:0 12px 38px #46301b18;--wall:url('/static/trickcal-home.png');--veil:rgba(255,242,220,.2)}
html[data-theme=night]{--text:#f0eafa;--muted:#c5b9da;--line:#c4afe03b;--panel:rgba(28,24,49,.88);--surface:rgba(41,34,66,.94);--soft:rgba(66,51,91,.85);--accent:#e9b4df;--focus:#b9ccff;--grid:#645777;--pink:#caa3f3;--shadow:0 12px 38px #08041555;--wall:url('/static/yomi-night.png');--veil:rgba(17,12,39,.38)}
html[data-theme] body{background:transparent!important;color:var(--text);isolation:isolate}
html[data-theme] body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--veil),var(--veil)),var(--wall);background-size:cover;background-position:center;background-repeat:no-repeat}
/* Original night image has 10% letterbox bands at both edges. Enlarging the
   cover layer by 1.26 hides them even on very wide displays without editing it. */
html[data-theme=night] body::before{transform:scale(1.26)}
html[data-theme] .topbar,html[data-theme] section,html[data-theme] .home-cards>a{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-theme] .topbar{position:relative;z-index:5;gap:12px}
html[data-theme] a,html[data-theme] summary,html[data-theme] small,html[data-theme] .stat-grid strong,html[data-theme] .home-cards strong{color:var(--accent)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] .hero-copy h1{color:var(--text)}
html[data-theme] .note,html[data-theme] .home-cards p,html[data-theme] .home-strip,html[data-theme] .home-guide p,html[data-theme] .home-section-title p,html[data-theme] .home-footer small,html[data-theme] #status,html[data-theme] #empty{color:var(--muted)}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea,html[data-theme] button,html[data-theme] .hero-actions a{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme] button{box-shadow:0 3px 0 var(--line)}
html[data-theme] :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-theme] input[type=checkbox]{accent-color:var(--accent)}
html[data-theme] :is(.profile-banner,.stat-grid>div,.badge,.screenshot-guide,.my-ranking,#tip,#legend span,#players label,.site-toast,.hero-sticker){background:var(--soft);color:var(--text);border-color:var(--line)}
html[data-theme] .site-nav a[aria-current=page],html[data-theme] #players label:has(input:checked),html[data-theme] #follow[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}
html[data-theme] .primary,html[data-theme] .hero-actions .home-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}
html[data-theme=night] .primary,html[data-theme=night] .hero-actions .home-primary{color:#24152e}
html[data-theme] .plot,html[data-theme] iframe{background:var(--surface);border-color:var(--line)}
html[data-theme] tbody tr:nth-child(even){background:var(--soft)}
html[data-theme] td,html[data-theme] th,html[data-theme] fieldset,html[data-theme] .home-footer{border-color:var(--line)}
html[data-theme] .home-hero{min-height:550px;background:linear-gradient(90deg,#fff9edf5 0%,#fff9ede8 37%,#fff9ed70 65%,#fff9ed12);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=night] .home-hero{background:linear-gradient(90deg,#211c35f5 0%,#211c35e8 37%,#211c3580 65%,#211c3512)}
html[data-theme] .eyebrow,html[data-theme] .card-number{color:var(--accent)}
html[data-theme] .hero-art,html[data-theme] .hero-shade{display:none}
html[data-theme] .hero-copy{background:transparent;max-width:760px;padding:75px 6%}
html[data-theme] .home-discover{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] .home-guide{background:var(--panel)}
html[data-theme] .ranking-controls{background:var(--soft);border-color:var(--line);color:var(--text)}
html[data-theme] .player-details{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
html[data-theme] .profile-detail-group{border-color:var(--line)}
html[data-theme] .profile-detail-group h4{color:var(--accent)}
html[data-theme] .profile-detail-group .is-missing{color:var(--muted)}
html[data-theme] #ranking td:first-child{color:var(--accent)}
html[data-theme] .ranking-status{color:var(--muted)}
html[data-theme] .guest-profile{max-width:980px;margin:35px auto;padding:clamp(24px,5vw,64px);border-radius:28px}
html[data-theme] .guest-profile h2{font-size:clamp(26px,4vw,40px);line-height:1.5;margin:20px 0}
html[data-theme] .guest-profile p{line-height:1.9;color:var(--muted);max-width:720px}
html[data-theme] .guest-profile .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
html[data-theme] .guest-profile .hero-actions a{padding:12px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none}
html[data-theme] .guest-profile .hero-actions a:first-child{background:var(--accent);color:#fff9ed}
html[data-theme=night] .guest-profile .hero-actions a:first-child{color:#24152e}
html[data-theme] :is(.image-viewer,.image-drop,.image-import-list>div,.review-banner,.settings-block,.avatar-fallback){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme] .home-footer{background:var(--panel);border-radius:20px;padding:22px}
html[data-theme=night] .ocr-low{background:#592b496e;border-color:#ef94ac}
html[data-theme=night] :is(#notice,.review-error){color:#ffadc5}
html[data-theme] .theme-switch{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;margin-left:auto}
html[data-theme] .theme-switch select{font:inherit;min-height:40px;max-width:140px}
html[data-theme].embedded-chart body::before{display:none}
@media(max-width:750px){html[data-theme] .hero-copy{padding:36px 24px}html[data-theme] .home-hero{min-height:0}html[data-theme] .theme-switch{margin-left:0}html[data-theme] .topbar{flex-wrap:wrap}html[data-theme] body::before{background-position:55% center}html[data-theme] section{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){html[data-theme]{--panel:#fff9ed}html[data-theme=night]{--panel:#201b35}}