/* v1.5.11 — real, locally bundled generated scene artwork for all six non-Manga alternative themes.
   Shared semantic navigation is unchanged; image surfaces never carry unshielded body copy. */

html[data-theme="nightlife"] .theme-art-masthead{
 background-image:url("theme-art/nightlife-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #b64af2!important;
}
html[data-theme="nightlife"] .theme-art-masthead>div{display:none!important}
html[data-theme="nightlife"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="nightlife"] .hero{
 background-image:linear-gradient(90deg,#13091d 0%,#13091df2 56%,#13091db3 82%,#13091d99 100%),url("theme-art/nightlife-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#f5dfff;
}
html[data-theme="nightlife"] .hero::before{display:none!important}
.theme-swatch-nightlife::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/nightlife-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-nightlife::after{display:none!important}
.theme-swatch-nightlife .theme-swatch-art{display:none!important}

html[data-theme="signal"] .theme-art-masthead{
 background-image:url("theme-art/signal-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #f04b27!important;
}
html[data-theme="signal"] .theme-art-masthead>div{display:none!important}
html[data-theme="signal"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="signal"] .hero{
 background-image:linear-gradient(90deg,#fff4dc 0%,#fff4dcf2 56%,#fff4dcb3 82%,#fff4dc99 100%),url("theme-art/signal-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#171310;
}
html[data-theme="signal"] .hero::before{display:none!important}
.theme-swatch-signal::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/signal-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-signal::after{display:none!important}
.theme-swatch-signal .theme-swatch-art{display:none!important}

html[data-theme="hifi"] .theme-art-masthead{
 background-image:url("theme-art/hifi-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #c8a26a!important;
}
html[data-theme="hifi"] .theme-art-masthead>div{display:none!important}
html[data-theme="hifi"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="hifi"] .hero{
 background-image:linear-gradient(90deg,#26170e 0%,#26170ef2 56%,#26170eb3 82%,#26170e99 100%),url("theme-art/hifi-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#ffe6b4;
}
html[data-theme="hifi"] .hero::before{display:none!important}
.theme-swatch-hifi::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/hifi-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-hifi::after{display:none!important}
.theme-swatch-hifi .theme-swatch-art{display:none!important}

html[data-theme="retro"] .theme-art-masthead{
 background-image:url("theme-art/retro-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #b45b2b!important;
}
html[data-theme="retro"] .theme-art-masthead>div{display:none!important}
html[data-theme="retro"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="retro"] .hero{
 background-image:linear-gradient(90deg,#f4e5c9 0%,#f4e5c9f2 56%,#f4e5c9b3 82%,#f4e5c999 100%),url("theme-art/retro-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#392319;
}
html[data-theme="retro"] .hero::before{display:none!important}
.theme-swatch-retro::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/retro-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-retro::after{display:none!important}
.theme-swatch-retro .theme-swatch-art{display:none!important}

html[data-theme="grunge"] .theme-art-masthead{
 background-image:url("theme-art/grunge-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #d74d78!important;
}
html[data-theme="grunge"] .theme-art-masthead>div{display:none!important}
html[data-theme="grunge"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="grunge"] .hero{
 background-image:linear-gradient(90deg,#261b20 0%,#261b20f2 56%,#261b20b3 82%,#261b2099 100%),url("theme-art/grunge-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#fff1e1;
}
html[data-theme="grunge"] .hero::before{display:none!important}
.theme-swatch-grunge::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/grunge-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-grunge::after{display:none!important}
.theme-swatch-grunge .theme-swatch-art{display:none!important}

html[data-theme="bristol"] .theme-art-masthead{
 background-image:url("theme-art/bristol-reference-scene.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;
 height:auto!important;aspect-ratio:3.25 / 1!important;
 max-height:290px!important;min-height:150px!important;
 padding:0!important;border-radius:0!important;
 border-bottom:3px solid #e9a35b!important;
}
html[data-theme="bristol"] .theme-art-masthead>div{display:none!important}
html[data-theme="bristol"] .top{border-top:0!important}
/* Secondary imagery is visible on actual pages, not just on the Admin swatch. */
html[data-theme="bristol"] .hero{
 background-image:linear-gradient(90deg,#10343e 0%,#10343ef2 56%,#10343eb3 82%,#10343e99 100%),url("theme-art/bristol-reference-scene.webp")!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;
 background-repeat:no-repeat!important;
 color:#fff4d9;
}
html[data-theme="bristol"] .hero::before{display:none!important}
.theme-swatch-bristol::before{
 content:""!important;display:block!important;
 background-image:url("theme-art/bristol-reference-scene.webp")!important;
 background-size:cover!important;background-position:center!important;
}
.theme-swatch-bristol::after{display:none!important}
.theme-swatch-bristol .theme-swatch-art{display:none!important}

/* Mastheads are decorative images: navigation, labels and headings stay as real HTML below. */
@media(max-width:700px){
html[data-theme="nightlife"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
html[data-theme="signal"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
html[data-theme="hifi"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
html[data-theme="retro"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
html[data-theme="grunge"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
html[data-theme="bristol"] .theme-art-masthead{height:145px!important;min-height:0!important;aspect-ratio:auto!important;background-size:auto 145px!important;background-position:center center!important}
}
@media(max-width:420px){
html[data-theme="nightlife"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
html[data-theme="signal"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
html[data-theme="hifi"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
html[data-theme="retro"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
html[data-theme="grunge"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
html[data-theme="bristol"] .theme-art-masthead{height:115px!important;background-size:auto 115px!important}
}
@media(prefers-reduced-motion:reduce){html[data-theme] .theme-art-masthead{animation:none!important}}