/* v1.5.7 — original photoreal turntable scene, carefully shielded content.
   The image is a crop of original generated artwork, NOT the supplied What Hi-Fi screenshot. */
html[data-theme="hifi"] body{
  background-color:#1b120d;
  background-image:
    linear-gradient(90deg,rgba(18,12,9,.86) 0%,rgba(24,15,9,.68) 38%,rgba(18,11,8,.42) 100%),
    linear-gradient(180deg,rgba(13,9,6,.20),rgba(13,9,6,.55)),
    url('theme-art/hifi-turntable-luxury.webp')!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html[data-theme="hifi"] .top{
  background:linear-gradient(130deg,rgba(32,21,14,.96),rgba(48,32,19,.91))!important;
  border:1px solid #b99a66;
  box-shadow:inset 0 1px 0 #fff3,0 12px 35px #0008;
  backdrop-filter:blur(12px);
}
html[data-theme="hifi"] :is(.panel,.stat,.gig,.record-card,.admin-panel,.related-panel,.record-meta,.record-info,.record-detail,.filters,.search-bar){
  background-color:rgba(37,26,18,.94);
  border-color:#aa8a57;
  box-shadow:inset 0 1px 0 #fff2,0 8px 30px #0009;
}
html[data-theme="hifi"] :is(.panel,.stat,.gig,.record-card,.admin-panel,.related-panel){
  background-image:linear-gradient(140deg,rgba(76,54,33,.94),rgba(32,23,17,.97))!important;
}
html[data-theme="hifi"] :is(.hero,.record-hero){
  position:relative;
  isolation:isolate;
  border-radius:14px;
  padding:clamp(22px,4vw,52px);
  background:linear-gradient(95deg,rgba(26,17,11,.94),rgba(30,20,13,.80) 66%,rgba(30,20,13,.35));
  border:1px solid rgba(219,181,115,.65);
  box-shadow:0 14px 40px #0009;
  backdrop-filter:blur(8px);
}
html[data-theme="hifi"] .hero::before{
  /* The photograph is already the main visual. Avoid placing the old flat SVG on top. */
  display:none!important;
}
html[data-theme="hifi"] :is(.hero,.record-hero,.top,.panel,.stat,.gig,.record-card,.admin-panel,.related-panel) :is(h1,h2,h3,h4,p,span,small,label){
  text-shadow:0 1px 2px #0008;
}
html[data-theme="hifi"] :is(input,select,textarea){
  background:#271c15!important;
  color:#fff1d8!important;
  border:1px solid #b39362!important;
}
html[data-theme="hifi"] :is(input,textarea)::placeholder{color:#d4c2a8!important;opacity:1}
html[data-theme="hifi"] :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid #ffdf97!important;outline-offset:3px;
}
html[data-theme="hifi"] .btn,html[data-theme="hifi"] button:not(.menu-toggle):not(.nav-toggle){
  color:#281b10;
}
@media(max-width:800px){
 html[data-theme="hifi"] body{background-attachment:scroll!important;background-position:center,center,65% top!important}
 html[data-theme="hifi"] :is(.hero,.record-hero){padding:22px;background:rgba(27,18,12,.95)}
}
@media(prefers-reduced-transparency:reduce){
 html[data-theme="hifi"] :is(.top,.hero,.record-hero,.panel,.stat,.gig,.record-card,.admin-panel,.related-panel){backdrop-filter:none!important;background-color:#291c14!important}
}