/* v1.4.0: three additional, complete theme palettes */
html[data-theme="manga"]{--bg:#f8f5e9;--panel:#fffdf6;--panel2:#ece5c9;--ink:#171717;--muted:#48443b;--line:#242424;--acid:#bd292a;--orange:#d69e12;--theme-card:#fffdf6;--theme-card-border:#252525;color-scheme:light}
html[data-theme="grunge"]{--bg:#211f1e;--panel:#302b29;--panel2:#403834;--ink:#f4e8d4;--muted:#c7b9a6;--line:#8c7968;--acid:#e8bd75;--orange:#d66e63;--theme-card:#302b29;--theme-card-border:#8c7968;color-scheme:dark}
html[data-theme="bristol"]{--bg:#102a35;--panel:#173b46;--panel2:#22505a;--ink:#fff4dc;--muted:#c3d5d3;--line:#608b8c;--acid:#f8b36e;--orange:#fa806b;--theme-card:#173b46;--theme-card-border:#608b8c;color-scheme:dark}
html[data-theme="manga"] body{background:radial-gradient(#1112 1px,transparent 1px) 0 0/8px 8px,#f8f5e9}
html[data-theme="grunge"] body{background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 7px),linear-gradient(145deg,#25201e,#3a2929 70%,#211f1e);background-attachment:fixed}
html[data-theme="bristol"] body{background:radial-gradient(ellipse at 100% 0%,#de69402c,transparent 55%),radial-gradient(ellipse at 0% 75%,#36aaa32a,transparent 60%),#102a35;background-attachment:fixed}
html[data-theme="manga"] :is(h1,h2,.brand){font-weight:900;letter-spacing:-.055em;text-transform:uppercase}
html[data-theme="grunge"] :is(h1,h2,.brand){font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
html[data-theme="bristol"] :is(h1,h2,.brand){letter-spacing:-.045em}
html[data-theme="manga"] :is(.panel,.stat,.related-panel,.admin-panel,.theme-option){border:3px solid #191919;border-radius:2px;box-shadow:6px 6px 0 #1b1b1b;background:var(--panel);color:var(--ink)}
html[data-theme="grunge"] :is(.panel,.stat,.related-panel,.admin-panel,.theme-option){border:2px solid #8c7968;border-radius:2px;box-shadow:5px 6px 0 #0c0b0b;background:var(--panel);color:var(--ink)}
html[data-theme="bristol"] :is(.panel,.stat,.related-panel,.admin-panel,.theme-option){border:1px solid #608b8c;border-radius:15px;box-shadow:0 12px 30px #0005;background:var(--panel);color:var(--ink)}
html[data-theme="manga"] .btn{background:#bd292a;color:#fff;border:2px solid #171717;box-shadow:3px 3px 0 #171717;border-radius:0}
html[data-theme="grunge"] .btn{background:#e8bd75;color:#261b17;border:2px solid #f3d7a4;border-radius:2px}
html[data-theme="bristol"] .btn{background:#f8b36e;color:#182b2e;border:1px solid #f8b36e;border-radius:9px}
html[data-theme="manga"] :is(input,select,textarea){background:#fffdf6;color:#171717;border:2px solid #171717}
html[data-theme="grunge"] :is(input,select,textarea){background:#403834;color:#f4e8d4;border:1px solid #a18a78}
html[data-theme="bristol"] :is(input,select,textarea){background:#173b46;color:#fff4dc;border:1px solid #79a7a5}
html[data-theme="manga"] :is(.related-feature-cta,.related-footer){background:#bd292a;color:#fff!important}
html[data-theme="grunge"] :is(.related-feature-cta,.related-footer){background:#e8bd75;color:#211f1e!important}
html[data-theme="bristol"] :is(.related-feature-cta,.related-footer){background:#f8b36e;color:#102a35!important}
html[data-theme="manga"] .theme-swatch-manga{background:radial-gradient(#0002 1px,transparent 1px) 0 0/7px 7px,#fbe04e;color:#161616}
html[data-theme="grunge"] .theme-swatch-grunge{background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px),#41302f;color:#f7d9a9}
html[data-theme="bristol"] .theme-swatch-bristol{background:linear-gradient(130deg,#123540,#226674);color:#fff0d1}
.theme-swatch-manga .theme-swatch-art img,.theme-swatch-grunge .theme-swatch-art img,.theme-swatch-bristol .theme-swatch-art img{width:58%;right:0;top:7%;height:88%}
html[data-theme="manga"] :is(.record-cover,.artist-record-cover,.related-record-thumb,.related-cover-placeholder){background:radial-gradient(#17171722 1px,transparent 1px) 0 0/7px 7px,#fbe9b8;color:#171717}
html[data-theme="grunge"] :is(.record-cover,.artist-record-cover,.related-record-thumb,.related-cover-placeholder){background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px),#49332f;color:#f4e8d4}
html[data-theme="bristol"] :is(.record-cover,.artist-record-cover,.related-record-thumb,.related-cover-placeholder){background:linear-gradient(140deg,#215c64,#153b48);color:#fff4dc}
html[data-theme="manga"] .related-cover-placeholder{background:linear-gradient(#fff9eb88,#fff9eb88),url('theme-art/manga-panel.svg') center/cover}
html[data-theme="grunge"] .related-cover-placeholder{background:linear-gradient(#2a211b77,#2a211b77),url('theme-art/grunge-flyer.svg') center/cover}
html[data-theme="bristol"] .related-cover-placeholder{background:linear-gradient(#10323a55,#10323a55),url('theme-art/bristol-harbour.svg') center/cover}
html[data-theme="manga"] .year-tile{background:#fbe04e;color:#171717;border:3px solid #171717;box-shadow:5px 5px 0 #171717}
html[data-theme="grunge"] .year-tile{background:#604039;color:#fff0d6;border:2px solid #bd9b77}
html[data-theme="bristol"] .year-tile{background:#24606a;color:#fff4dc;border:1px solid #8ab6b4}
html[data-theme="manga"] .year-tile:hover{color:#171717}
html[data-theme="grunge"] .year-tile:hover{color:#fff0d6}
html[data-theme="bristol"] .year-tile:hover{color:#fff4dc}
html[data-theme="manga"] :is(a,button,input,select,textarea):focus-visible,html[data-theme="grunge"] :is(a,button,input,select,textarea):focus-visible,html[data-theme="bristol"] :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--acid);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){html[data-theme="manga"] .year-tile:hover{transform:translate(-3px,-3px)}html[data-theme="grunge"] .year-tile:hover{transform:rotate(-1deg)}html[data-theme="bristol"] .year-tile:hover{transform:translateY(-3px)}}

/* v1.4.1: The preview art is rendered by ::before (the old img layer is hidden).
   Explicit image-backed rules were missing for all three new theme cards. */
.theme-swatch-manga::before{
  background-image:url('theme-art/manga-panel.svg'),radial-gradient(#1112 1px,transparent 1px);
  background-position:88% center,center;background-size:auto 108%,8px 8px;
  background-color:#fbe04e;
}
.theme-swatch-manga::after{background:linear-gradient(90deg,#fbe04ef2 0%,#fbe04e99 42%,transparent 83%)}
.theme-swatch-manga .theme-swatch-head,.theme-swatch-manga .theme-swatch-top,.theme-swatch-manga .theme-swatch-foot{color:#171717}
.theme-swatch-manga .theme-swatch-name{background:#171717;color:#fff;border-color:#171717}
.theme-swatch-grunge::before{
  background-image:url('theme-art/grunge-flyer.svg'),repeating-linear-gradient(0deg,#ffffff0b 0 1px,transparent 1px 5px);
  background-position:91% center,center;background-size:auto 110%,auto;
  background-color:#41302f;
}
.theme-swatch-grunge::after{background:linear-gradient(90deg,#241b1be8 0%,#241b1b9e 43%,transparent 87%)}
.theme-swatch-grunge .theme-swatch-head,.theme-swatch-grunge .theme-swatch-top,.theme-swatch-grunge .theme-swatch-foot{color:#fff0d8}
.theme-swatch-grunge .theme-swatch-name{background:#e8bd75;color:#211f1e;border-color:#e8bd75}
.theme-swatch-bristol::before{
  background-image:url('theme-art/bristol-harbour.svg'),linear-gradient(135deg,#123540,#226674);
  background-position:90% center,center;background-size:auto 110%,cover;
  background-color:#123540;
}
.theme-swatch-bristol::after{background:linear-gradient(90deg,#102a35ec 0%,#102a3599 45%,transparent 88%)}
.theme-swatch-bristol .theme-swatch-head,.theme-swatch-bristol .theme-swatch-top,.theme-swatch-bristol .theme-swatch-foot{color:#fff4dc}
.theme-swatch-bristol .theme-swatch-name{background:#f8b36e;color:#102a35;border-color:#f8b36e}