/* Floating After Hours launcher: real vinyl appearance, no radio artwork. */
#vaultRadioDial.vault-radio-dial {
  width: clamp(78px, 9vw, 112px) !important;
  height: clamp(78px, 9vw, 112px) !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border: 0 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.48) !important;
  cursor: pointer;
  transform: none !important;
}
#vaultRadioDial .vault-radio-image,
#vaultRadioDial .vault-radio-power-light,
#vaultRadioDial .vault-radio-label { display:none !important; }
#vaultRadioDial::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:50% !important;
  background:
    repeating-radial-gradient(circle at center,transparent 0 3px,rgba(200,188,164,.12) 3.5px 4px,transparent 4.5px 6px),
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.19),transparent 27%),
    radial-gradient(circle,#131313 0%,#080808 54%,#26221f 83%,#080808 97%) !important;
  border:2px solid #24201b !important;
  box-shadow:inset 0 0 0 3px #0d0c0c,inset 0 0 0 5px #332d27,0 0 0 1px #aa8c5b !important;
}
#vaultRadioDial::after {
  content:"" !important;
  position:absolute !important;
  inset:34% !important;
  z-index:1 !important;
  border-radius:50% !important;
  background:radial-gradient(circle,#0a0908 0 8%,#b7a27b 9% 12%,#6e2927 13% 67%,#9b5945 68% 71%,#51201e 72% 100%) !important;
  border:1px solid #a6815d !important;
  box-shadow:0 0 0 2px #0c0b0b !important;
}
#vaultRadioDial:hover{filter:brightness(1.16)}
#vaultRadioDial:focus-visible{outline:3px solid #d4b987 !important;outline-offset:7px}
/* The separate minimized vinyl keeps its existing playback-based spin. */
@media(max-width:700px){#vaultRadioDial.vault-radio-dial{width:78px !important;height:78px !important}}
