/* NSX-S909 reference: silver fascia, smoked glass, twin controls and twin tape bays.
   Hardware details are CSS; the provider's actual player remains visible and usable. */
.stereo-90s{--silver:linear-gradient(105deg,#999fa3 0%,#edf0ed 6%,#a4aaac 19%,#d5d8d6 52%,#9ca3a5 92%,#e4e7e4);border:2px solid #626c70;border-radius:12px;background:var(--silver);padding:8px;box-shadow:0 32px 65px #000b,inset 0 2px 2px #fff}
.stereo-90s .booth-marquee{color:#262d32;background:var(--silver);border:1px solid #6d777a;border-bottom:9px solid #1b2328;box-shadow:inset 0 2px #fff9;border-radius:5px 5px 0 0;font-weight:bold;padding:18px 20px;letter-spacing:.1em}
.stereo-90s .booth-marquee small{color:#35434c;letter-spacing:.06em}
.stereo-90s .booth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:#11191f;min-height:0}
.stereo-90s .booth-library{min-width:0;min-height:0;padding:27px 22px;background:radial-gradient(ellipse at 50% 0,#293741,#10171e 70%);border-right:8px solid #626b6e;box-shadow:inset 0 0 25px #0008}
.stereo-90s .booth-library-tools{margin-bottom:15px}.stereo-90s .booth-library-tools label{min-width:0;color:#d8e0e4}
.stereo-90s .booth-library-tools input{background:#050e14;border-color:#506674;box-shadow:inset 0 2px 7px #000;color:#d5f4ff}
.stereo-90s .booth-library-tools button{background:linear-gradient(#dfe3e1,#919a9e);color:#17252b;border-color:#c5cdcd;font-weight:bold}
.library-scroll-label{display:flex;justify-content:space-between;gap:10px;margin:0 2px 12px;font:9px/1.5 monospace;letter-spacing:.04em;color:#8ed8ee}
.stereo-90s .booth-library #mix-selection{height:480px;max-height:60vh;min-height:240px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#7c99a7 #070e14;border:1px solid #43505a;border-radius:3px;background:#090f15;box-shadow:inset 0 0 15px #0008}
#mix-selection::-webkit-scrollbar{width:12px}#mix-selection::-webkit-scrollbar-track{background:#070e14}#mix-selection::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#465965,#a9bec7);border:2px solid #070e14;border-radius:9px}
.stereo-90s .booth-track{min-height:88px;padding:15px 12px;gap:10px}.stereo-90s .booth-track-label{min-width:0}.stereo-90s .booth-track-label strong{font-size:13px;overflow-wrap:anywhere}.stereo-90s .booth-track-label small{color:#9daebc;line-height:1.4}
.stereo-90s .booth-track[aria-pressed=true]{background:linear-gradient(90deg,#164962,#0d1a26);box-shadow:inset 3px 0 #8bdfff;color:#edfbff}.stereo-90s .booth-track:hover:not(:disabled){background:#203543}.stereo-90s .booth-track:disabled{opacity:.5}
.stereo-90s .booth-cd{font-size:30px;color:#aec7d4;text-shadow:1px 1px #fff}.stereo-90s .booth-track-play{color:#8cddff}
.library-scroll-controls{display:flex;gap:10px;margin-top:14px}.library-scroll-controls button,.deck-track-controls button{flex:1;padding:11px 8px;border:1px solid #6f7c83;border-radius:4px;color:#17232b;background:linear-gradient(#edf0eb,#a7b0b2 52%,#bdc4c4 54%,#88969b);box-shadow:inset 0 1px #fff,0 3px 3px #0006;font:10px/1.3 monospace;cursor:pointer}.library-scroll-controls button:disabled,.deck-track-controls button:disabled{opacity:.4;cursor:default}
.stereo-90s :is(button,input,[tabindex]):focus-visible{outline:2px solid #87deff;outline-offset:3px}
.stereo-90s .booth-console{padding:16px 20px;min-width:0;background:var(--silver);justify-content:flex-start;box-shadow:inset 4px 0 7px #0005,inset -3px 0 3px #fff7}
.stereo-deck{border:1px solid #758084;border-radius:18px 18px 3px 3px;padding:11px 13px 8px;background:linear-gradient(#a5aeae,#edf1ed 6%,#a8b2b5 10%,#cfd4d1 92%,#7d888d);box-shadow:0 5px 0 #19252b,inset 0 2px #fff9;margin-bottom:14px;color:#1c2e37}
.deck-label,.deck-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;font:8px/1.5 monospace;letter-spacing:.06em}.deck-led{font-size:7px}.deck-led:before{content:'';display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#902727;box-shadow:0 0 2px #000}.is-playing .deck-led:before{background:#ff443c;box-shadow:0 0 8px #e82721}
.cd-well{position:relative;width:100%;height:190px;margin:8px 0;border:5px solid #48565d;border-radius:50% / 24%;background:radial-gradient(ellipse,#17222c,#020a10 68%,#35454f 70%,#030a10 76%);overflow:hidden;box-shadow:inset 0 5px 10px #000,0 1px #fff}
.cd-turntable{position:absolute;left:50%;top:50%;margin:-85px 0 0 -85px;width:170px;height:170px;border-radius:50%;padding:7px;background:conic-gradient(#c4e4ed,#faf7e5,#759faf,#cebaee,#dfe7dd,#7fbbc6,#f1e9e3,#c4e4ed);box-shadow:0 5px 8px #000,0 0 0 1px #a8c7cd;animation:compact-disc 9s linear infinite;animation-play-state:paused}
.cd-turntable img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#171e28}.cd-hub{position:absolute;top:50%;left:50%;width:31px;height:31px;transform:translate(-50%,-50%);border-radius:50%;border:8px solid #c6d2d4;background:#07111b;box-shadow:0 0 0 3px #ffffff79,0 1px 5px #000}
.cd-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#eefcff26,transparent 38%,#0001 63%,#cbeaff18);border-radius:inherit}.cd-arm{display:none}.is-playing .cd-turntable{animation-play-state:running}
.deck-caption{font-size:7px}.deck-caption span:nth-child(2){opacity:.75;text-align:center}
.stereo-90s .booth-display{min-height:0;border:9px solid #202c34;border-left-width:15px;border-right-width:15px;border-radius:5px;padding:15px 15px 10px;background:linear-gradient(165deg,#16282e,#030d14 60%,#09212b);box-shadow:0 0 0 1px #727d84,0 2px #f4faf8,inset 0 0 18px #000}
.stereo-90s #booth-provider{font-size:8px;letter-spacing:.1em;color:#77dbea}.stereo-90s #booth-title{color:#c5faff;text-shadow:0 0 9px #6ef4ff80;font:17px/1.3 'Courier New',monospace;letter-spacing:.015em;margin:9px 0 14px;max-width:none;min-height:44px}
.eq-label{display:flex;justify-content:space-between;gap:8px;color:#6fa8ba;font:6px/1.5 monospace;letter-spacing:.09em;margin-bottom:6px}
.stereo-90s .booth-meter{height:47px;gap:3px;transform:perspective(250px) rotateX(18deg);transform-origin:bottom}.stereo-90s .booth-meter i{height:9px;background:repeating-linear-gradient(to top,#70e3ef 0 4px,#09232d 4px 6px);border-radius:0;box-shadow:0 0 5px #32aef44d}.stereo-90s .booth-meter i:nth-child(3n){height:27px}.stereo-90s .booth-meter i:nth-child(5n){height:43px}.stereo-90s #booth-status{font:9px/1.4 monospace;color:#91bcc9;min-height:26px;margin:10px 0 0}
.deck-track-controls{display:flex;gap:5px;align-items:center;margin:16px 0 3px}.deck-track-controls button{max-width:100px;font-size:9px;padding:8px 5px;border-top:3px solid #b24343}.deck-track-controls span{flex:1;text-align:center;font:6px/1.5 monospace;letter-spacing:.08em;color:#35464e}
.stereo-90s .booth-transport{gap:14px;margin:12px 0 17px}.stereo-90s .booth-transport button{width:70px;height:70px;border:7px solid #6e8388;background:conic-gradient(#e4e9e4,#8f9b9d,#e9eeeb,#a9b1b1,#e4e9e4);box-shadow:0 0 0 3px #c3cdca,0 0 0 5px #667b7a,inset 0 0 0 2px #fff6,2px 5px 7px #0008;color:#34434a;font-size:23px}.stereo-90s.is-playing #booth-play{border-color:#86bfae;box-shadow:0 0 0 3px #c3cdca,0 0 9px 5px #528c8580,inset 0 0 0 2px #fff6}.stereo-90s .booth-transport #booth-save{width:68px;height:68px;font-size:24px;border-color:#687a80}.stereo-90s .booth-transport label{font:8px/1.4 monospace;color:#34464d;display:block}.stereo-90s .booth-time{color:#314951;font-size:9px}.stereo-90s .booth-transport input{accent-color:#4c6e81}.stereo-90s .booth-transport>div{min-width:0}
.stereo-90s .booth-provider-player{border:3px solid #35464d;box-shadow:0 1px #edf4ef;border-radius:3px}
.cassette-bays{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0;padding:7px 0;background:#58686e;border-top:3px solid #cbd4d0;border-bottom:3px solid #87999f}.cassette-bays>div{min-width:0;position:relative;text-align:center;background:linear-gradient(#26363e,#07121a 16%,#101f2a 75%,#667880 76%,#bfc9c7 90%,#70828b);border:3px solid #263840;border-radius:4px;padding:8px 5px 17px;box-shadow:inset 0 0 7px #000}.cassette-bays small{display:block;color:#bfcbd0;font:5px monospace;letter-spacing:.05em}.cassette-bays b{display:block;color:#b8f0fa;text-shadow:0 0 7px #57c9ff;font:bold italic 13px/1.5 Arial;margin:4px 0}.tape-reels{display:block;margin:auto;width:80%;font:12px monospace;border-radius:20px;border:1px solid #788f9a;background:#1f3644;color:#abc4d1}.cassette-bays em{display:block;font:5px/1.5 monospace;color:#bdd0d9;margin:5px 0 0}
.stereo-90s .booth-bottom{font:10px/1.5 Arial;color:#183a4a;gap:5px;margin-top:12px}.stereo-90s .booth-bottom span{color:#455c66;font-size:8px}
@keyframes compact-disc{to{transform:rotate(360deg)}}
@media(max-width:900px){.stereo-90s .booth-console{padding:14px}.stereo-90s .booth-library{padding:20px 14px}.stereo-90s .booth-marquee{font-size:9px;padding:15px 12px}.stereo-90s .booth-transport{gap:10px}.stereo-90s .booth-transport button,.stereo-90s .booth-transport #booth-save{width:56px;height:56px}.stereo-90s .booth-display{border-width:7px;padding:12px}}
@media(max-width:700px){.stereo-90s .booth-layout{grid-template-columns:minmax(0,1fr)}.stereo-90s .booth-console{grid-row:1;padding:15px}.stereo-90s .booth-library{border-right:0;border-top:7px solid #63767e;padding:22px 15px}.stereo-90s .booth-library #mix-selection{height:350px;max-height:55vh;min-height:220px}.stereo-90s .booth-marquee{font-size:8px;gap:8px;padding:14px 8px;letter-spacing:.05em}.cd-well{height:170px}.cd-turntable{width:150px;height:150px;margin:-75px 0 0 -75px}.stereo-90s .booth-track-label strong{font-size:12px}.stereo-90s .booth-track{min-height:82px}.library-scroll-label{font-size:8px}.stereo-90s #booth-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cd-turntable{animation:none!important}}