/* Nyx v3 replacement references, accepted 8 Oct 2026. Original materials stay
   at authored scale; decoration never owns an input target or touches card art. */
html[data-appearance][data-theme="daybreak-index"],.appearance-option[data-pack="daybreak-index"] {
  --material:url('/static/themes/daybreak-index-ground-v3.webp');
  --material-opacity:.42; --environment:none; --daylight:none; --ambient:none;
}
html[data-appearance][data-theme="floodlight"],.appearance-option[data-pack="floodlight"] {
  --material:url('/static/themes/floodlight-stadium-v3.webp');
  --material-opacity:.78; --environment:none; --daylight:none; --ambient:none;
}
html[data-appearance][data-theme="courtside"],.appearance-option[data-pack="courtside"] {
  --material:url('/static/themes/courtside-basalt-v3.webp');
  --material-opacity:.43; --environment:url('/static/themes/courtside-lines-v3.svg');
  --daylight:none; --ambient:none;
}
html[data-appearance][data-theme="ringside"],.appearance-option[data-pack="ringside"] {
  --material:url('/static/themes/ringside-desktop-powder-v3.svg');
  --material-opacity:1; --environment:none; --daylight:none; --ambient:none;
}
html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body {
  background:var(--ground);
}
html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body::before,
html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body::after {
  position:fixed; inset:0; width:auto; height:auto; pointer-events:none;
  animation:none; transition:none; mix-blend-mode:normal;
}
html[data-appearance][data-theme="daybreak-index"] body::before {
  background:var(--material) center top / 1440px 900px no-repeat;
  mask-image:linear-gradient(#000 0,#000 720px,transparent 900px);
}
html[data-appearance][data-theme="daybreak-index"] body::after,
html[data-appearance][data-theme="floodlight"] body::after { display:none; }
html[data-appearance][data-theme="daybreak-index"] .card-inspector::before {
  inset:-20px -20px auto; width:auto; height:auto; aspect-ratio:340 / 459;
  background:url('/static/themes/daybreak-index-lip-v3.svg') center / 100% 100% no-repeat,
             url('/static/themes/daybreak-index-shadow-v3.svg') center / 100% 100% no-repeat;
  filter:none; opacity:1; animation:none;
}
/* The accepted ceramic lip surrounds the card; the independent, static index
   marks from the concept board sit outside that lip and remain visible. */
html[data-appearance][data-theme="daybreak-index"] .card-inspector::after { display:block; }
html[data-appearance][data-theme="floodlight"] body::before {
  background:linear-gradient(90deg,transparent 0%,rgb(9 21 34 / .40) 17%,rgb(9 21 34 / .64) 45%,rgb(9 21 34 / .48) 82%,transparent 100%),
             var(--material) center top / 1440px 900px no-repeat;
  mask-image:linear-gradient(#000 0,#000 600px,transparent 900px);
}
html[data-appearance][data-theme="courtside"] body::before {
  background:var(--material) left top / 1600px 640px no-repeat;
  mask-image:linear-gradient(#000 0,#000 415px,transparent 640px);
}
html[data-appearance][data-theme="courtside"] body::after {
  background:var(--environment) center top / 1440px 900px no-repeat; opacity:.68;
}
/* Nine-slice only the metal/rules: preserve every corner and the original
   return depth. Powder uses a responsive SVG viewport, not a stretched raster. */
html[data-appearance][data-theme="ringside"] body::before {
  background:var(--material) center / 100% 100% no-repeat; mask-image:none; opacity:1;
}
html[data-appearance][data-theme="ringside"] body::after {
  display:block; box-sizing:border-box; background:none; opacity:1;
  border:48px solid transparent;
  border-image:url('/static/themes/ringside-desktop-frame-v3.svg') 48 / 48px / 0 stretch;
}
@media(max-width:900px) {
  html[data-appearance][data-theme="daybreak-index"] { --material:none; }
  html[data-appearance][data-theme="daybreak-index"] body::before,
  html[data-appearance][data-theme="daybreak-index"] .card-inspector::before { display:none; background:none; }
  html[data-appearance][data-theme="floodlight"] body::before {
    height:190px; bottom:auto;
    background:linear-gradient(rgb(9 21 34 / .52),rgb(9 21 34 / .8)),
               var(--material) right -80px top -20px / 780px auto no-repeat;
    opacity:.26; mask-image:linear-gradient(#000,transparent 190px);
  }
  html[data-appearance][data-theme="courtside"] body::before {
    height:220px; bottom:auto; background-size:991.5px 396.5px;
    opacity:.16; mask-image:linear-gradient(#000,transparent 220px);
  }
  html[data-appearance][data-theme="courtside"] body::after { display:none; background:none; }
  html[data-appearance][data-theme="ringside"] { --material:url('/static/themes/ringside-mobile-powder-v3.svg'); }
  html[data-appearance][data-theme="ringside"] body::after {
    border-width:32px; border-image:url('/static/themes/ringside-mobile-frame-v3.svg') 32 / 32px / 0 stretch;
  }
}
@media(forced-colors:active),print {
  html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body { background:Canvas; }
  html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body::before,
  html[data-appearance]:is([data-theme="daybreak-index"],[data-theme="floodlight"],[data-theme="courtside"],[data-theme="ringside"]) body::after,
  html[data-appearance][data-theme="daybreak-index"] .card-inspector::before,
  html[data-appearance][data-theme="daybreak-index"] .card-inspector::after { display:none; }
}