/* Scoped styles for the approved music deck. */
.hero-music-deck {
  --paper:#fffefb; --navy:#17355c; --red:#d93645;
  width:330px; height:400px; right:-28px; top:284px; text-align:left;
  transform:rotate(15deg);
  transform-origin:52% 48%;
.stage{width:790px;height:690px;position:relative;transform-origin:0 0;margin-left:-36px;isolation:isolate}.table-shadow{position:absolute;left:184px;top:583px;width:395px;height:61px;border-radius:50%;background:#263d6221;filter:blur(26px);transform:rotate(-5deg);z-index:0}.fan{position:absolute;inset:0;z-index:10}.artist-card{position:absolute;left:252px;top:95px;width:180px;height:295px;transform-origin:50% 112%;transform:rotate(var(--angle)) translateY(var(--lift,0px));border:1px solid #d8d9d8;border-radius:13px;background:linear-gradient(118deg,#fff 0%,#faf9f5 62%,#eaeae6 100%);box-shadow:1px 2px 0 #c6c9cc,3px 7px 14px #1d2c4924,inset 0 0 0 4px #fff8;color:var(--card-color,var(--red));padding:0;text-align:left;transition:transform .65s cubic-bezier(.2,.9,.22,1.25),box-shadow .3s;z-index:var(--order)}.artist-card::before{content:'';position:absolute;inset:9px;border:1px solid #17355c28;border-radius:7px;pointer-events:none}.artist-card:hover{--lift:-24px;box-shadow:1px 2px 0 #c6c9cc,6px 12px 24px #1d2c4936}.stage.has-active .artist-card[aria-pressed=true]{--lift:-56px;box-shadow:1px 2px 0 #c6c9cc,7px 17px 29px #1d2c4936}.artist-card:focus-visible{z-index:70}.corner-portrait{position:absolute;left:15px;top:14px;width:35px;height:35px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px #192d4915}.vertical-name{position:absolute;left:17px;top:59px;writing-mode:vertical-rl;transform:rotate(180deg);max-height:203px;font-size:12px;line-height:1;letter-spacing:1.2px;font-weight:800;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-suit{position:absolute;top:13px;right:15px;font-size:27px;line-height:1}.card-art{position:absolute;left:55px;right:15px;top:59px;bottom:39px;border:1px solid var(--navy);padding:5px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(.94);display:block}.card-art::after{content:'';position:absolute;inset:5px;box-shadow:inset 0 0 22px #162f5930;background:linear-gradient(0deg,#15233c45,transparent 60%);pointer-events:none}.card-bottom{position:absolute;bottom:13px;right:16px;font-size:11px;letter-spacing:.1em;font-weight:700;transform:rotate(180deg)}.artist-card .selection-dot{position:absolute;right:19px;bottom:40px;width:7px;height:7px;border-radius:50%;background:var(--red);opacity:0}.stage.has-active .artist-card[aria-pressed=true] .selection-dot{opacity:1}.stage.entering .artist-card{animation:deck-deal .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order)*65ms)}@keyframes deck-deal{from{opacity:0;transform:rotate(-8deg) translateY(170px)}to{opacity:1;transform:rotate(var(--angle)) translateY(var(--lift,0px))}}
.deck-box{position:absolute;left:192px;top:297px;width:274px;height:350px;transform:rotate(-5deg);z-index:100;filter:drop-shadow(8px 19px 17px #26375124)}.box-front{position:absolute;inset:0;border-radius:5px 3px 5px 6px;background:var(--paper);border:1px solid #c9cac7;box-shadow:inset 0 0 0 7px #eeece4,inset 0 0 0 10px var(--navy),inset 0 0 0 12px var(--paper),inset 0 0 0 13px #17355c70;padding:24px 28px 16px;display:flex;flex-direction:column;align-items:center}.box-front::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#fff6,transparent 24%,transparent 75%,#151e3410);pointer-events:none}.box-top{position:absolute;bottom:100%;left:0;width:274px;height:30px;transform-origin:bottom;transform:skewX(-45deg);border:1px solid #aaaead;background:#e5e8e8;box-shadow:inset 0 0 0 5px #f7f5ee,inset 0 0 0 7px var(--navy);display:flex;align-items:center;justify-content:space-around;font-size:10px;color:var(--navy);letter-spacing:.08em}.box-spine{position:absolute;left:100%;top:0;width:30px;height:350px;background:var(--navy);transform-origin:left top;transform:skewY(-45deg);border:1px solid #acafa9;box-shadow:inset 0 0 0 5px #f5f2e8,inset 0 0 0 6px #978d72;color:#f7f6ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:29px}.box-spine span{writing-mode:vertical-rl;font-family:var(--display);font-size:14px;letter-spacing:.07em}.box-spine b{font-size:20px;color:#ee6264}.box-brand{text-align:center;line-height:1;position:relative;z-index:1}.box-brand>span:first-child{font-family:var(--display);font-size:15px;font-weight:500}.box-brand strong{display:block;font-family:var(--display);font-size:32px;letter-spacing:-1.5px;margin-top:3px;font-weight:700}.brand-flourish{font-size:11px;color:var(--red);display:block;margin-top:7px;letter-spacing:4px}.player-art{width:65px;height:65px;position:relative;margin-top:13px}.player-art>img{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 2px 5px #13254025}.art-corner{position:absolute;font-size:23px;color:var(--red)}.art-corner.top{left:-33px;top:0}.art-corner.bottom{right:-33px;bottom:0;transform:rotate(180deg)}.track{text-align:center;width:100%;margin-top:10px}.track h2{font-family:var(--display);font-size:18px;letter-spacing:-.4px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.track p{font-size:11px;line-height:1.4;color:#7b8591;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:3px 0 0}.timeline{width:100%;margin-top:8px}#seek{display:block;width:100%;margin:0;height:13px;accent-color:var(--red);cursor:pointer;background:transparent}#seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--red) var(--progress,0%),#dce0e5 var(--progress,0%));border-radius:3px}#seek::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;width:11px;height:11px;border-radius:50%;background:var(--red)}#seek{-webkit-appearance:none}.times{display:flex;justify-content:space-between;font-size:9px;font-variant-numeric:tabular-nums;color:#929aa5;margin-top:0}.controls{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:7px}.controls button{background:transparent;color:var(--navy);width:28px;height:28px;display:grid;place-items:center;padding:5px}.controls svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.controls .play{width:39px;height:39px;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 4px 8px #d9364525;transition:scale .2s}.play:hover{scale:1.07}.controls .play svg{width:19px;height:19px}.controls .play .pause-icon{fill:none;stroke-width:4;display:none}.is-playing .play-icon{display:none}.is-playing .controls .play .pause-icon{display:block}#apple-link{font-size:9px;margin-top:8px;text-decoration:none;color:#858c96}#apple-link:hover{color:var(--red)}.equalizer{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:center;gap:3px;height:21px;background:#10203d60;opacity:0}.equalizer i{width:3px;height:5px;background:white}.is-playing .equalizer{opacity:1}.is-playing .equalizer i{animation:deck-beat .55s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.3s}.equalizer i:nth-child(3){animation-delay:-.1s}.equalizer i:nth-child(4){animation-delay:-.4s}.equalizer i:nth-child(5){animation-delay:-.2s}@keyframes deck-beat{to{height:17px}}.playback-status{text-align:center;font-size:12px;color:#8b94a1;margin:0 0 10px;min-height:18px;padding-left:0}
  .stage {position:absolute;width:690px;left:-45px;top:-8px;margin:0;transform:scale(.56);transform-origin:0 0;pointer-events:none;}
  .artist-card, .deck-box {pointer-events:auto;}
  .artist-card {line-height:normal;}
  .controls button {position:relative;}
  .controls button::before {content:"";position:absolute;width:54px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);}
  .artist-card:focus-visible {z-index:70;}
  .box-brand strong {color:var(--navy);}
  .track h2 {color:var(--navy);line-height:1.25;}
  .playback-status {position:absolute;top:365px;width:100%;font-size:12px;line-height:1.4;text-align:center;}
  button:focus-visible,a:focus-visible,input:focus-visible {outline:3px solid #3461ef;outline-offset:4px;}
}
@media(max-width:1100px) and (min-width:1001px){.hero-music-deck{right:-38px;width:300px;height:370px;top:250px}.hero-music-deck .stage{transform:scale(.51);left:-49px}.hero-music-deck .playback-status{top:340px;font-size:11px}}
@media(min-width:1500px){.hero-music-deck{width:390px;height:450px;right:-106px;top:226px}.hero-music-deck .stage{transform:scale(.66);left:-46px}.hero-music-deck .playback-status{top:430px;font-size:13px}}
@media(max-width:1000px){.hero-music-deck{top:470px;right:calc(50% - 324px);transform:rotate(12deg)}}
@media(max-width:760px){
 .hero-cube{width:190px;height:190px;left:calc(50% - 191px);top:468px}
 .hero-cube .hand-note{font-size:13px}
 .hero-music-deck{width:235px;height:300px;top:427px;right:calc(50% - 213px);transform:rotate(10deg)}
 .hero-music-deck .stage{transform:scale(.40);left:-42px;top:-4px}
 .hero-music-deck .playback-status{top:269px;font-size:10px;padding-inline:12px}
}
@media(max-width:380px){.hero-cube{width:165px;height:165px;left:calc(50% - 171px);top:500px}.hero-cube .hand-note{font-size:12px}.hero-music-deck{top:462px;right:calc(50% - 190px);width:210px}.hero-music-deck .stage{transform:scale(.35);left:-38px}.hero-music-deck .playback-status{top:238px}}
@media(prefers-reduced-motion:reduce){.hero-music-deck *, .hero-music-deck *::before,.hero-music-deck *::after{animation:none!important;transition:none!important}}