#tidalPlayer{margin:16px 0;max-width:100%;min-width:0}
#tidalPlayer[hidden]{display:none!important}
#tidalPlayer table{width:100%;table-layout:fixed;border-collapse:collapse}
#tidalPlayer th{width:9ch;text-align:left;vertical-align:top}
#tidalPlayer td,#tidalPlayer th{padding:8px;overflow-wrap:anywhere}
#tidalPlayer [data-track],#tidalPlayer [data-status]{display:block}
#tidalPlayer .tidal-controls{display:flex;flex-wrap:wrap;gap:6px}
#tidalPlayer button{white-space:nowrap;word-break:normal;cursor:pointer}
#tidalPlayer button:disabled{opacity:.45;cursor:default}
#tidalPlayer .tidal-embed-cell{padding:0!important}
#tidalPlayer iframe{display:block;width:100%;height:160px;border:0;background:#000}
#tidalPlayer .tidal-help{font-size:.85em;line-height:1.4}
#tidalPlayer a{text-decoration:underline;white-space:normal!important}
.tidal-state{font-weight:bold}
html[data-design="commander"] #tidalPlayer{border:3px double currentColor;border-radius:0;background:var(--nc-bg,#000);color:var(--nc-fg,#fff);font:18px/1.2 'DOS',monospace}
html[data-design="commander"] #tidalPlayer td,html[data-design="commander"] #tidalPlayer th{border:1px solid currentColor;width:auto!important}
html[data-design="commander"] #tidalPlayer th{width:9ch!important}
html[data-design="commander"] #tidalPlayer button{font:inherit;background:transparent;color:inherit;border:1px solid currentColor;padding:6px 8px}
html[data-design="commander"] .tidal-track-directory .tidal-selected{background:#c6eeee!important;color:#062f34!important;border-left:4px solid #007d88}
html[data-design="commander"] .tidal-track-directory .tidal-playing{background:#6de2ec!important;color:#002d31!important}
html[data-design="commander"] .tidal-track-directory .tidal-selected *{color:inherit!important}
html[data-design="classic"] #tidalPlayer{background:#fff;border:1px solid #d9e0e4;border-radius:12px;padding:16px;color:#233038;box-shadow:0 4px 18px #152a3910;font:14px/1.5 Arial,sans-serif}
html[data-design="classic"] #tidalPlayer h2{margin:0 0 10px;font-size:18px}
html[data-design="classic"] #tidalPlayer button{border:1px solid #b9c8d0;border-radius:6px;background:#f1f6f8;color:#233038;padding:7px 10px}
html[data-design="classic"] .tidal-track.tidal-selected{background:#eaf2ff;border-left:4px solid #356cbd}
html[data-design="classic"] .tidal-track.tidal-playing{background:#cee1ff}
.dual-host #tidalPlayer{margin:0 8px 8px}
@media(max-width:360px){html[data-design="commander"] #tidalPlayer{font-size:16px}#tidalPlayer th{width:7ch!important}}
html[data-design="commander"] #tidalPlayer{background:var(--paper,#000);color:var(--ink,#fff);font-family:Commander,monospace}
html[data-design="commander"] #tidalPlayer td,html[data-design="commander"] #tidalPlayer th{text-align:left!important;white-space:normal!important}
html[data-design="commander"] #tidalPlayer th{width:10ch!important;white-space:nowrap!important}
html[data-design="commander"] #tidalPlayer .tidal-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
html[data-design="commander"] #tidalPlayer button{display:inline-block!important;width:auto!important;min-height:32px!important;padding:5px 8px!important;border:1px solid currentColor!important}
html[data-design="commander"] #tidalPlayer .tidal-help{text-align:left!important}
.track-preview-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.track-preview-controls button{white-space:nowrap!important;width:auto!important}
.track-preview-info{width:100%;table-layout:fixed}
.track-preview-info th{width:9ch;text-align:left}
.track-preview-info td{text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}
html[data-design="classic"] .track-preview-info dt{font-weight:600;color:#667277;margin-top:12px}
html[data-design="classic"] .track-preview-info dd{margin:3px 0}
html[data-design="commander"] .track-preview-info th{width:10ch!important;white-space:normal!important}
html[data-design="commander"] .track-preview-info td:last-child{width:auto!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere!important}
html[data-design="commander"] #tidalPlayer tbody tr,html[data-design="commander"] #tidalPlayer th,html[data-design="commander"] #tidalPlayer td{background:var(--paper,#000)!important;color:var(--ink,#fff)!important}

/* Compact cassette-deck transport in track previews, shared across themes. */
.track-preview-controls{display:flex;flex-wrap:nowrap;gap:0;align-items:stretch;width:min(100%,370px);margin:18px 0 12px;padding:5px;border:1px solid #898d8c;border-radius:8px;background:linear-gradient(#e4e5e2,#b9bfbd);box-shadow:inset 0 1px #fff,0 3px 8px #0002}
.track-preview-controls button{flex:1;min-width:0;width:auto!important;height:43px;padding:0!important;border:1px solid #777e7c!important;border-right:0!important;border-radius:0!important;background:linear-gradient(#f9faf8,#c9cfcb)!important;color:#202827!important;font:600 20px/1 Arial,sans-serif!important;box-shadow:inset 0 1px #fff;touch-action:manipulation}
.track-preview-controls button:first-child{border-radius:5px 0 0 5px!important}.track-preview-controls button:last-child{border-right:1px solid #777e7c!important;border-radius:0 5px 5px 0!important}
.track-preview-controls button:active{background:#aeb7b2!important;box-shadow:inset 0 2px 4px #0004}.track-preview-controls button:focus-visible{outline:2px solid #b76243;outline-offset:2px;z-index:1}
.track-preview-controls [data-preview-control=play]{color:#a44b2f!important}.track-preview-controls .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-design="commander"] .track-preview-controls{background:var(--paper,#000);border-color:var(--ink,#fff);box-shadow:none;border-radius:0}
html[data-design="commander"] .track-preview-controls button{background:var(--paper,#000)!important;color:var(--ink,#fff)!important;border-color:var(--ink,#fff)!important;box-shadow:none;border-radius:0!important}
html[data-design="commander"] .track-preview-controls button:active{background:var(--ink,#fff)!important;color:var(--paper,#000)!important}
html[data-design="commander"] .track-preview-controls [data-preview-control=play]{color:var(--ink,#fff)!important}

.track-preview-controls button{color:#151a19!important}
.track-preview-controls [data-preview-control=play]{color:#151a19!important}
.track-preview-controls[data-state="play"] [data-preview-control=play]{background:linear-gradient(#b8e7b9,#4fa35d)!important;color:#073617!important}
.track-preview-controls[data-state="pause"] [data-preview-control=pause]{background:linear-gradient(#c0dcfb,#5594da)!important;color:#103965!important}
.track-preview-controls[data-state="previous"] [data-preview-control=previous],.track-preview-controls[data-state="next"] [data-preview-control=next]{background:linear-gradient(#fff1ae,#e7bc3a)!important;color:#493100!important}
html[data-design="commander"] .track-preview-controls button{color:var(--ink,#fff)!important}
html[data-design="commander"] .track-preview-controls[data-state="play"] [data-preview-control=play]{background:#268348!important;color:#fff!important}
html[data-design="commander"] .track-preview-controls[data-state="pause"] [data-preview-control=pause]{background:#2872be!important;color:#fff!important}
html[data-design="commander"] .track-preview-controls[data-state="previous"] [data-preview-control=previous],html[data-design="commander"] .track-preview-controls[data-state="next"] [data-preview-control=next]{background:#d3aa22!important;color:#121212!important}
/* A paused deck invites resuming playback while Pause remains selected. */
@keyframes deck-resume-blink{0%,48%{opacity:1}49%,100%{opacity:.35}}
.track-preview-controls[data-state="pause"] [data-preview-control=play],html[data-design="commander"] .track-preview-controls[data-state="pause"] [data-preview-control=play]{animation:deck-resume-blink 1.1s steps(1,end) infinite;background:#27894b!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){.track-preview-controls[data-state="pause"] [data-preview-control=play]{animation:none!important;background:#27894b!important;color:#fff!important}}
/* Commander transport is a five-cell directory table; Classic keeps its deck bar. */
html[data-design="commander"] .commander-transport{display:table!important;width:100%;table-layout:fixed;border-collapse:collapse;padding:0;margin:18px 0 12px;border:1px solid #20282b;background:#f5f3ed!important}
html[data-design="commander"] .commander-transport td{width:20%!important;padding:0!important;border:1px solid #20282b!important;text-align:center!important;background:transparent!important}
html[data-design="commander"] #detail .commander-transport button{display:block!important;width:100%!important;min-height:44px;height:44px;padding:0!important;border:0!important;background:#f5f3ed!important;color:#111!important;font-size:20px!important;line-height:1!important;text-align:center!important}
html[data-design="commander"] .commander-transport tr:hover,html[data-design="commander"] .commander-transport tr:focus-within,html[data-design="commander"] .commander-transport td:hover{background:transparent!important;color:#111!important}
html[data-design="commander"] .commander-transport[data-state="play"] [data-preview-control=play],html[data-design="commander"] #tidalPlayer[data-transport-state="play"] [data-control=play]{background:#268348!important;color:#fff!important}
html[data-design="commander"] .commander-transport[data-state="pause"] [data-preview-control=pause],html[data-design="commander"] #tidalPlayer[data-transport-state="pause"] [data-control=pause]{background:#2872be!important;color:#fff!important}
html[data-design="commander"] .commander-transport[data-state="previous"] [data-preview-control=previous],html[data-design="commander"] .commander-transport[data-state="next"] [data-preview-control=next],html[data-design="commander"] #tidalPlayer[data-transport-state="previous"] [data-control=previous],html[data-design="commander"] #tidalPlayer[data-transport-state="next"] [data-control=next]{background:#d3aa22!important;color:#111!important}
html[data-design="commander"] #detail .commander-transport[data-state="play"] [data-preview-control=play]{background:#268348!important;color:#fff!important}
html[data-design="commander"] #detail .commander-transport[data-state="pause"] [data-preview-control=pause]{background:#2872be!important;color:#fff!important}
html[data-design="commander"] #detail .commander-transport[data-state="previous"] [data-preview-control=previous],html[data-design="commander"] #detail .commander-transport[data-state="next"] [data-preview-control=next]{background:#d3aa22!important;color:#111!important}
html[data-design="commander"] #detail .commander-transport[data-state="pause"] [data-preview-control=play]{background:#27894b!important;color:#fff!important}
html[data-design="commander"] #tidalPlayer[data-transport-state="pause"] [data-control=play]{animation:deck-resume-blink 1.1s steps(1,end) infinite;background:#27894b!important;color:#fff!important}
html[data-design="commander"] #tidalPlayer .tidal-controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;padding:0!important;border:1px solid currentColor!important}
html[data-design="commander"] #tidalPlayer .tidal-controls button{min-width:0!important;min-height:44px!important;padding:0!important;text-align:center!important;border:0!important;border-right:1px solid currentColor!important;border-radius:0!important;background:var(--paper,#000)!important;color:var(--ink,#fff)!important;font-size:20px!important}
html[data-design="commander"] #tidalPlayer .tidal-controls button:last-child{border-right:0!important}
@media(prefers-reduced-motion:reduce){html[data-design="commander"] #tidalPlayer[data-transport-state="pause"] [data-control=play]{animation:none!important}}
/* Five controls stay on one horizontal line in either theme, including phones. */
#tidalPlayer .tidal-controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;padding:0!important}
#tidalPlayer .tidal-controls button{min-width:0!important;width:100%!important;min-height:44px;padding:0!important;white-space:nowrap!important}
.track-preview-controls{flex-wrap:nowrap!important;max-width:100%;min-width:0;touch-action:pan-y}
.track-preview-controls button{touch-action:none;user-select:none;-webkit-user-select:none}
.track-preview-controls button span[aria-hidden]{pointer-events:none}
.tape-counter-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:12px 0;min-width:0}
[data-tape-counter]{display:inline-block;min-width:3ch;white-space:pre;font:600 24px/1.2 monospace;font-variant-numeric:tabular-nums;letter-spacing:.12em;text-align:center}
.tape-counter-row button{white-space:nowrap}
.commander-counter{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;margin:10px 0 14px!important}
html[data-design="commander"] #detail .commander-counter th,html[data-design="commander"] #detail .commander-counter td{border:1px solid #20282b!important;background:#f5f3ed!important;color:#111!important;padding:6px!important;text-align:left!important;white-space:nowrap!important}
html[data-design="commander"] .commander-counter th{width:10ch!important}
html[data-design="commander"] .commander-counter td:nth-child(2){width:5ch!important;text-align:center!important}
html[data-design="commander"] .commander-counter td:last-child{width:auto!important}
html[data-design="commander"] .commander-counter button{display:block!important;width:100%!important;min-height:36px!important;padding:4px!important;border:0!important;border-radius:0!important;font:inherit!important;text-align:center!important;white-space:normal!important;background:transparent!important;color:inherit!important}
html[data-design="commander"] .commander-counter [data-tape-counter]{font:inherit!important;font-size:20px!important;min-width:3ch!important}
[data-playback-notice]{font-size:14px;line-height:1.45;border-left:2px solid currentColor;padding-left:10px}
.tidal-show-player{font:inherit;white-space:nowrap}
@media(max-width:420px){.track-preview-controls{width:100%!important}.track-preview-controls button{font-size:18px!important}.tape-counter-row{gap:8px}.tape-counter-row button{padding:7px!important}html[data-design="commander"] .commander-counter th{width:8ch!important}html[data-design="commander"] .commander-counter [data-tape-counter]{font-size:18px!important}}
/* One integrated transport chassis: meter above keys, not a separate form. */
.deck-chassis{margin:20px 0 14px;padding:12px;border:1px solid #919a97;border-radius:9px;background:linear-gradient(145deg,#f3f3ee,#d0d5d0);box-shadow:inset 0 1px #fff,0 3px 8px #20282b16}
.deck-chassis .track-preview-controls{width:100%!important;margin:10px 0 0;box-shadow:none;padding:0;border:0;background:none}
.deck-meter{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.deck-meter-label{margin-right:auto;color:#505b57;font:700 9px/1.3 Arial,sans-serif;letter-spacing:1.4px}
.deck-meter [data-tape-counter]{display:flex;gap:2px;padding:4px;border:1px solid #555f5a;border-radius:3px;background:#18201d;box-shadow:inset 0 2px 5px #0008;font:600 27px/1.15 monospace;letter-spacing:0;color:#f5f2df}
.deck-meter [data-tape-counter]>span{display:block;width:23px;text-align:center;background:linear-gradient(#323b35 49%,#111a15 50%,#263029 54%);border-right:1px solid #444e46;border-radius:1px}
html .deck-meter button[data-counter-reset],html #tidalPlayer .deck-meter button[data-counter-reset]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px!important;width:44px!important;height:44px!important;padding:2px!important;border:1px solid #929c95!important;border-radius:4px!important;background:linear-gradient(#f6f7f3,#c4ccc5)!important;color:#25322a!important;box-shadow:inset 0 1px #fff,0 1px 2px #0002}
.deck-meter button span{font:21px/1 Arial,sans-serif}.deck-meter button small{font:700 7px/1 Arial,sans-serif;letter-spacing:.8px}
html .deck-meter button[data-counter-reset]:active{box-shadow:inset 0 2px 3px #0004!important;transform:translateY(1px)}
html[data-design="classic"] #tidalPlayer .deck-chassis .tidal-controls button{height:44px!important;border:1px solid #7f8983!important;border-radius:0!important;background:linear-gradient(#fafbf7,#cbd2cc);color:#111;font-size:20px;box-shadow:inset 0 1px #fff;touch-action:none}
html[data-design="classic"] #tidalPlayer[data-transport-state="play"] [data-control="play"]{background:#b5dfb9!important;color:#0b682e!important}
html[data-design="classic"] #tidalPlayer[data-transport-state="pause"] [data-control="pause"]{background:#b8d7f3!important;color:#135b9b!important}
html[data-design="classic"] #tidalPlayer[data-transport-state="pause"] [data-control="play"]{background:#b5dfb9!important;color:#0b682e!important;animation:deck-resume-blink 1.1s steps(1,end) infinite}
html[data-design="classic"] #tidalPlayer[data-transport-state="previous"] [data-control="previous"],html[data-design="classic"] #tidalPlayer[data-transport-state="next"] [data-control="next"]{background:#f6dc78!important;color:#705300!important}
html[data-design="commander"] .deck-chassis{border:1px solid currentColor;border-radius:0;background:transparent;box-shadow:none;padding:8px}
html[data-design="commander"] .deck-meter-label{color:inherit;font-family:inherit}
html[data-design="commander"] .deck-meter [data-tape-counter]{border-radius:0;border-color:currentColor;background:var(--paper);color:var(--ink);box-shadow:none}
html[data-design="commander"] .deck-meter [data-tape-counter]>span{background:transparent;border-color:currentColor}
html[data-design="commander"] .deck-chassis .commander-transport{margin:8px 0 0!important}
@media(prefers-reduced-motion:reduce){html[data-design="classic"] #tidalPlayer[data-transport-state="pause"] [data-control="play"]{animation:none}}

/* Unified transport finish and state lamps. These scoped rules own the keys. */
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis button:is([data-control],[data-preview-control]){
 position:relative!important; height:48px!important; min-height:48px!important;
 background:linear-gradient(#f6f7f3,#c4cac5)!important;color:#222b27!important;
 border:1px solid #818b84!important;border-radius:2px!important;
 box-shadow:inset 0 1px #fff,0 1px 2px #0002!important;animation:none!important;opacity:1;
}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis button:is([data-control],[data-preview-control])::after{
 content:"";position:absolute;bottom:5px;left:calc(50% - 10px);width:20px;height:3px;
 border-radius:1px;background:#68726a;box-shadow:inset 0 1px 2px #0005;
}
html[data-design] :is(#detail,#tidalPlayer) .deck-symbol{display:block!important;width:24px!important;height:24px!important;margin:0 auto 4px!important;fill:currentColor!important;stroke:none!important;pointer-events:none}
html[data-design] :is(#detail,#tidalPlayer) .deck-symbol path{fill:currentColor!important;stroke:none!important}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis button:disabled{opacity:.4}
html[data-design] :is(#detail,#tidalPlayer) :is([data-state="play"],[data-transport-state="play"]) button:is([data-control="play"],[data-preview-control="play"]),
html[data-design] #tidalPlayer[data-transport-state="play"] .deck-chassis [data-control="play"]{background:linear-gradient(#c9ebce,#80b98c)!important;color:#075f2b!important}
html[data-design] :is(#detail,#tidalPlayer) :is([data-state="pause"],[data-transport-state="pause"]) button:is([data-control="pause"],[data-preview-control="pause"]),
html[data-design] #tidalPlayer[data-transport-state="pause"] .deck-chassis [data-control="pause"]{background:linear-gradient(#d3e8ff,#84b2e4)!important;color:#114e92!important}
html[data-design] :is(#detail,#tidalPlayer) :is([data-state="pause"],[data-transport-state="pause"]) button:is([data-control="play"],[data-preview-control="play"]),
html[data-design] #tidalPlayer[data-transport-state="pause"] .deck-chassis [data-control="play"]{color:#075f2b!important;animation:deck-key-ready 1.1s steps(1,end) infinite!important}
@keyframes deck-key-ready{0%,48%{background:#9bd3a6}49%,100%{background:#d0d6d0}}
html[data-design] :is(#detail,#tidalPlayer) [data-state="play"] [data-preview-control="play"]::after,html[data-design] #tidalPlayer[data-transport-state="play"] .deck-chassis [data-control="play"]::after{background:#1ce66c!important;box-shadow:0 0 5px #1ce66c!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="pause"] [data-preview-control="pause"]::after,html[data-design] #tidalPlayer[data-transport-state="pause"] .deck-chassis [data-control="pause"]::after{background:#3c9eff!important;box-shadow:0 0 5px #3c9eff!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="pause"] [data-preview-control="play"]::after,html[data-design] #tidalPlayer[data-transport-state="pause"] .deck-chassis [data-control="play"]::after{background:#1ce66c!important;box-shadow:0 0 5px #1ce66c!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="previous"] button[data-preview-control="previous"],html[data-design] #tidalPlayer[data-transport-state="previous"] .deck-chassis [data-control="previous"]{background:#ebce78!important;color:#584000!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="previous"] button[data-preview-control="previous"]::after,html[data-design] #tidalPlayer[data-transport-state="previous"] .deck-chassis [data-control="previous"]::after{background:#ffc82e!important;box-shadow:0 0 5px #ffc82e!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="next"] button[data-preview-control="next"],html[data-design] #tidalPlayer[data-transport-state="next"] .deck-chassis [data-control="next"]{background:#ebce78!important;color:#584000!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="next"] button[data-preview-control="next"]::after,html[data-design] #tidalPlayer[data-transport-state="next"] .deck-chassis [data-control="next"]::after{background:#ffc82e!important;box-shadow:0 0 5px #ffc82e!important}

/* The counter and keys share one chassis when the viewport has room. */
@media(min-width:760px){
 html[data-design] .deck-chassis{display:flex;align-items:center;gap:18px;padding:12px 16px}
 html[data-design] .deck-chassis .deck-meter{flex:0 0 auto;gap:8px}
 html[data-design] .deck-chassis .deck-meter-label{max-width:7ch;font-size:8px;letter-spacing:1px}
 html[data-design] .deck-chassis :is(.track-preview-controls,.tidal-controls){flex:1;min-width:0;width:auto!important;margin:0!important}
 html[data-design] .deck-chassis .commander-transport{width:auto!important;flex:1;margin:0!important}
}
@media(prefers-reduced-motion:reduce){html[data-design] :is(#detail,#tidalPlayer) .deck-chassis button:is([data-control],[data-preview-control]){animation:none!important}}
@media(max-width:759px){
 html[data-design] .deck-chassis{display:flex;flex-direction:column;gap:12px;padding:12px}
 html[data-design] .deck-chassis :is(.track-preview-controls,.tidal-controls){order:0;width:100%!important;margin:0!important}
 html[data-design] .deck-chassis .deck-meter{order:1;width:100%;padding-top:10px;border-top:1px solid #8d98916b}
}
html[data-design] :is(#detail,#tidalPlayer) [data-state="pause"] [data-preview-control="play"]::after,
html[data-design] #tidalPlayer[data-transport-state="pause"] .deck-chassis [data-control="play"]::after{animation:deck-lamp-blink 1.1s steps(1,end) infinite}
@keyframes deck-lamp-blink{0%,48%{opacity:1}49%,100%{opacity:.15}}
@media(prefers-reduced-motion:reduce){html[data-design] .deck-chassis button::after{animation:none!important}}

/* Unlabelled counter and reset remain together within the shared panel. */
@media(max-width:759px){html[data-design] .deck-chassis .deck-meter{justify-content:flex-end}}

/* Transport symbols only: no indicator dashes below the engravings. */
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis button:is([data-control],[data-preview-control])::after{content:none!important;display:none!important}
html[data-design] :is(#detail,#tidalPlayer) .deck-symbol{margin:0 auto!important}
html[data-design] :is(#detail,#tidalPlayer) [data-state="pause"] [data-preview-control="play"] .deck-symbol,
html[data-design] #tidalPlayer[data-transport-state="pause"] [data-control="play"] .deck-symbol{animation:deck-lamp-blink 1.1s steps(1,end) infinite}
@media(prefers-reduced-motion:reduce){html[data-design] .deck-chassis .deck-symbol{animation:none!important}}

/* Commander retains a flat directory table, independently of Classic's deck. */
html[data-design="commander"] :is(#detail,#tidalPlayer){--deck-paper:var(--paper,#0000aa);--deck-ink:var(--ink,#fff)}
html[data-design="commander"] #detail{--deck-paper:#f5f3ed;--deck-ink:#111}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis{padding:0!important;gap:0!important;border:1px solid var(--deck-ink)!important;border-radius:0!important;box-shadow:none!important;background:var(--deck-paper)!important;color:var(--deck-ink)!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport{width:100%!important;margin:0!important;border:0!important;border-collapse:collapse!important;background:var(--deck-paper)!important;color:var(--deck-ink)!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport td{padding:0!important;border:0!important;border-left:1px solid var(--deck-ink)!important;background:var(--deck-paper)!important;color:var(--deck-ink)!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis button:is([data-control],[data-preview-control],[data-counter-reset]){display:block!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--deck-paper)!important;color:var(--deck-ink)!important;box-shadow:none!important;animation:none!important;transform:none!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{gap:0!important;padding:0!important;border:0!important;align-self:stretch;align-items:center}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis [data-tape-counter]{border:0!important;border-radius:0!important;padding:8px 12px!important;box-shadow:none!important;font:27px/1.15 Commander,monospace!important;background:var(--deck-paper)!important;color:var(--deck-ink)!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis [data-tape-counter]>span{border:0!important;background:transparent!important;color:inherit!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis button[data-counter-reset]{border-left:1px solid var(--deck-ink)!important;width:48px!important;height:48px!important}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis button .deck-symbol{color:inherit!important;background:none!important}
@media(max-width:759px){
 html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{border-top:1px solid var(--deck-ink)!important}
 html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport td:first-child{border-left:0!important}
}
html[data-design="commander"] #detail .deck-chassis [data-state="play"] button[data-preview-control="play"],html[data-design="commander"] #tidalPlayer[data-transport-state="play"] .deck-chassis button[data-control="play"]{background:#27894b!important;color:#fff!important}
html[data-design="commander"] #detail .deck-chassis [data-state="pause"] button[data-preview-control="pause"],html[data-design="commander"] #tidalPlayer[data-transport-state="pause"] .deck-chassis button[data-control="pause"]{background:#2872be!important;color:#fff!important}
html[data-design="commander"] #detail .deck-chassis [data-state="pause"] button[data-preview-control="play"],html[data-design="commander"] #tidalPlayer[data-transport-state="pause"] .deck-chassis button[data-control="play"]{background:#27894b!important;color:#fff!important}
html[data-design="commander"] #detail .deck-chassis [data-state="previous"] button[data-preview-control="previous"],html[data-design="commander"] #tidalPlayer[data-transport-state="previous"] .deck-chassis button[data-control="previous"]{background:#d3aa22!important;color:#111!important}
html[data-design="commander"] #detail .deck-chassis [data-state="next"] button[data-preview-control="next"],html[data-design="commander"] #tidalPlayer[data-transport-state="next"] .deck-chassis button[data-control="next"]{background:#d3aa22!important;color:#111!important}

/* Narrow screens: one transport row, with counter + reset below at the left. */
@media(max-width:759px){
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{justify-content:flex-start!important;flex-wrap:nowrap;gap:8px}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis :is(.track-preview-controls,.tidal-controls){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;order:0;min-width:0;width:100%!important;box-sizing:border-box}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport{order:0;table-layout:fixed!important}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport tbody{display:table-row-group!important}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport tr{display:table-row!important}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .commander-transport td{display:table-cell!important;width:20%!important}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{order:1}
 html[data-design] :is(#detail,#tidalPlayer) .deck-chassis [data-counter-reset]{flex:0 0 auto;margin-left:0!important}
}

/* Track changes never resize/recenter the dialog or move its transport keys. */
html[data-design] #detail:not(.inline-detail):has(.track-preview-main){
 height:min(780px,90dvh)!important;max-height:90dvh!important;
 overflow:hidden!important;box-sizing:border-box;
}
html[data-design] #detail:not(.inline-detail):has(.track-preview-main) #detailBody{
 display:grid!important;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:12px;
}
html[data-design] #detail .track-preview-main{min-height:0;overflow:auto;scrollbar-gutter:stable;overflow-anchor:none;padding-right:8px}
html[data-design] #detail .track-preview-main>.eyebrow{padding-right:55px}
html[data-design] #detail:not(.inline-detail):has(.track-preview-main)>.close{position:absolute;right:12px;top:12px}
html[data-design] #detail .track-preview-transport{min-width:0;overflow-anchor:none}
html[data-design] #detail .track-preview-transport .deck-chassis{margin:0!important}
html[data-design] #detail .track-preview-transport [data-playback-notice]{display:block!important;box-sizing:border-box;height:3.4em;margin:8px 0 0;overflow:auto;font-size:12px!important;line-height:1.4!important}
html[data-design] #detail .track-preview-transport [data-playback-notice][hidden]{visibility:hidden}

/* GX-F90-inspired fluorescent stereo display, integrated into the transport. */
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-vu{grid-column:2;grid-row:1;justify-self:end;width:min(100%,360px);box-sizing:border-box;padding:10px 12px 7px;background:#101b1f;border:1px solid #566365;border-radius:3px;box-shadow:inset 0 2px 5px #0009;font:10px/1.3 Arial,sans-serif;color:#aebcb9}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{grid-column:1;grid-row:2;width:auto;padding:0;border-top:0}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis :is(.tidal-controls,.track-preview-controls,.commander-transport){grid-column:2;grid-row:2;width:100%!important}
.deck-vu-scale{display:flex;justify-content:space-between;margin:0 0 5px 16px;font-size:9px;letter-spacing:0}
.deck-vu-row{display:flex;align-items:center;gap:8px;margin:4px 0}.deck-vu-row b{font:10px Arial,sans-serif;width:8px}.deck-vu-row>span{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:1px;flex:1}
.deck-vu-row i{display:block;height:10px;background:#80daed;opacity:.13;box-shadow:inset 0 -4px #0003}.deck-vu-row i.over{background:#e7af72}.deck-vu small{display:block;text-align:right;font:8px/1.2 Arial,sans-serif;letter-spacing:1px;margin-top:6px;color:#93a4a8}
html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .deck-vu{border-radius:0;box-shadow:none;border-color:var(--deck-ink)}
@media(max-width:759px){html[data-design] :is(#detail,#tidalPlayer) .deck-chassis{grid-template-columns:minmax(0,1fr);gap:10px}html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-vu{grid-column:1;grid-row:1;width:100%;max-width:360px}html[data-design] :is(#detail,#tidalPlayer) .deck-chassis :is(.tidal-controls,.track-preview-controls,.commander-transport){grid-column:1;grid-row:2}html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-meter{grid-column:1;grid-row:3}}
@media(prefers-reduced-motion:reduce){html[data-design] .deck-vu-row i{animation:none!important}}

/* Track metadata and meter share the upper fascia. */
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-display{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:24px;min-width:0}
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-display .deck-vu{flex:0 1 360px;min-width:200px;margin-left:auto}
.deck-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;color:#26312c;font:13px/1.4 Arial,sans-serif;text-align:left}
.deck-track-info small{font-size:9px;letter-spacing:1.8px;color:#69766e}.deck-track-info strong{font-size:17px;line-height:1.3}.deck-track-info span{color:#626e67}.deck-track-info :is(strong,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
html[data-design="commander"] .deck-track-info,html[data-design="commander"] .deck-track-info :is(small,span){font-family:inherit;color:var(--deck-ink)}
html[data-design="commander"] #tidalPlayer .deck-track-info[data-cover-track]{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,115px);align-items:start;gap:12px}
html[data-design="commander"] #tidalPlayer .commander-track-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
html[data-design="commander"] #tidalPlayer .commander-track-cover{margin:0;min-width:0;aspect-ratio:1;border:1px solid var(--deck-ink);display:grid;place-items:center;overflow:hidden}
html[data-design="commander"] #tidalPlayer .commander-track-cover img{width:100%;height:100%;object-fit:contain}
html[data-design="commander"] #tidalPlayer .commander-track-cover [hidden]{display:none}
html[data-design="commander"] #tidalPlayer .commander-track-cover [data-cover-placeholder]{padding:8px;text-align:center;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
html[data-design="commander"] #tidalPlayer .tidal-preview-disclosure:not(:has(iframe)){display:none}
@media(max-width:600px){html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-display{flex-direction:column;align-items:stretch;gap:12px}html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-display .deck-vu{flex:auto;min-width:0;max-width:none;width:100%}.deck-track-info strong{font-size:15px}}

/* Vintage illuminated legends; transport lamps follow confirmed player state. */
.deck-vu-legends{display:flex;justify-content:flex-end;gap:12px;margin-bottom:8px;font:700 9px/1.3 Arial,sans-serif;letter-spacing:1px}.deck-tape-legend{color:#83dbeb}.deck-nr-legend{color:#e7af72}.deck-vu-legends span{border:1px solid currentColor;padding:1px 4px;border-radius:1px}
.deck-vu-transport{display:flex;justify-content:space-between;gap:6px;margin-top:9px;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.4px}.deck-vu-transport span{color:#7e969e;opacity:.28;white-space:nowrap}
#tidalPlayer[data-transport-state="play"] [data-vu-state="play"],.deck-chassis:has(.track-preview-controls[data-state="play"]) [data-vu-state="play"]{opacity:1;color:#60ec8f;text-shadow:0 0 5px currentColor}
#tidalPlayer[data-transport-state="pause"] [data-vu-state="pause"],.deck-chassis:has(.track-preview-controls[data-state="pause"]) [data-vu-state="pause"]{opacity:1;color:#73bfff;text-shadow:0 0 5px currentColor}
#tidalPlayer[data-transport-state="previous"] [data-vu-state="previous"],.deck-chassis:has(.track-preview-controls[data-state="previous"]) [data-vu-state="previous"]{opacity:1;color:#f1c664;text-shadow:0 0 5px currentColor}
#tidalPlayer[data-transport-state="next"] [data-vu-state="next"],.deck-chassis:has(.track-preview-controls[data-state="next"]) [data-vu-state="next"]{opacity:1;color:#f1c664;text-shadow:0 0 5px currentColor}

/* Simulated segment illumination; theme-specific meter housing stays intact. */
.deck-vu-row i.vu-lit{opacity:1}.deck-vu-row i.vu-peak{opacity:1;box-shadow:0 0 3px currentColor}

/* Center deck legends with balanced clearance inside the meter glass. */
html[data-design] :is(#detail,#tidalPlayer) .deck-chassis .deck-vu{padding-top:0}
.deck-vu-legends{align-items:center;min-height:36px;margin:0;padding:10px 0;box-sizing:border-box}
.deck-vu-legends span{display:inline-flex;align-items:center;justify-content:center;min-height:16px;line-height:12px;padding:1px 5px;box-sizing:border-box}

.deck-vu-row i{background:#f4f4ed;color:#f4f4ed}.deck-vu-row i.over{background:#f34b46;color:#f34b46}

.deck-tape-legend{color:#f4f4ed}.deck-nr-legend{color:#f34b46}

.deck-track-info>span>b{font:inherit;font-weight:600;color:inherit}

/* Commander: double the desktop stereo meter width; shrink to fit narrow panes. */
@media(min-width:601px){html[data-design="commander"] :is(#detail,#tidalPlayer) .deck-chassis .deck-display .deck-vu{flex:0 1 720px;width:720px;max-width:100%;min-width:200px}}

/* The in-page player grows with its contents, including on narrow phones. */
html[data-design] #tidalPlayer{box-sizing:border-box;height:auto;max-height:none;overflow:visible}
html[data-design] #tidalPlayer .deck-chassis{box-sizing:border-box;min-width:0;max-width:100%;height:auto;max-height:none;overflow:visible}
@media(max-width:600px){
 html[data-design="classic"] #tidalPlayer{padding:12px}
 html[data-design="classic"] #tidalPlayer td,html[data-design="classic"] #tidalPlayer th{padding:6px}
 html[data-design] #tidalPlayer .deck-track-info :is(strong,span){white-space:normal;overflow-wrap:anywhere;overflow:visible}
 html[data-design] #tidalPlayer .deck-display{min-width:0}
 html[data-design] #tidalPlayer .deck-vu{box-sizing:border-box;min-width:0;max-width:100%}
}

/* Counter sits in the meter header; all six keys share the transport row. */
html[data-design] #tidalPlayer .deck-chassis{grid-template-columns:minmax(0,1fr)}
html[data-design] #tidalPlayer .deck-chassis :is(.tidal-controls,.commander-transport){grid-column:1;grid-row:2}
html[data-design] #tidalPlayer .deck-chassis .tidal-controls{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
html[data-design] #tidalPlayer .deck-chassis .commander-transport td{width:16.6667%!important}
html[data-design] #tidalPlayer .deck-vu-legends{gap:8px}
html[data-design] #tidalPlayer .deck-vu .deck-meter{margin-right:auto;display:flex;padding:0!important;border:0!important;width:auto;flex:0 0 auto}
html[data-design] #tidalPlayer .deck-vu [data-tape-counter]{font-size:20px!important;line-height:1.1!important;padding:3px 4px!important;letter-spacing:0}
html[data-design] #tidalPlayer .deck-vu [data-tape-counter]>span{display:inline-block;min-width:.7em;min-height:0;padding:1px 2px;border-radius:0;line-height:1.1}
html[data-design] #tidalPlayer .deck-chassis .tidal-controls [data-counter-reset],html[data-design="commander"] #tidalPlayer .deck-chassis .commander-transport [data-counter-reset]{width:100%!important;height:auto!important;min-height:44px;margin:0!important}
html[data-design="classic"] #tidalPlayer .deck-chassis button[data-counter-reset]:is(:active,.counter-reset-pressed){background:linear-gradient(#c3cbc5,#b4bfb7)!important;color:#1f2926!important}
html[data-design="commander"] #tidalPlayer .deck-chassis button[data-counter-reset]:is(:active,.counter-reset-pressed){background:color-mix(in srgb,var(--deck-paper) 82%,var(--deck-ink))!important;color:var(--deck-ink)!important}

/* Slightly smaller integrated mechanical counter. */
html[data-design] #tidalPlayer .deck-vu [data-tape-counter]{transform:scale(.9025);transform-origin:left center}

/* Keep the meter header independent of legacy mobile transport ordering. */
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends{display:flex;flex-wrap:nowrap;width:100%;justify-content:flex-end}
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends > .deck-meter{order:-1!important;margin-left:0;margin-right:auto;justify-content:flex-start!important;align-self:center}
html[data-design] #tidalPlayer .deck-vu-legends > .deck-tape-legend,html[data-design] #tidalPlayer .deck-vu-legends > .deck-nr-legend{order:0;flex:0 0 auto}

/* Fine vertical meter marks instead of broad square segments. */
.deck-vu-row i{width:100%;max-width:3px;justify-self:center;height:11px;box-shadow:none}

/* Compact legends above the counter, with stereo bars alongside. */
html[data-design] #tidalPlayer .deck-chassis .deck-vu{display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:12px;align-items:center}
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends{grid-column:1;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0;align-self:center}
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends>.deck-meter{grid-column:1/-1;grid-row:2;order:0!important;margin:0;justify-content:center!important}
html[data-design] #tidalPlayer .deck-vu-legends>.deck-tape-legend,html[data-design] #tidalPlayer .deck-vu-legends>.deck-nr-legend{grid-row:1;font-size:7px;letter-spacing:.3px;padding:1px 2px;min-height:13px;white-space:nowrap}
html[data-design] #tidalPlayer .deck-vu [data-tape-counter]{transform:none;font-size:22px!important}
html[data-design] #tidalPlayer .deck-vu .deck-vu-scale{grid-column:2;grid-row:1;margin-top:0}
html[data-design] #tidalPlayer .deck-vu .deck-vu-row{grid-column:2;min-width:0}
html[data-design] #tidalPlayer .deck-vu .deck-vu-transport,html[data-design] #tidalPlayer .deck-vu>small{grid-column:1/-1}

/* Give the display breathing room above the counter and level bars. */
html[data-design] #tidalPlayer .deck-chassis .deck-vu{padding-top:20px!important}
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends{grid-template-columns:1fr}
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends>.deck-meter{grid-row:1}

/* Center the counter against the two channel bars, excluding the dB scale. */
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-vu-legends{grid-row:2/4;align-self:center}
html[data-design] #tidalPlayer .deck-vu .deck-vu-row:nth-of-type(3){grid-row:2}
html[data-design] #tidalPlayer .deck-vu .deck-vu-row:nth-of-type(4){grid-row:3}

/* Counter housing stays black independently of the archive color scheme. */
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-meter,
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-meter [data-tape-counter],
html[data-design] #tidalPlayer .deck-chassis .deck-vu .deck-meter [data-tape-counter]>span{
 background:#000!important;color:#fff!important;border-color:#555!important;
}

/* Track follows the same labelled-row pattern as artist, album and playlists. */
.deck-track-title{display:flex;align-items:baseline;gap:.35em;min-width:0;max-width:100%}
.deck-track-title>b{flex:none;font:inherit;font-weight:600}
html[data-design="commander"] #tidalPlayer .deck-track-title>b{font-size:var(--directory-font-size,18px)!important;line-height:1.35!important}
.deck-track-info .deck-track-title>strong{flex:1;min-width:0;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Commander desktop: the meter follows the exact right-pane width. */
@media(min-width:1100px){
 html[data-design="commander"] .dual-host #tidalPlayer{margin:0 0 8px;border:0;background:var(--paper)!important}
 html[data-design="commander"] .dual-host #tidalPlayer>.tidal-player-table{border:3px double var(--line)}
 html[data-design="commander"] .dual-host #tidalPlayer>.tidal-player-table>tbody>tr:nth-child(2)>td{padding:0!important;border-inline:0!important}
 html[data-design="commander"] .dual-host #tidalPlayer .deck-chassis{display:grid!important;margin:0;padding:0!important;border:0!important;gap:0!important}
 html[data-design="commander"] .dual-host #tidalPlayer .deck-chassis .deck-display{display:grid!important;grid-template-columns:minmax(0,var(--commander-player-split,50%)) var(--commander-player-pane-width,calc((100vw - 24px)/2));gap:0;align-items:stretch}
 html[data-design="commander"] .dual-host #tidalPlayer .deck-display>.deck-track-info{padding:12px;box-sizing:border-box}
 html[data-design="commander"] .dual-host #tidalPlayer .deck-chassis .deck-display>.deck-vu{width:100%;max-width:none;min-width:0;margin:0;flex:none}
}
/* One continuous transport row: a shared top edge and internal dividers. */
html[data-design="commander"] #tidalPlayer .deck-chassis .commander-transport{margin:0!important;border-collapse:collapse!important;width:100%!important;border-top:1px solid var(--line)!important}
html[data-design="commander"] #tidalPlayer .deck-chassis .commander-transport td{padding:0!important;border:0!important;border-top:1px solid var(--line)!important}
html[data-design="commander"] #tidalPlayer .deck-chassis .commander-transport td+td{border-left:1px solid var(--line)!important}
html[data-design="commander"] #tidalPlayer .deck-chassis .commander-transport td>button{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* Compact players: meter and keys first, followed by all track details. */
@media(max-width:1099px){
 html[data-design] #tidalPlayer .deck-chassis{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;gap:0!important}
 html[data-design] #tidalPlayer .deck-chassis .deck-display{display:contents!important}
 html[data-design] #tidalPlayer .deck-chassis .deck-display>.deck-vu{grid-column:1!important;grid-row:1!important;justify-self:stretch;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
 html[data-design] #tidalPlayer .deck-chassis :is(.commander-transport,.tidal-controls){grid-column:1!important;grid-row:2!important}
 html[data-design] #tidalPlayer .deck-chassis .deck-display>.deck-track-info{grid-column:1!important;grid-row:3!important;width:100%;box-sizing:border-box;padding:10px;border-top:1px solid var(--line)}
}
/* Keep the six scale labels on one line on the smallest Classic phones. */
@media(max-width:360px){
 html[data-design="classic"] #tidalPlayer .deck-vu-scale{margin-left:0;font-size:8px}
 html[data-design="classic"] #tidalPlayer .deck-vu-scale>span{white-space:nowrap}
}
/* Classic: meter and controls first, then the complete track information. */
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-display{grid-column:1;grid-row:1;display:block!important}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-display>.deck-vu{width:100%;max-width:none;margin:0;box-sizing:border-box}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-track-info{grid-column:1;grid-row:3;min-width:0;padding-top:8px}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-track-info .deck-track-title>strong{white-space:normal;overflow-wrap:anywhere}

/* Classic meter scales with its player panel at every window width. */
html[data-design="classic"] #tidalPlayer .deck-chassis{container-type:inline-size}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-display{width:100%;min-width:0}
html[data-design="classic"] #tidalPlayer .deck-chassis .deck-display>.deck-vu{width:100%!important;max-width:none!important;min-width:0;flex:none;grid-template-columns:clamp(82px,12cqw,140px) minmax(0,1fr);column-gap:clamp(12px,2cqw,28px);padding:clamp(20px,2.5cqw,34px) clamp(12px,2cqw,28px) 14px!important}
html[data-design="classic"] #tidalPlayer .deck-chassis .deck-vu .deck-vu-row i{height:clamp(11px,1.8cqw,22px);max-width:5px}
html[data-design="classic"] #tidalPlayer .deck-chassis .deck-vu [data-tape-counter]{font-size:clamp(22px,3cqw,36px)!important}
html[data-design="classic"] #tidalPlayer .deck-chassis .deck-vu .deck-vu-scale{font-size:clamp(9px,1.1cqw,13px)}

/* Keep Classic player order identical on narrow and wide displays. */
html[data-design="classic"] #tidalPlayer .deck-chassis{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;align-items:stretch}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-display{grid-area:1 / 1!important;display:block!important}
html[data-design="classic"] #tidalPlayer .deck-chassis>.tidal-controls{grid-area:2 / 1!important}
html[data-design="classic"] #tidalPlayer .deck-chassis>.deck-track-info{grid-area:3 / 1!important;width:100%;box-sizing:border-box}


/* Playback status is already shown in the meter; no duplicate header row. */
#tidalPlayer .player-status-internal{display:none!important}

/* Classic number drums: each fixed window clips one centered digit at a time. */
html[data-design="classic"] #tidalPlayer .deck-vu{grid-template-columns:100px minmax(0,1fr)}
html[data-design="classic"] #tidalPlayer .deck-chassis .deck-display>.deck-vu{grid-template-columns:clamp(100px,12cqw,140px) minmax(0,1fr)}
html[data-design="classic"] #tidalPlayer .deck-vu [data-tape-counter]{gap:2px;box-sizing:border-box;white-space:nowrap}
html[data-design="classic"] #tidalPlayer .deck-vu [data-tape-counter]>span{
 display:block!important;position:relative;box-sizing:border-box;flex:0 0 1.04em;
 width:1.04em!important;min-width:0!important;height:1.2em!important;
 padding:0!important;margin:0!important;overflow:hidden;text-align:center;
 line-height:1.2em!important;font:inherit;vertical-align:middle;perspective:5em;
}
html[data-design="classic"] #tidalPlayer .deck-vu .mechanical-digit .counter-wheel{
 display:block!important;position:absolute;inset:0;box-sizing:border-box;width:100%;height:1.2em;
 padding:0!important;margin:0!important;border:0!important;
 line-height:1.2em!important;transform-style:preserve-3d;will-change:transform;
}
html[data-design="classic"] #tidalPlayer .deck-vu .counter-wheel>span{
 display:grid!important;position:absolute;inset:0;place-items:center;box-sizing:border-box;width:100%;height:1.2em;
 min-height:0!important;padding:0!important;margin:0!important;border:0!important;
 line-height:1.2em!important;font:inherit;text-align:center;background:#000!important;
 backface-visibility:hidden;
}
html[data-design="classic"] #tidalPlayer .deck-vu .counter-wheel>span:first-child{transform:translateZ(.6em)}

/* Honest preview limitation shared by both player themes. */
html[data-design] #tidalPlayer .tidal-preview-note{display:block;margin:10px 0 0;font:inherit;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:inherit;opacity:.82}
html[data-design="classic"] #tidalPlayer .tidal-preview-note{font-family:Arial,Helvetica,sans-serif;color:#49544d}

/* Commander mechanical counter uses the same ten-face drums as Classic. */
html[data-design="commander"] #tidalPlayer .deck-vu [data-tape-counter]>span{display:block!important;position:relative;box-sizing:border-box;flex:0 0 1.04em;width:1.04em!important;min-width:0!important;height:1.2em!important;padding:0!important;margin:0!important;overflow:hidden;text-align:center;line-height:1.2em!important;font:inherit;perspective:5em}
html[data-design="commander"] #tidalPlayer .deck-vu .commander-counter-drum{position:absolute;inset:0;display:block!important;width:100%;height:1.2em;transform-style:preserve-3d;will-change:transform;border:0!important;padding:0!important;margin:0!important}
html[data-design="commander"] #tidalPlayer .deck-vu .commander-counter-drum>span{position:absolute;inset:0;display:grid!important;place-items:center;width:100%;height:1.2em;box-sizing:border-box;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:#080a08!important;color:#edeede;line-height:1.2em!important;font:inherit;text-align:center;backface-visibility:hidden}

/* The shared player occupies the panel opposite the chosen track. */
@media (min-width:1100px){
 html[data-design="commander"] .dual-panel.player-open > iframe{display:none}
 html[data-design="commander"] .dual-panel.player-open #tidalPlayer{flex:1;min-height:0;overflow:auto;margin:0;background:var(--paper)!important}
 html[data-design="commander"] .dual-panel.player-open #tidalPlayer .deck-chassis .deck-display{display:flex!important;flex-direction:column;gap:0}
 html[data-design="commander"] .dual-panel.player-open #tidalPlayer .deck-display>.deck-track-info{order:2;width:100%}
 html[data-design="commander"] .dual-panel.player-open #tidalPlayer .deck-display>.deck-vu{order:1;width:100%}
}