/* Artwork-first listening. Every skin shares the same provider and playback state. */
.stereo-90s[data-era=now]{padding:0;border:1px solid #41454b;border-radius:20px;background:#101115;box-shadow:0 25px 80px #0008;color:#f6f4f1;overflow:hidden}
[data-era=now] .booth-experience-tools{background:#15161b;padding:18px 24px;border-bottom:1px solid #ffffff13;border-radius:0}
[data-era=now] .skin-picker button{background:#202126;border:1px solid #55565b;color:#ddd9d3;border-radius:30px;font:10px/1.4 Manrope,Arial;padding:10px 16px}
[data-era=now] .skin-picker button[aria-pressed=true]{background:#f1e8d8;color:#18191d;border-color:#f1e8d8;box-shadow:none}
.stereo-90s[data-era=now] .booth-marquee{background:#101115;border:0;color:#c3bbb0;padding:20px 24px;font:10px/1.5 Manrope,Arial;letter-spacing:.12em}
[data-era=now] .booth-marquee small{display:none}
.stereo-90s[data-era=now] .booth-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
.stereo-90s[data-era=now] .booth-library{background:linear-gradient(160deg,#191a20,#0d0e12);border-right:1px solid #ffffff18;padding:22px 20px;min-width:0}
[data-era=now] .booth-library-tools input{background:#0e0f14;border:1px solid #414248;border-radius:9px;padding:14px;color:#f8f7f4}
.stereo-90s[data-era=now] .booth-library #mix-selection{height:665px;max-height:665px;scrollbar-color:#a89a84 #17181b;scrollbar-width:thin;scroll-padding:10px}
.stereo-90s[data-era=now] .booth-track{border:1px solid transparent;border-bottom-color:#ffffff10;border-radius:10px;margin:4px 0;padding:12px 10px;background:transparent;min-height:102px;color:#eeedf0}
.stereo-90s[data-era=now] .booth-track[aria-pressed=true]{background:linear-gradient(120deg,#413a30,#282529);border-color:#ab967470;box-shadow:inset 3px 0 #ead4b2}
.stereo-90s[data-era=now] .booth-track:hover:enabled{background:#ffffff0b;border-color:#ffffff40}
[data-era=now] .mix-cover-button{width:78px;height:78px;border-radius:8px;border-color:#ffffff26;box-shadow:0 5px 15px #0006}
[data-era=now] .booth-track-label small{color:#b0ada8;font-size:9px}
.stereo-90s[data-era=now] .booth-console{min-width:0;background:radial-gradient(ellipse at 85% 0,#57473850,transparent 60%),#15161b;padding:28px;display:flex;flex-direction:column;box-shadow:none;scroll-margin-top:90px;gap:0}
.stereo-90s[data-era=now] .stereo-deck{display:block;position:relative;padding:0;border:0;border-radius:12px;background:none;box-shadow:none;overflow:hidden;margin:0 0 22px}
[data-era=now] .deck-label,[data-era=now] .deck-caption,[data-era=now] .cd-hub,[data-era=now] .cd-arm,[data-era=now] .cd-glass{display:none}
.stereo-90s[data-era=now] .cd-well{position:relative;width:100%;height:auto;aspect-ratio:1.28;border:0;border-radius:12px;background:radial-gradient(ellipse,#292a30,#08090d);box-shadow:none;overflow:hidden}
.stereo-90s[data-era=now] .cd-turntable{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;animation:none!important}
.stereo-90s[data-era=now] .cd-turntable img{width:100%;height:100%;border-radius:0;object-fit:contain;display:block;padding:14px;filter:drop-shadow(0 12px 16px #0006)}
[data-era=now] .stereo-deck:after{content:'SELECTED MIX';position:absolute;top:15px;left:15px;background:#101116d9;border:1px solid #ffffff44;backdrop-filter:blur(14px);padding:8px 12px;border-radius:20px;font:9px Manrope,Arial;letter-spacing:.16em;color:white}
[data-era=now].is-playing .stereo-deck:after{content:'● NOW PLAYING';color:#f8e6c2}
.stereo-90s[data-era=now] .booth-display{background:none;border:0;box-shadow:none;padding:0;min-height:0;transform:none}
[data-era=now] :is(.nsx-lcd-header,.eq-label,.display-tools,.hardware-options,.cassette-bays){display:none}
.stereo-90s[data-era=now] #booth-provider{font:9px Manrope,Arial;color:#c7b69b;letter-spacing:.16em}
.stereo-90s[data-era=now] #booth-title{font:600 clamp(23px,2.2vw,34px)/1.15 Manrope,Arial!important;letter-spacing:-.035em;text-shadow:none;color:#fcfaf5;min-height:0;margin:12px 0 14px}
.stereo-90s[data-era=now] .booth-meter{display:flex;height:20px;width:105px;transform:none;gap:4px;margin:8px 0 12px}
[data-era=now] .booth-meter i b{background:#d9c7a7;box-shadow:none}
.stereo-90s[data-era=now] #booth-status{font:11px/1.6 Manrope,Arial;color:#bbb8b2;min-height:18px;margin:8px 0 10px}
[data-era=now] .deck-track-controls{margin:10px 0;gap:12px}
[data-era=now] .deck-track-controls span{display:none}
[data-era=now] .deck-track-controls button{border:0;background:#ffffff08;color:#d4cfc7;padding:10px 16px;border-radius:20px;font:10px Manrope,Arial;box-shadow:none}
.stereo-90s[data-era=now] .booth-transport{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;margin:12px 0;padding:0;align-items:center}
.stereo-90s[data-era=now] #booth-play{width:120px;min-height:50px;height:50px;background:#f3e8d4;border:0;border-radius:26px;color:#13141b;box-shadow:0 5px 22px #0004;font:800 11px Manrope,Arial}
.stereo-90s[data-era=now] #booth-save{width:38px;height:38px;border-radius:50%;box-shadow:none;background:transparent;border:1px solid #a79d8d;color:#efdfc7;font-size:20px}
[data-era=now] .booth-transport label{color:#d2c7b7;font:9px Manrope,Arial}
[data-era=now] #booth-seek{height:24px;margin:6px 0 0;padding:0;accent-color:#f0d7af;cursor:pointer;width:100%;touch-action:pan-y}
[data-era=now] .booth-time{color:#c7c3ba;font:10px monospace}
.stereo-90s[data-era=now] .booth-console>.provider-guide{order:0;color:#aaa7a2;font:10px/1.6 Manrope,Arial;margin:10px 0 8px}
.stereo-90s[data-era=now] .booth-console>.booth-provider-player{order:0;margin:0;border:1px solid #57514a;border-radius:8px;background:#0a0b0e;box-shadow:none}
[data-era=now] .booth-bottom{color:#ddd3c3;margin-top:18px}
[data-era=now] .booth-bottom span{color:#aaa39a}
.mix-dock>img,.mix-dock.playing>img{border-radius:7px;animation:none;object-fit:cover}
#hero-sound{min-height:42px;padding:10px 14px;border:1px solid #f4e5cd80;border-radius:24px;background:#101117cc;backdrop-filter:blur(12px);font-size:11px;color:#f6eddf}
#hero-sound[aria-pressed=true]{border-color:#f0d2a0;color:#f6d6a4;box-shadow:0 0 20px #e3b76b22}
.hero-bottom{flex-wrap:wrap;gap:12px}
/* An imagined Vegas-to-Pacific editorial panorama, distinct from the photo archive. */
.follow-section{position:relative;isolation:isolate;background:#0d1016 url('/assets/vegas-to-coast.jpg') center 50%/cover no-repeat;border-top:1px solid #a98c6040;padding-block:90px 50px;overflow:hidden}
.follow-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080b1180,#080b1120 28%,#070a0f70 65%,#070a0ff5)}
.follow-section h2{text-shadow:0 4px 40px #000c}
.follow-section .follow-copy{color:#f3f0e9;text-shadow:0 2px 8px #000}
.follow-section .social-directory{max-width:1050px;margin:36px auto 24px}
.follow-section .social-directory a{background:linear-gradient(135deg,#171a20eb,#172431ad);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff18,0 8px 25px #0005}
.coast-itinerary{display:flex;gap:12px 18px;flex-wrap:wrap;justify-content:center;max-width:1100px;margin:45px auto 0;padding:24px 12px 0;border-top:1px solid #d6c3a346;font:10px/1.7 Manrope,Arial;letter-spacing:.17em;color:#e4d3b6}
.coast-itinerary i{font-style:normal;color:#937d5d}
.afterhours-deck{display:grid;grid-template-columns:.8fr 1fr;gap:7vw;align-items:center;background:radial-gradient(ellipse at 75% 70%,#8a654d20,transparent 60%),#080a0e;border-top:1px solid #ffffff10;padding-block:65px}
.afterhours-deck h2{font-size:clamp(44px,5.5vw,86px);line-height:.95;margin:20px 0 30px}
.club-deck{width:100%;max-width:540px;justify-self:end;border-radius:12px 12px 25px 25px;border:1px solid #606166;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(115deg,#34373c,#13161a 35%,#26292e 83%,#55565a);padding:23px 27px 20px;box-shadow:inset 0 2px #c1c2c63b,inset 0 -6px 3px #030405,0 12px #050609,0 20px 40px #0009;transform:perspective(1400px) rotateX(7deg) rotateY(-5deg)}
.club-deck-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#f0ede7;font:italic 800 15px Manrope,Arial}
.club-deck-brand small{font:7px monospace;letter-spacing:.05em;color:#c7c8cb}
.club-deck-screen{border:5px solid #080a0d;border-radius:5px;padding:12px 15px;background:linear-gradient(130deg,#172736,#08131d);box-shadow:0 1px #b3b6bb30,inset 0 0 10px #000;min-width:0}
#deck-state{display:block;color:#cfbaa0;font:8px monospace;letter-spacing:.14em;margin-bottom:8px}
#deck-title{display:block;font:500 13px/1.35 Manrope,Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eff3f5}
.deck-time{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6f94b0;font:6px monospace;margin-top:10px}
#deck-time{font:18px monospace;letter-spacing:.1em;color:#d1e8f5}
.deck-progress{height:4px;background:#203548;margin-top:10px}.deck-progress i{display:block;width:0;height:100%;background:#e5b976;box-shadow:0 0 7px #e3b57066}
.club-deck-surface{display:flex;align-items:center;gap:24px;margin-top:20px}
.club-platter{position:relative;flex:1;aspect-ratio:1;border-radius:50%;border:1px solid #83878c;background:repeating-conic-gradient(#171a1d 0deg 7deg,#393d42 9deg,#0a0b0e 12deg 16deg);box-shadow:0 8px 0 #07080a,0 12px 12px #000a,inset 0 1px 3px #ddd;cursor:pointer;isolation:isolate;min-width:0}
.club-platter:before{content:'';position:absolute;inset:7%;border-radius:50%;background:repeating-radial-gradient(circle,#393c40 0px,#1d2025 1px,#2b2e33 2px);box-shadow:0 0 0 2px #92969d,0 0 0 5px #11151b,inset 0 2px 8px #000}
.platter-ring{position:absolute;inset:12%;border-radius:50%;border:2px solid #7690a5;box-shadow:0 0 12px #7690a533;pointer-events:none}
.platter-ring:after{content:'';position:absolute;width:3px;height:14%;background:#ffe3ab;left:calc(50% - 1.5px);top:0;box-shadow:0 0 7px #f8bc78}
.mix-is-playing .platter-ring{animation:compact-disc 7s linear infinite;border-color:#d4b280;box-shadow:0 0 13px #d4b28066}
.platter-screen{display:block;position:absolute;inset:25%;border-radius:50%;overflow:hidden;background:#080b11;box-shadow:0 0 0 6px #101318,0 0 0 7px #63676d}
.platter-screen img{width:100%;height:100%;object-fit:cover;opacity:.65}
.platter-screen b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:24px Arial;text-shadow:0 2px 6px #000}
.club-platter:hover:enabled .platter-screen b{background:#0003}.club-platter:focus-visible{outline:3px solid #f3dcaf;outline-offset:5px}
.club-deck-controls{display:flex;flex-direction:column;gap:14px;align-items:center;width:64px}
.club-deck-controls>span{font:6px monospace;color:#b4b6ba;white-space:nowrap}
.club-deck-controls button{width:52px;height:42px;border:1px solid #7d8187;border-radius:7px;background:linear-gradient(#363a40,#181b20);color:#e0d7ca;font:12px monospace;box-shadow:0 3px #050608,inset 0 1px #ffffff18;cursor:pointer}
.club-deck-controls a{font:8px/1.5 monospace;color:#d8c6a9;text-align:center}
.club-deck-foot{display:flex;align-items:center;gap:6px;margin-top:22px;color:#989da4;font:6px monospace;letter-spacing:.07em}.club-deck-foot>span{margin-left:auto}.club-deck-foot i{width:4px;height:4px;background:#e9c494;border-radius:50%;box-shadow:0 0 5px #e9c494}
@media(max-width:900px){.stereo-90s[data-era=now] .booth-layout{grid-template-columns:minmax(0,1fr)}.stereo-90s[data-era=now] .booth-library #mix-selection{height:310px;max-height:310px}.stereo-90s[data-era=now] .booth-console{padding:24px}.stereo-90s[data-era=now] .cd-well{aspect-ratio:1.45}.afterhours-deck{gap:30px;grid-template-columns:.75fr 1fr}.club-deck{padding:17px}.club-deck-brand small{font-size:5px}.club-deck-surface{gap:14px}}
@media(max-width:700px){.skin-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-picker button{min-height:42px}.stereo-90s[data-era=now] .booth-experience-tools{padding:13px}.stereo-90s[data-era=now] .skin-picker button{padding:10px 5px;font-size:8px}.stereo-90s[data-era=now] .booth-marquee{padding:16px;font-size:8px}.stereo-90s[data-era=now] .booth-library{padding:14px}.stereo-90s[data-era=now] .booth-console{padding:18px}.stereo-90s[data-era=now] .booth-track{min-height:90px;padding:9px}.stereo-90s[data-era=now] .mix-cover-button{width:65px;height:65px}.stereo-90s[data-era=now] .cd-well{aspect-ratio:1.13}.stereo-90s[data-era=now] .booth-transport{grid-template-columns:1fr auto;gap:14px}.stereo-90s[data-era=now] .booth-transport>div{grid-column:1/-1;grid-row:2}.stereo-90s[data-era=now] #booth-play{width:100%;font-size:12px}.stereo-90s[data-era=now] #booth-save{width:46px;height:46px}.stereo-90s[data-era=now] #booth-title{font-size:25px!important}.stereo-90s[data-era=now] #booth-seek{height:30px}.hero-bottom #hero-sound{order:2}.hero-bottom #hero-toggle{order:3}.follow-section{background-position:58% center;padding-block:60px 30px}.follow-section:before{background:linear-gradient(#080b1166,#080b1144 30%,#080b11b3 75%,#080b11f5)}.coast-itinerary{font-size:8px;gap:9px 12px;letter-spacing:.07em}.afterhours-deck{grid-template-columns:1fr;padding-block:45px 60px}.deck-message{text-align:center}.deck-message h2{font-size:50px}.club-deck{max-width:420px;justify-self:center;transform:perspective(1400px) rotateX(7deg);padding:20px}.club-deck-brand small{font-size:6px}.club-deck-foot{font-size:5px}}
@media(prefers-reduced-motion:reduce){.mix-is-playing .platter-ring{animation:none}.club-deck{transform:none}}
.artwork-play{display:none}
.stereo-90s[data-era=now] .cd-well{height:clamp(240px,28vw,350px);aspect-ratio:auto;margin:0}
.stereo-90s[data-era=now] .cd-turntable img{background:transparent}
.stereo-90s[data-era=now] #booth-title{max-width:none;font-size:clamp(22px,1.8vw,29px)!important}
[data-era=now] .booth-display:after{display:none}
[data-era=now] .artwork-play{display:block;position:absolute;bottom:18px;right:18px;min-height:44px;min-width:110px;background:#f4e7d2;color:#12151b;border:1px solid #ffefd7;border-radius:28px;box-shadow:0 5px 25px #0009;padding:12px 20px;font:800 11px Manrope,Arial;cursor:pointer}
[data-era=now] .artwork-play:disabled{opacity:.4;cursor:wait}
.stereo-90s[data-era=now] .booth-library-tools button{background:#25262b;color:#e1d9ca;border:1px solid #585752;border-radius:9px;box-shadow:none}
[data-era=now] .library-scroll-label{color:#c3bcae}
[data-era=now] .library-scroll-controls button{background:#202126;color:#d7cdbc;border:1px solid #514e48;border-radius:20px}
@media(max-width:700px){.stereo-90s[data-era=now] .cd-well{height:260px}.stereo-90s[data-era=now] #booth-title{font-size:23px!important}}
/* Video mixes become the feature screen, with the same controls and timeline below. */
.stereo-90s[data-era=now][data-provider=YouTube] .stereo-deck{display:none}
.stereo-90s[data-era=now][data-provider=YouTube] .booth-console>.booth-provider-player{order:-2;margin:0 0 16px;border-color:#9a8b73;border-radius:13px;overflow:hidden}
.stereo-90s[data-era=now][data-provider=YouTube] .booth-provider-player:before{content:'VIDEO MIX / DJ KNOCK';display:block;background:#0b1016;color:#d4c4a9;padding:12px 15px;font:9px Manrope,Arial;letter-spacing:.15em}
.stereo-90s[data-era=now][data-provider=YouTube].is-playing .booth-provider-player:before{content:'● NOW PLAYING / VIDEO MIX'}
.stereo-90s[data-era=now][data-provider=YouTube] .booth-provider-player iframe{min-height:220px;aspect-ratio:16/9;height:auto}
.stereo-90s[data-era=now][data-provider=YouTube] .booth-console>.provider-guide{order:-1;margin:0 0 14px}
@media(max-width:700px){.stereo-90s[data-era=now][data-provider=YouTube] .booth-provider-player iframe{min-height:190px}}
.stereo-90s[data-era=now] .booth-meter{height:22px;margin:16px 0 12px;overflow:hidden;align-items:flex-end}
.stereo-90s[data-era=now] .booth-meter i,.stereo-90s[data-era=now] .booth-meter i:nth-child(n){display:block;height:17px;background:#d6c3a5;border-radius:1px;transform-origin:bottom;transform:scaleY(.25);animation:none}
.stereo-90s[data-era=now] .booth-meter i b{display:none}
.stereo-90s[data-era=now].is-playing .booth-meter i{animation:now-meter .85s ease-in-out infinite alternate;animation-delay:calc(var(--band)*-.13s)}
@keyframes now-meter{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.stereo-90s[data-era=now].is-playing .booth-meter i{animation:none}}
/* The jog platter, transport and loops control the real streaming player. */
.club-deck{max-width:600px}.club-deck-surface{gap:20px}.club-platter{touch-action:none;cursor:grab;user-select:none}.club-platter.is-jogging{cursor:grabbing}.club-platter.is-jogging .platter-ring{animation:none;transform:rotate(var(--jog-angle,0rad));border-color:#f2e1c0;box-shadow:0 0 20px #e3af7580}.club-platter:disabled{cursor:wait}.club-platter.is-jogging .platter-screen b{background:#080b1177}
.club-deck-controls{width:100px;gap:10px}.club-deck-controls>span{font-size:7px;letter-spacing:.07em}.deck-button-pair{display:flex;gap:7px}.club-deck-controls .deck-button-pair button{width:44px;height:29px;font-size:10px;border-radius:4px}.club-deck-controls .deck-search{width:94px;height:30px;font:8px monospace;border-color:#727a84}.club-deck-controls .deck-cue,.club-deck-controls .deck-play{width:54px;height:54px;border-radius:50%;font:800 11px Manrope,Arial;box-shadow:0 4px #050608,inset 0 0 0 3px #141820,0 0 0 2px #5c6065}.club-deck-controls .deck-cue{border:2px solid #db9a40;color:#f6c683;box-shadow:0 4px #050608,inset 0 0 0 3px #141820,0 0 8px #f1a64244}.club-deck-controls .deck-play{border:2px solid #b9d8ef;color:#e7f5ff;font-size:19px}.mix-is-playing .deck-play{box-shadow:0 4px #050608,inset 0 0 0 3px #141820,0 0 15px #afdbff55}
.deck-loop-controls{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff15;padding-top:19px;margin-top:20px}.deck-loop-controls>span{font:8px monospace;letter-spacing:.1em;color:#b8b6b0;margin-right:auto}.deck-loop-controls button{height:30px;min-width:40px;border:1px solid #b5a585;border-radius:4px;background:linear-gradient(#3c3b38,#1e2226);color:#ead8b9;font:8px monospace;padding:6px 8px;box-shadow:0 3px #060708;cursor:pointer}.deck-loop-controls button.lit,.deck-loop-controls button[aria-pressed=true]{background:linear-gradient(#dcac6d,#7a531f);color:#fff3df;box-shadow:0 0 10px #d9963938}.deck-loop-controls .deck-reverse{margin-left:auto;border-color:#656c75;color:#777d85;opacity:.55;cursor:not-allowed}.club-deck button:disabled{opacity:.45;cursor:default}.deck-cue-info{display:flex;justify-content:space-between;gap:14px;color:#b3b8c0;font:7px monospace;margin-top:14px}.club-deck #deck-message{font:9px/1.6 Manrope,Arial;color:#dbd0bd;margin:16px 0 5px;min-height:29px}.deck-help{font:9px/1.65 Manrope,Arial;color:#a3aab4}.deck-help summary{cursor:pointer}.deck-help p{margin:12px 0}
@media(max-width:700px){.club-deck{max-width:440px}.club-deck-controls{width:84px;gap:9px}.club-deck-surface{gap:15px}.club-deck-controls .deck-button-pair button{width:36px}.club-deck-controls .deck-search{width:80px}.club-deck-controls .deck-cue,.club-deck-controls .deck-play{height:46px;width:46px}.deck-loop-controls{gap:7px}.deck-loop-controls button{min-width:35px;font-size:7px}.deck-cue-info{font-size:6px}.club-deck #deck-message{font-size:10px}}