/* Neon interactive Record Shop teaser. Loaded after the original teaser as a focused visual override. */

.music-home-panel {
  border-color: rgba(48,229,255,.42) !important;
  background:
    radial-gradient(circle at 18% 30%,rgba(255,58,179,.16),transparent 28%),
    radial-gradient(circle at 82% 28%,rgba(38,226,255,.16),transparent 27%),
    radial-gradient(circle at 54% 94%,rgba(170,255,63,.08),transparent 24%),
    linear-gradient(180deg,#090b12 0%,#080911 52%,#040509 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 16px 34px rgba(0,0,0,.36),
    0 0 30px rgba(47,226,255,.08),
    0 0 24px rgba(255,58,179,.05);
}

.music-home-panel::before {
  opacity: .34;
  background:
    linear-gradient(112deg,transparent 0 35%,rgba(40,231,255,.12) 46%,transparent 57%),
    linear-gradient(68deg,transparent 0 38%,rgba(255,60,184,.10) 49%,transparent 60%),
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px),
    repeating-linear-gradient(90deg,#0d1017 0 66px,#07090f 66px 69px) !important;
  background-size: 180% 180%,180% 180%,auto,auto;
  animation: musicHomeRoomSweep 9s ease-in-out infinite alternate;
}

.music-home-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  box-shadow: inset 0 0 44px rgba(0,0,0,.42);
}

.music-home-marquee {
  border-bottom-color: rgba(40,231,255,.26);
  background:
    radial-gradient(circle at 82% 50%,rgba(255,53,180,.13),transparent 24%),
    linear-gradient(180deg,rgba(18,21,31,.98),rgba(7,9,14,.98));
  box-shadow: inset 0 -8px 18px rgba(0,0,0,.24),0 4px 18px rgba(0,0,0,.28);
}

.music-home-num {
  border-color: rgba(199,255,67,.55);
  color: #caff55;
  background: rgba(8,12,13,.72);
  box-shadow: inset 0 0 12px rgba(199,255,67,.07),0 0 13px rgba(199,255,67,.12);
}

.music-home-title small {
  color: #58edff;
  text-shadow: 0 0 9px rgba(48,229,255,.32);
}

.music-home-title strong {
  background: linear-gradient(180deg,#fffef7 0%,#fff0ac 20%,#e5bd58 45%,#9c6517 61%,#f0c867 78%,#fff3bd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(63,39,7,.88)) drop-shadow(0 0 8px rgba(242,199,87,.16));
}

.music-home-radio {
  border-color: rgba(255,235,73,.62);
  color: #fff45a;
  background: rgba(78,72,12,.18);
  box-shadow: 0 0 14px rgba(255,239,63,.13);
  text-shadow: 0 0 9px rgba(255,239,63,.56);
  animation: musicHomeBadgePulse 1.9s ease-in-out infinite;
}

.music-home-scene {
  min-height: 170px;
  padding-top: 18px;
  background:
    radial-gradient(circle at 21% 30%,rgba(255,57,183,.18),transparent 27%),
    radial-gradient(circle at 80% 27%,rgba(38,227,255,.17),transparent 27%),
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px),
    repeating-linear-gradient(90deg,#11151c 0 66px,#080a0f 66px 70px) !important;
  box-shadow: inset 0 18px 25px rgba(0,0,0,.26);
}

.music-home-scene::after {
  height: 26px;
  border-top: 1px solid rgba(45,229,255,.18);
  background: linear-gradient(180deg,#151921,#06080c);
  box-shadow: inset 0 6px 12px rgba(255,255,255,.02),0 -8px 18px rgba(0,0,0,.28);
}

.music-mini-jukebox {
  width: 118px;
  height: 146px;
  border-width: 5px;
  background:
    linear-gradient(#090d14,#05070b) padding-box,
    linear-gradient(90deg,#66747e,#f8ffff 12%,#7b8991 27%,#eff8fb 47%,#596871 67%,#f6ffff 84%,#536069) border-box;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.05),
    0 11px 19px rgba(0,0,0,.48),
    0 0 22px rgba(40,230,255,.16),
    0 0 18px rgba(255,59,181,.10);
}

.music-mini-jukebox::before,
.music-mini-jukebox::after {
  border-color: #cbd6db;
  background: linear-gradient(180deg,#ff3bb7,#27eaff 34%,#caff49 61%,#ff45ba 84%,#36efff);
  box-shadow: inset 0 0 5px rgba(255,255,255,.75),0 0 10px rgba(41,230,255,.34),0 0 13px rgba(255,59,182,.20);
  animation: musicHomeTubePulse 1.8s ease-in-out infinite alternate;
}
.music-mini-jukebox::after { animation-delay: -.9s; }

.music-mini-juke-arch {
  border-color: #b7c5cb;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(255,236,68,.24),transparent 46%),
    linear-gradient(180deg,#ff3caf 0 11%,#28e8ff 11% 18%,#090d15 18% 100%);
  box-shadow: inset 0 0 0 3px rgba(203,255,71,.33),0 0 10px rgba(45,231,255,.12);
}

.music-mini-juke-sign {
  border-color: rgba(255,241,77,.72);
  background: #17140a;
  color: #fff04f;
  text-shadow: 0 0 7px rgba(255,239,69,.85);
  box-shadow: 0 0 10px rgba(255,239,69,.18),inset 0 0 8px rgba(255,239,69,.05);
  animation: musicHomeSignPulse 1.7s ease-in-out infinite alternate;
}

.music-mini-juke-titles {
  border-color: #7f8d94;
  background: #070a0f;
}
.music-mini-juke-titles i {
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(180deg,#27e8ff 0 30%,#0b1118 31% 48%,#ff42b8 49% 69%,#0b1118 70% 83%,#c6ff49 84%);
}

.music-mini-juke-grille {
  border-color: #8f9ca3;
  background:
    repeating-linear-gradient(45deg,transparent 0 4px,rgba(224,235,239,.63) 4px 6px,transparent 6px 10px),
    repeating-linear-gradient(-45deg,transparent 0 4px,rgba(91,106,115,.76) 4px 6px,transparent 6px 10px),
    #06090d;
}

.music-mini-juke-star {
  border-color: #c3d0d5;
  background: radial-gradient(circle,#fff24c 0 30%,#ff44bc 31% 58%,#16bdd1 59% 100%);
  color: #fff;
  box-shadow: 0 0 11px rgba(255,239,74,.28),0 0 13px rgba(255,65,188,.18);
}

.music-mini-notebook {
  min-height: 120px;
  border: 1px solid rgba(255,238,183,.38);
  box-shadow: 0 10px 20px rgba(0,0,0,.42),0 0 16px rgba(255,61,183,.07),inset 0 0 18px rgba(87,58,28,.10);
}

.music-mini-notebook small {
  color: #d72b84;
}

.music-mini-price-row span:nth-child(1) { color:#087f8f; border-color:rgba(0,142,160,.34); }
.music-mini-price-row span:nth-child(2) { color:#b31973; border-color:rgba(196,37,126,.32); }
.music-mini-price-row span:nth-child(3) { color:#547b13; border-color:rgba(96,135,27,.32); }
.music-mini-price-row span:nth-child(1) b { color:#078ea1; }
.music-mini-price-row span:nth-child(2) b { color:#d12486; }
.music-mini-price-row span:nth-child(3) b { color:#658f1c; }

.music-mini-usb {
  color: #257c84;
}

.music-home-bottom {
  background:
    linear-gradient(180deg,rgba(8,10,16,.98),rgba(4,5,9,.99));
  border-top: 1px solid rgba(255,255,255,.035);
}

.music-home-interactive {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
  padding: 4px 7px;
  border: 1px solid rgba(202,255,76,.34);
  border-radius: 999px;
  color: #caff59;
  background: rgba(119,161,25,.08);
  font-size: .51rem;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.music-home-interactive::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #caff59;
  box-shadow: 0 0 9px rgba(202,255,89,.80);
  animation: musicHomeDotPulse 1.3s ease-in-out infinite;
}

.music-home-bottom p {
  color: #b9c5cf;
}
.music-home-bottom p strong {
  color: #fff;
}

.music-home-feature-row span {
  border-color: rgba(49,230,255,.25);
  color: #66efff;
  background: rgba(24,125,139,.10);
}
.music-home-feature-row span:nth-child(2) {
  border-color: rgba(255,65,184,.27);
  color: #ff7bca;
  background: rgba(141,35,94,.10);
}
.music-home-feature-row span:nth-child(3) {
  border-color: rgba(198,255,73,.25);
  color: #caff66;
  background: rgba(102,139,24,.09);
}

.music-home-cta {
  border-color: rgba(50,231,255,.52);
  color: #f7fdff;
  background:
    linear-gradient(90deg,rgba(11,102,119,.55),rgba(126,22,90,.48)),
    #070a10;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(41,230,255,.09),0 0 14px rgba(255,60,183,.06);
}
.music-home-cta::after {
  border-color: rgba(202,255,81,.58);
  color: #d6ff79;
  box-shadow: 0 0 10px rgba(202,255,81,.10);
}
.music-home-cta:hover {
  border-color: #52edff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(42,231,255,.16),0 0 18px rgba(255,60,183,.10);
}

@keyframes musicHomeTubePulse {
  0% { filter:brightness(.62) saturate(.9); opacity:.72; }
  100% { filter:brightness(1.38) saturate(1.2); opacity:1; }
}
@keyframes musicHomeSignPulse {
  0% { filter:brightness(.72); text-shadow:0 0 4px rgba(255,239,69,.45); }
  100% { filter:brightness(1.3); text-shadow:0 0 9px rgba(255,239,69,.95),0 0 16px rgba(255,239,69,.38); }
}
@keyframes musicHomeBadgePulse {
  0%,100% { filter:brightness(.82); }
  50% { filter:brightness(1.25); }
}
@keyframes musicHomeDotPulse {
  0%,100% { opacity:.55; transform:scale(.78); }
  50% { opacity:1; transform:scale(1.15); }
}
@keyframes musicHomeRoomSweep {
  0% { background-position:0% 50%,100% 50%,0 0,0 0; }
  100% { background-position:100% 50%,0% 50%,0 0,0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .music-home-panel::before,
  .music-home-radio,
  .music-mini-jukebox::before,
  .music-mini-jukebox::after,
  .music-mini-juke-sign,
  .music-home-interactive::before {
    animation: none !important;
  }
}