/* Reference-layout refinement: original dark deck, exposed cassette and five real transports. */
.deck-stage{grid-template-columns:minmax(0,1fr) minmax(0,2.439111fr);gap:40px;align-items:start}
.release-tape-shelf{width:100%;max-width:100%;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:24px}
/* The 686-unit painted shell sits inside the unchanged 720-unit cassette canvas. */
.release-shelf-artwork{width:calc(var(--tape-home-width,98%) * .952777778);max-width:95.277778%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 20px #18364d1a}
.release-shelf-artwork>img{width:100%;height:100%;object-fit:contain}.release-shelf-artwork>.cover-fallback{height:100%;aspect-ratio:1}
.release-tape-shelf [data-tape-home]{position:relative;left:auto;top:auto;display:block;width:min(98%,var(--tape-home-width,100%));height:auto;min-height:0;padding:0;margin:0;aspect-ratio:720/460;border:0;background:none}
/* Quiet return outline follows the cassette's real 720:460 shell, without a new hitbox. */
.release-tape-shelf [data-tape-home]::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 460'%3E%3Cg fill='none' stroke='%23758f9e' stroke-width='3.2'%3E%3Cpath stroke-dasharray='11 10' d='M45 34H675Q702 34 702 61V393Q702 422 674 422H46Q18 422 18 394V62Q18 34 45 34Z'/%3E%3Cg opacity='.45'%3E%3Ccircle cx='207' cy='262' r='52'/%3E%3Ccircle cx='513' cy='262' r='52'/%3E%3Cpath d='M248 353H472L503 421H217Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");transition:opacity 180ms ease}
.deck-stage.is-loaded .release-tape-shelf [data-tape-home]::after{opacity:.65;transition:opacity 650ms cubic-bezier(.22,.61,.36,1) 320ms}
.deck-stage.is-loaded .release-tape-shelf [data-tape-home].is-drop-target::after{opacity:1;transition:opacity 160ms ease}
@media(prefers-reduced-motion:reduce){.release-tape-shelf [data-tape-home]::after{transition:none!important}}
:root[data-reduced-motion="true"] .release-tape-shelf [data-tape-home]::after{transition:none!important}
.release-tape-shelf .small-caption{margin:0;max-width:31ch;text-align:center;color:var(--muted)}
.deck-stage[data-tape-exposed="true"]>[data-tape]{width:var(--tape-home-width,234px);z-index:8}
.deck-stage[data-tape-exposed="true"].is-loaded>[data-tape]{width:var(--tape-loaded-width,var(--tape-home-width,234px))}
[data-tape-home]>[data-tape]{position:relative;width:100%;margin:0}[data-tape-exposed="true"] [data-tape-grip]{visibility:visible}
.deck-hardware .deck-slot{left:8.59375%;top:18.243243%;width:50%;height:55.270270%;border:0;border-radius:3px;box-shadow:none}
.bay-interior-layer,.bay-glass-layer>img{left:-17.1875%;top:-33.007335%;width:200%;height:180.929095%}.bay-glass-layer{border-radius:3px}
.deck-status{position:absolute;left:66.796875%;top:76.351351%;width:25.78125%;text-align:center;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#b0c7d4;font:clamp(9px,.8vw,16px)/1.4 Consolas,monospace;z-index:4}
@media(min-width:581px){.deck-hardware:not(.text-reflow) .deck-controls{left:8.59375%;top:76.351351%;width:50%;height:10.810811%;gap:0}.deck-hardware:not(.text-reflow) .deck-controls .device-key{position:absolute;left:0;top:50%;transform:translateY(-50%);width:17.5%;height:100%}.deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(2){left:19.375%;width:17.5%}.deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(3){left:38.75%;width:17.5%}.deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(4){left:58.125%;width:17.5%}.deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(5){left:77.5%;width:22.5%}}
/* Finite seek alone sits outside the strictly image-sized canonical hardware anchor. */
.deck-utilities{color-scheme:dark;--text:#eef6fa;--muted:#a6b5bf;--cyan:#8ae6ed;background:#111a20;border:1px solid #3a4851;border-top:0;border-radius:0 0 10px 10px;min-height:0;padding:10px 18px;gap:12px;box-shadow:none}
.deck-utilities .local-progress{min-width:0;flex:1 1 100%;width:100%}.deck-utilities .local-progress input{min-width:44px;accent-color:#8ae6ed}
.deck-knob{position:absolute;left:71.09375%;top:31.081081%;width:17.1875%;height:29.729730%;z-index:5;display:block;cursor:ns-resize;margin:0}
.deck-knob-face{position:absolute;inset:0;background:transparent url('../assets/hardware/oc-receiver-knob-face.svg') center/100% 100% no-repeat;pointer-events:none}
.deck-knob-indicator{position:absolute;inset:0;transform-origin:50% 50%;pointer-events:none}.deck-knob-indicator:before{content:'';position:absolute;width:3%;height:15%;left:48.5%;top:11%;background:#8ae6ed;border-radius:3px;box-shadow:0 0 6px #8ae6ed55}
.deck-knob input{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:44px;min-width:44px;margin:0;opacity:0;cursor:ns-resize;touch-action:none}
.deck-knob:focus-within{outline:2px solid #8ae6ed;outline-offset:5px}.deck-knob-label{position:absolute;top:125%;left:50%;width:max-content;transform:translate(-50%,-100%);color:#eef6fa;font:600 clamp(10px,.9vw,16px)/1.2 Consolas,monospace;letter-spacing:.08em;pointer-events:none}
/* TV has one host-painted semantic power face; baked asset power group is empty. */
.tv-power{display:grid;place-items:center;padding:0;background:radial-gradient(ellipse at 35% 25%,#4b606e,#263b49 50%,#142733 100%);border:1px solid #72909f;box-shadow:inset 0 1px 1px #d4e8f233,inset 0 -2px 3px #07121a99,0 3px 4px #0006;color:#e3f0f5;font-size:clamp(18px,1.6vw,28px);line-height:1;border-radius:50%}

@media(max-width:1100px){.deck-stage{grid-template-columns:minmax(0,1fr) minmax(0,2.439111fr);gap:24px}.release-tape-shelf{max-width:100%}}
@media(max-width:900px){.deck-stage{grid-template-columns:1fr;gap:32px}.release-tape-shelf{max-width:clamp(260px,42%,400px)}}

/* Compact readable front: cassette window and dial share a row; five transports stay together. */
.deck-hardware.text-reflow{padding:16px 14px 14px;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) clamp(64px,17vw,88px);gap:12px;align-items:center}
.deck-hardware.text-reflow::before{grid-column:1/-1;grid-row:1}
.deck-hardware.text-reflow .deck-slot{position:relative;left:auto;top:auto;width:min(100%,var(--tape-reflow-bay-width,100%));height:auto;min-height:0;aspect-ratio:720/460;grid-column:1;grid-row:2;justify-self:center}
.deck-hardware.text-reflow .deck-knob{position:relative;left:auto;top:auto;width:min(100%,clamp(44px,calc(17.5vw - 12px),88px));height:auto;aspect-ratio:1;grid-column:2;grid-row:2;justify-self:center;align-self:center;margin:0}
.deck-hardware.text-reflow .deck-knob-label{top:calc(100% + 12px);transform:translateX(-50%);font-size:clamp(8px,calc(1vw + 4px),10px)}
.deck-hardware.text-reflow .deck-controls{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;grid-column:1/-1;grid-row:3}
.deck-hardware.text-reflow .deck-controls .device-key{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-width:44px;min-height:48px;padding:6px 0;grid-column:auto}
.deck-hardware.text-reflow .deck-status{position:relative;left:auto;top:auto;width:100%;height:auto;font-size:10px;grid-column:1/-1;grid-row:4}
.deck-hardware.text-reflow>.device-state-light{left:auto;right:16px;top:22px;width:18px;height:3px}
@media(max-width:580px){
.deck-hardware{padding:16px 14px 14px;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) clamp(64px,17vw,88px);gap:12px;align-items:center}
.deck-hardware::before{grid-column:1/-1;grid-row:1}
.deck-hardware .deck-slot{position:relative;left:auto;top:auto;width:min(100%,var(--tape-reflow-bay-width,100%));height:auto;min-height:0;aspect-ratio:720/460;grid-column:1;grid-row:2;justify-self:center}
.deck-hardware .deck-knob{position:relative;left:auto;top:auto;width:min(100%,clamp(44px,calc(17.5vw - 12px),88px));height:auto;aspect-ratio:1;grid-column:2;grid-row:2;justify-self:center;align-self:center;margin:0}
.deck-hardware .deck-knob-label{top:calc(100% + 12px);transform:translateX(-50%);font-size:clamp(8px,calc(1vw + 4px),10px)}
.deck-hardware .deck-controls{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;grid-column:1/-1;grid-row:3}
.deck-hardware .deck-controls .device-key{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-width:44px;min-height:48px;padding:6px 0;grid-column:auto}
.deck-hardware .deck-status{position:relative;left:auto;top:auto;width:100%;height:auto;font-size:10px;grid-column:1/-1;grid-row:4}
.deck-hardware>.device-state-light{left:auto;right:16px;top:22px;width:18px;height:3px}
.deck-utilities{padding:10px 12px}.tv-power{width:44px;height:48px}
}
@media(min-width:3000px){.deck-stage{grid-template-columns:minmax(0,1fr) minmax(0,2.439111fr);gap:80px}.release-tape-shelf{max-width:100%}}
/* Winding is shown only while the media owner reports actual position movement. */
[data-tape-wind="rewind"] [id$="reel-left-spin"],[data-tape-wind="rewind"] [id$="reel-right-spin"]{animation:reel .32s linear infinite reverse}
[data-tape-wind="fast-forward"] [id$="reel-left-spin"],[data-tape-wind="fast-forward"] [id$="reel-right-spin"]{animation:reel .32s linear infinite}

/* Direct release-title ink on smoked plastic, never a paper or filled label plate. */
.tape-label{left:11.527778%;right:auto;top:15.869565%;width:68.055556%;height:20%;display:flex;align-items:center;justify-content:flex-start;padding:0;background:none;border:0;box-shadow:none;color:#b6c5c5;font-family:'Trebuchet MS','Arial Narrow',Arial,sans-serif;font-weight:600;font-style:normal;font-size:var(--tape-letter-size,clamp(8px,.82vw,26px));letter-spacing:.035em;line-height:1.08;white-space:normal;text-overflow:clip;overflow:hidden;text-transform:uppercase;text-align:left}
@media(min-width:581px){.deck-hardware:not(.text-reflow)>.device-state-light{left:92.1875%;top:15.135135%;width:1.5625%;height:.540541%}}

/* Enlarged print stays within the smoked upper panel; normal lettering is unchanged. */
.tape-label>span{display:block;min-width:0;width:100%}.tape.has-large-print .tape-label{height:25%}
.tape-label .tape-title-support{display:inline-block;max-width:100%}.tape.has-large-print .tape-label .tape-title-support{display:inline}
.tape.has-large-print .tape-label{letter-spacing:0}.tape.has-large-print .tape-label>span{word-break:break-all}
/* Two border pixels leave a full 200px player viewport on small televisions. */
@media(max-width:580px){.tv-screen{min-height:202px}.tv-screen video{object-fit:contain}}
/* Blank smoked CRT glass and one finite, noninteractive power presentation. */
.tv-screen .tv-idle{background:linear-gradient(145deg,#b0c2c50b,transparent 42%),radial-gradient(ellipse at 45% 28%,#1a252b,#080e12 75%);padding:0;pointer-events:none}
.tv-screen .crt-effect{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;background:#070c10}
.tv-screen .crt-beam{position:absolute;inset:0;transform-origin:50% 50%;background:#c1d5d5;border-radius:1px;box-shadow:0 0 12px #abcbd540}
.tv-screen[data-crt-power="off"] [data-video-mount]{visibility:hidden}
@media(prefers-reduced-motion:reduce){.tv-screen .crt-effect{display:none!important}}
:root[data-reduced-motion="true"] .tv-screen .crt-effect{display:none!important}
.tv-screen [data-video-mount] video,.tv-screen [data-video-mount] iframe{transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.tv-screen [data-video-mount] video,.tv-screen [data-video-mount] iframe{transform:none!important}}
:root[data-reduced-motion="true"] .tv-screen [data-video-mount] video,:root[data-reduced-motion="true"] .tv-screen [data-video-mount] iframe{transform:none!important}
/* Persistent transports have visible tactile and current-state feedback. */
.persistent-player .player-transport button{transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 0 #ffffff12}
.persistent-player .player-transport button:hover:not(:disabled){background:#29414e;border-color:#b9ecf0;box-shadow:inset 0 1px 0 #ffffff30,0 0 0 1px #8ae6ed35}
.persistent-player .player-transport button:active:not(:disabled){background:#071219;box-shadow:inset 0 2px 5px #000b;transform:translateY(1px)}
.persistent-player .player-transport .player-main:hover:not(:disabled){background:#b7f2f5;color:#10222d}
.persistent-player .player-transport .player-main:active:not(:disabled){background:#69bdc6;color:#10222d}
.persistent-player .player-transport .player-main[data-playback-state="playing"]{box-shadow:inset 0 0 0 2px #183640,inset 0 0 0 3px #b5f4f6}
.persistent-player .player-transport button[aria-pressed="true"]{border-style:double;border-width:3px;background:#24404b}
.persistent-player .player-transport .player-mute{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:6px;border-radius:50%}
.persistent-player .player-mute svg{width:20px;height:20px;flex:none}
@media(prefers-reduced-motion:reduce){.persistent-player .player-transport button{transition:none}.persistent-player .player-transport button:active{transform:none}}
/* Match the printed fascia label when the responsive receiver uses its CSS shell. */
@media(max-width:900px){.receiver-hardware::before{font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:3.2px;color:#b9c5c6}}
/* Gate only startup paint; the provider's validated layout remains full-size. */
.tv-screen[data-crt-waiting]::after{content:'';position:absolute;inset:0;z-index:5;background:#070c10;pointer-events:none}
.tv-screen .tv-idle{padding:25px}
.tv-idle-copy{display:flex;flex-direction:column;align-items:center;max-width:100%;opacity:0;transition:none}
.tv-screen .tv-idle-copy{width:100%}
.tv-screen .tv-idle-copy [data-tv-instructions]{max-width:100%;text-align:center}
.tv-screen[data-crt-instructions="visible"] .tv-idle-copy{opacity:1;transition:opacity 1200ms ease}
@media(max-width:580px){.tv-screen .tv-idle{padding:16px}}
@media(prefers-reduced-motion:reduce){.tv-screen .tv-idle-copy{transition:none!important}}
:root[data-reduced-motion="true"] .tv-screen .tv-idle-copy{transition:none!important}
/* Fit only receiver metadata; label and status retain their own natural heights. */
.receiver-display>*{flex-shrink:0}
.receiver-hardware.text-reflow{padding:28px;border:1px solid #454c52;border-radius:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(155deg,#354047,#182127);box-shadow:inset 0 1px 0 #cbd5dc24,0 16px 22px #0006}
.receiver-hardware.text-reflow>.hardware-skin{display:none}
.receiver-hardware.text-reflow::before{content:'LIVE RECEIVER';font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:3.2px;color:#b9c5c6;grid-column:1/-1}
.receiver-hardware.text-reflow .receiver-display{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:160px;grid-column:1/-1;border:1px solid #4a626f;border-radius:5px;padding:25px}
.receiver-hardware.text-reflow .receiver-controls,.receiver-hardware.text-reflow .receiver-watch,.receiver-hardware.text-reflow .receiver-reconnect{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:48px}
.receiver-hardware.text-reflow .receiver-controls .device-key,.receiver-hardware.text-reflow .receiver-watch,.receiver-hardware.text-reflow .receiver-reconnect{border:1px solid #596d78;background:linear-gradient(#425661,#263844);border-radius:5px;min-height:48px}
.receiver-hardware.text-reflow .receiver-knob{position:relative;left:auto;top:auto;width:96px;height:96px;grid-column:2;justify-self:center;margin-bottom:20px;display:block}
.receiver-hardware.text-reflow>.device-state-light{left:auto;right:28px;top:29px;width:20px;height:3px}

/* Owner-requested quiet fascia and circular deck focus, without hardware geometry changes. */
.deck-knob{border-radius:50%}
.deck-status.is-quiet-status{opacity:0;pointer-events:none}

/* Compact receivers keep the display and proportional dial on one row, like the deck. */
.receiver-hardware.text-reflow{padding:16px 14px 14px;max-width:100%;grid-template-columns:repeat(3,minmax(44px,1fr)) clamp(64px,17vw,88px);gap:12px;align-items:center}
.receiver-hardware.text-reflow::before{grid-column:1/-1;grid-row:1;padding-right:28px}
.receiver-hardware.text-reflow .receiver-display{grid-column:1/4;grid-row:2;min-width:0;min-height:145px;padding:14px}
.receiver-hardware.text-reflow .receiver-controls{grid-column:1;grid-row:3}
.receiver-hardware.text-reflow .receiver-reconnect{grid-column:2;grid-row:3}
.receiver-hardware.text-reflow .receiver-watch{grid-column:3;grid-row:3}
.receiver-hardware.text-reflow .device-key{min-width:44px;padding:6px 0}
.receiver-hardware.text-reflow .receiver-knob{width:min(100%,clamp(44px,calc(17.5vw - 12px),88px));height:auto;aspect-ratio:1;grid-column:4;grid-row:2;align-self:center;margin:0}
.receiver-hardware.text-reflow .receiver-knob>input[data-volume-knob]{width:100%;height:100%}
.receiver-hardware.text-reflow .receiver-knob-label{top:calc(100% + 12px);left:50%;width:max-content;transform:translateX(-50%);font-size:clamp(8px,calc(1vw + 4px),10px)}
.receiver-hardware.text-reflow>.device-state-light{right:16px;top:22px;width:18px;height:3px}
@media(max-width:900px){
.receiver-hardware{padding:16px 14px 14px;max-width:100%;grid-template-columns:repeat(3,minmax(44px,1fr)) clamp(64px,17vw,88px);gap:12px;align-items:center}
.receiver-hardware::before{grid-column:1/-1;grid-row:1;padding-right:28px}
.receiver-hardware .receiver-display{grid-column:1/4;grid-row:2;min-width:0;min-height:145px;padding:14px}
.receiver-hardware .receiver-controls{grid-column:1;grid-row:3}
.receiver-hardware .receiver-reconnect{grid-column:2;grid-row:3}
.receiver-hardware .receiver-watch{grid-column:3;grid-row:3}
.receiver-hardware .device-key{min-width:44px;padding:6px 0}
.receiver-hardware .receiver-knob{width:min(100%,clamp(44px,calc(17.5vw - 12px),88px));height:auto;aspect-ratio:1;grid-column:4;grid-row:2;align-self:center;margin:0}
.receiver-hardware .receiver-knob>input[data-volume-knob]{width:100%;height:100%}
.receiver-hardware .receiver-knob-label{top:calc(100% + 12px);left:50%;width:max-content;transform:translateX(-50%);font-size:clamp(8px,calc(1vw + 4px),10px)}
.receiver-hardware>.device-state-light{right:16px;top:22px;width:18px;height:3px}

/* Switch before the SVG fascia becomes shallower than the native 44px controls. */
.tv-hardware{padding:14px 10px 20px;border:1px solid #454c52;border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px 24px;background:linear-gradient(115deg,#e6edf206,transparent 38%),repeating-linear-gradient(0deg,#e8f3fa03 0 1px,transparent 1px 5px),linear-gradient(155deg,var(--oc-metal-light),var(--oc-metal-upper) 18%,var(--oc-metal-mid) 58%,var(--oc-metal-dark));box-shadow:inset 0 1px 0 #cbd5dc24,inset 1px 0 0 #cbd5dc0a,inset -1px -2px 0 #03080d99,0 16px 22px #0006;filter:drop-shadow(0 15px 15px #0006)}
.tv-hardware>.hardware-skin{display:none}
.tv-hardware .tv-screen{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:16/9;min-height:202px;grid-column:1/-1;grid-row:1;display:grid;border:1px solid #354650;border-radius:4px;background:#080f14;box-shadow:inset 0 2px 5px #000b,0 1px 0 #c2d4e11a}
.tv-hardware .tv-screen.text-reflow{aspect-ratio:auto}
.tv-hardware .tv-screen .tv-idle{position:relative;inset:auto;min-height:200px;padding:16px}
.tv-hardware .tv-screen video{object-fit:contain}
.tv-hardware .tv-source-controls{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:48px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:8px;grid-column:1;grid-row:2}
.tv-hardware .tv-source-controls .device-key{min-width:44px;min-height:48px;padding:6px 0;font-size:10px;border:1px solid #50575b;background:linear-gradient(150deg,#474d51,#343b40 12%,#252c31 45%,#161e24 94%,#0c1217);box-shadow:inset 0 1px 0 #d8e4eb14,0 2px 2px #0005}
.tv-hardware .tv-source-controls button[aria-pressed="true"]{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan),inset 0 1px 0 #d8e4eb14}
.tv-hardware .tv-power{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:44px;height:44px;min-height:44px;grid-column:2;grid-row:2;align-self:center;background:radial-gradient(ellipse at 35% 25%,#4b606e,#263b49 50%,#142733 100%);border-color:#72909f}
.tv-hardware>.device-state-light{left:auto;right:64px;top:auto;bottom:42px;width:5px;height:5px}
}
/* R70: appliance mute feedback and typography; placement stays with the native dial. */
@keyframes knob-muted-breathe{0%,100%{opacity:.28}50%{opacity:1}}
:is(.deck-knob,.receiver-knob)[data-muted="true"] [data-volume-indicator]::before{background:#e57f79;box-shadow:0 0 6px #e57f794d;opacity:1;animation:knob-muted-breathe 2.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){:is(.deck-knob,.receiver-knob)[data-muted="true"] [data-volume-indicator]::before{animation:none!important;opacity:1}}
:root[data-reduced-motion="true"] :is(.deck-knob,.receiver-knob)[data-muted="true"] [data-volume-indicator]::before{animation:none!important;opacity:1}
.deck-knob-label{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;letter-spacing:.266666667em;color:#b9c5c6}
/* The plain dismissal mark shares the volume row; seek spans the full content width. */
#persistent-player .player-inner{grid-template-columns:minmax(120px,1fr) auto auto minmax(120px,180px) 44px;padding-right:0}
#persistent-player .player-close{position:static;grid-column:5;grid-row:1;align-self:center;justify-self:end;transform:none;border:0;border-radius:0;background:none;box-shadow:none;color:#a6b5bf}
#persistent-player .player-close:hover,#persistent-player .player-close:active{background:none;border-color:transparent;color:#eef6fa;box-shadow:none}
@media(max-width:800px){
 #persistent-player .player-inner{grid-template-columns:auto minmax(44px,1fr) 44px}
 #persistent-player .player-source-link{padding-right:0}
 #persistent-player .player-status{padding-right:0}
 #persistent-player .player-close{grid-column:3;grid-row:3}
}
@media(max-width:380px){
 #persistent-player .player-volume{grid-column:1/3}
 #persistent-player .player-close{grid-column:3;grid-row:4}
}
/* R71: original receiver parts remain the default family, even without container queries. */
.radio-room{container-type:inline-size}
:is(.receiver-hardware,.receiver-hardware.text-reflow){position:relative;display:grid;grid-template-columns:minmax(88px,1fr) 44px 44px;gap:10px 8px;align-items:center;max-width:100%;padding:10px 8px 14px;border:24px solid transparent;border-radius:0;border-image:url('../assets/hardware/oc-receiver-frame.svg') 52 fill / 24px stretch;background:none;box-shadow:none;margin-bottom:max(10px,1.7242cqw)}
:is(.receiver-hardware,.receiver-hardware.text-reflow)>.hardware-skin{display:none}
:is(.receiver-hardware,.receiver-hardware.text-reflow)::before{content:'';grid-column:1/-1;grid-row:1;display:block;width:clamp(78.17px,9.3056vw,134px);width:clamp(78.17px,9.3056cqw,134px);height:auto;aspect-ratio:134/16;padding:0;background:url('../assets/hardware/oc-receiver-brand.svg') left center/contain no-repeat}
:is(.receiver-hardware,.receiver-hardware.text-reflow)::after{content:'';position:absolute;left:6.25%;top:calc(100% + 24px);width:87.5%;height:auto;aspect-ratio:1218/24;background:url('../assets/hardware/oc-receiver-foot.svg') center/100% 100% no-repeat;pointer-events:none}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display{position:relative;left:auto;top:auto;width:100%;height:auto;min-width:0;min-height:96px;grid-column:1/3;grid-row:2;padding:8px;border:8px solid transparent;border-image:url('../assets/hardware/oc-receiver-display-frame.svg') 24 / 8px stretch;border-radius:10px;background:#081017;background-clip:padding-box;overflow:visible;box-shadow:inset 0 2px 5px #000b}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display strong{font-size:clamp(.95rem,2.4vw,2rem);font-size:clamp(.95rem,2.4cqw,2rem)}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display .readout-label{font-size:.5625rem}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display p{font-size:.625rem}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-controls{position:relative;left:auto;top:auto;width:100%;height:44px;min-height:44px;grid-column:1;grid-row:3}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-controls .device-key{position:relative;width:100%;height:100%;min-width:44px;min-height:44px;padding:4px 0;border:0;border-radius:0;background:url('../assets/hardware/oc-receiver-listen-cap.svg') center/contain no-repeat;box-shadow:none;font-size:10px}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect,:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch{position:relative;left:auto;top:auto;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;transform:none;border:0;border-radius:0;background:url('../assets/hardware/oc-receiver-reconnect-cap.svg') center/contain no-repeat;box-shadow:none;font-size:17px;grid-row:3}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect{grid-column:2}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch{grid-column:3}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob{position:relative;left:auto;top:auto;width:clamp(44px,10vw,88px);width:clamp(44px,10cqw,88px);height:auto;aspect-ratio:1;grid-column:3;grid-row:2;align-self:center;justify-self:center;margin:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob::before{content:'';position:absolute;inset:-12.5%;background:url('../assets/hardware/oc-receiver-dial-scale.svg') center/100% 100% no-repeat;pointer-events:none}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob>input[data-volume-knob]{width:100%;height:100%;min-width:44px;min-height:44px}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob-label{top:calc(100% + 12px);left:50%;width:max-content;transform:translateX(-50%);font-size:clamp(8px,1cqw,10px)}
:is(.receiver-hardware,.receiver-hardware.text-reflow)>.device-state-light{left:auto;right:4px;top:15px;width:18px;height:3px}
@container(min-width:430px){
 :is(.receiver-hardware,.receiver-hardware.text-reflow){grid-template-columns:44px 44px minmax(0,1fr) clamp(44px,10cqw,88px);gap:8px 10px}
 :is(.receiver-hardware,.receiver-hardware.text-reflow)::before{grid-row:1}
 :is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display{grid-column:3;grid-row:2/4;min-height:126px}
 :is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-controls{grid-column:1/3;grid-row:2;align-self:end}
 :is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect{grid-column:1;grid-row:3;align-self:start}
 :is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch{grid-column:2;grid-row:3;align-self:start}
 :is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob{grid-column:4;grid-row:2/4}
}
@container(min-width:821px){
 .receiver-hardware:not(.text-reflow){display:block;padding:0;border:0;border-image:none;background:none;box-shadow:none;margin-bottom:0}
 .receiver-hardware:not(.text-reflow)>.hardware-skin{display:block}
 .receiver-hardware:not(.text-reflow)::before,.receiver-hardware:not(.text-reflow)::after{content:none}
 .receiver-hardware:not(.text-reflow) .receiver-display{position:absolute;left:20.139%;top:23.333%;width:54.861%;height:48.718%;min-height:0;padding:clamp(8px,2cqw,32px);border:0;border-image:none;border-radius:0;background:#081017;overflow:hidden;box-shadow:none}
 .receiver-hardware:not(.text-reflow) .receiver-display strong{font-size:clamp(.95rem,2.4vw,2rem)}
 .receiver-hardware:not(.text-reflow) .receiver-display .readout-label{font-size:9px}
 .receiver-hardware:not(.text-reflow) .receiver-display p{font-size:9px}
 .receiver-hardware:not(.text-reflow) .receiver-controls{position:absolute;left:5.764%;top:29.744%;width:10%;height:16.41%;min-height:0}
 .receiver-hardware:not(.text-reflow) .receiver-controls .device-key{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:100%;background:none;border:0;border-radius:5px;box-shadow:none}
 .receiver-hardware:not(.text-reflow) .receiver-reconnect,.receiver-hardware:not(.text-reflow) .receiver-watch{position:absolute;top:57.95%;width:max(4.514%,44px);height:max(15.9%,44px);transform:translate(-50%,-50%);background:none;border:0;border-radius:5px;box-shadow:none}
 .receiver-hardware:not(.text-reflow) .receiver-reconnect{left:8.017%}
 .receiver-hardware:not(.text-reflow) .receiver-watch{left:13.507%}
 .receiver-hardware:not(.text-reflow) .receiver-knob{position:absolute;left:83.6111%;top:29.7436%;width:10%;height:36.9231%;margin:0}
 .receiver-hardware:not(.text-reflow) .receiver-knob::before{content:none}
 .receiver-hardware:not(.text-reflow) .receiver-knob-label{top:107%;left:-10%;width:120%;transform:none;font-size:8px}
 .receiver-hardware:not(.text-reflow)>.device-state-light{left:auto;top:14.872%;right:6.25%;width:3.194%;height:.769%;min-height:2px}
}

@container(min-width:1000px){.receiver-hardware:not(.text-reflow) .receiver-display{padding:clamp(12px,2.6vw,32px)}}
/* R72: original-source deck and monitor parts are the readable base family. */
.deck-stage{container-type:inline-size}
:is(.deck-hardware,.deck-hardware.text-reflow){position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(44px,17vw,88px);grid-template-columns:minmax(0,1fr) clamp(44px,17cqw,88px);gap:14px 12px;align-items:center;min-width:0;max-width:100%;padding:8px 0 10px;border:12px solid transparent;border-image:url('../assets/hardware/oc-deck-frame.svg') 40 fill / 12px stretch;border-radius:0;background:none;box-shadow:none;margin-bottom:14px}
:is(.deck-hardware,.deck-hardware.text-reflow)>.hardware-skin{display:none}
:is(.deck-hardware,.deck-hardware.text-reflow)::before{content:'';display:block;grid-column:1/-1;grid-row:1;width:84px;height:auto;aspect-ratio:144/16;padding:0;background:url('../assets/hardware/oc-deck-brand.svg') left center/contain no-repeat}
:is(.deck-hardware,.deck-hardware.text-reflow)::after{content:'';position:absolute;left:6.956%;top:calc(100% + 12px);width:86.5794%;height:auto;aspect-ratio:1058/42;background:url('../assets/hardware/oc-deck-foot.svg') center/100% 100% no-repeat;pointer-events:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-slot{position:relative;left:auto;top:auto;width:min(92%,var(--tape-reflow-bay-width,92%),calc(34vw + 82px));width:min(92%,var(--tape-reflow-bay-width,92%),calc(34cqw + 82px));height:auto;min-height:0;aspect-ratio:720/460;grid-column:1;grid-row:2;justify-self:start;margin-inline-start:clamp(4px,calc(8.59375cqw - 12px),32px);border:0;border-image:url('../assets/hardware/oc-deck-bay-frame.svg') 20 / 4px / 4px stretch;border-radius:3px;box-shadow:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob{position:relative;left:auto;top:auto;width:min(100%,clamp(44px,17vw,88px));width:min(100%,clamp(44px,17cqw,88px));height:auto;aspect-ratio:1;grid-column:2;grid-row:2;justify-self:center;align-self:center;margin:0 0 18px}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob::before{content:'';position:absolute;inset:-9.090909%;background:url('../assets/hardware/oc-deck-dial-scale.svg') center/100% 100% no-repeat;pointer-events:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob-label{top:calc(100% + 12px);left:50%;width:max-content;transform:translateX(-50%);font-size:clamp(8px,1vw,10px);font-size:clamp(8px,1cqw,10px)}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls{position:relative;left:auto;top:auto;width:min(100%,clamp(240px,50vw,320px));width:min(100%,clamp(240px,50cqw,320px));height:auto;display:grid;grid-template-columns:repeat(4,minmax(44px,1fr)) minmax(55.94px,1.271186fr);gap:2px;justify-self:start;margin-inline-start:max(0px,min(calc(8.59375cqw - 12px),calc(100% - clamp(240px,50cqw,320px))));grid-column:1/-1;grid-row:3}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-width:44px;min-height:44px;aspect-ratio:118/90;padding:6px 0;border:0;border-radius:2px;background:url('../assets/hardware/oc-deck-transport-cap.svg') center/100% 100% no-repeat;box-shadow:none;font-size:10px;grid-column:auto}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key:nth-child(5){left:auto;width:100%;aspect-ratio:150/90;background-image:url('../assets/hardware/oc-deck-eject-cap.svg')}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-status{position:relative;left:auto;top:auto;width:100%;height:auto;font-size:10px;grid-column:1/-1;grid-row:4;margin:0}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-status.is-quiet-status{position:absolute;left:0;bottom:0;top:auto}
:is(.deck-hardware,.deck-hardware.text-reflow)>.device-state-light{left:auto;right:4px;top:10px;width:14px;height:3px}
@container(min-width:430px) and (max-width:509.99px){
 .deck-hardware .deck-knob{right:calc(11.71875cqw - 12px)}
}
@container(min-width:510px){
 .deck-hardware:not(.text-reflow){display:block;padding:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;margin-bottom:0}
 .deck-hardware:not(.text-reflow)>.hardware-skin{display:block}
 .deck-hardware:not(.text-reflow)::before,.deck-hardware:not(.text-reflow)::after{content:none}
 .deck-hardware:not(.text-reflow) .deck-slot{position:absolute;left:8.59375%;top:18.243243%;width:50%;height:55.270270%;min-height:0;aspect-ratio:auto;margin-inline-start:0;border:0;border-image:none}
 .deck-hardware:not(.text-reflow) .deck-knob{position:absolute;left:71.09375%;top:31.081081%;width:17.1875%;height:29.729730%;aspect-ratio:auto;right:auto;margin:0}
 .deck-hardware:not(.text-reflow) .deck-knob::before{content:none}
 .deck-hardware:not(.text-reflow) .deck-knob-label{top:125%;left:50%;transform:translate(-50%,-100%);font-size:clamp(10px,.9vw,16px)}
 .deck-hardware:not(.text-reflow) .deck-controls{position:absolute;left:8.59375%;top:76.351351%;width:50%;height:10.810811%;display:flex;gap:0;margin-inline-start:0}
 .deck-hardware:not(.text-reflow) .deck-controls .device-key{position:absolute;left:0;top:50%;transform:translateY(-50%);width:17.5%;height:100%;min-height:44px;aspect-ratio:auto;padding:6px;background:none;border:0;border-radius:5px;box-shadow:none}
 .deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(2){left:19.375%;width:17.5%}
 .deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(3){left:38.75%;width:17.5%}
 .deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(4){left:58.125%;width:17.5%}
 .deck-hardware:not(.text-reflow) .deck-controls .device-key:nth-child(5){left:77.5%;width:22.5%;background:none}
 .deck-hardware:not(.text-reflow) .deck-status,.deck-hardware:not(.text-reflow) .deck-status.is-quiet-status{position:absolute;left:66.796875%;top:76.351351%;bottom:auto;width:25.78125%;font-size:clamp(9px,.8vw,16px)}
 .deck-hardware:not(.text-reflow)>.device-state-light{left:92.1875%;right:auto;top:15.135135%;width:1.5625%;height:.540541%}
}
.tv-room{container-type:inline-size}
.tv-hardware{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;min-width:0;padding:12px 4px 24px;border:16px solid transparent;border-image:url('../assets/hardware/oc-tv-frame.svg') 52 fill / 16px stretch;border-radius:0;background:none;box-shadow:none;margin-bottom:calc(clamp(16px,4.3939vw,46px) + 12px);margin-bottom:calc(clamp(16px,4.3939cqw,46px) + 12px)}
.tv-hardware>.hardware-skin{display:none}
.tv-hardware::before{content:'';display:block;grid-column:1/-1;grid-row:2;height:24px;background-image:url('../assets/hardware/oc-tv-vents.svg'),url('../assets/hardware/oc-tv-brand.svg'),url('../assets/hardware/oc-tv-fascia-seam.svg');background-position:left bottom,right bottom,left top;background-size:74px auto,111.42px auto,100% 2px;background-repeat:no-repeat;pointer-events:none}
.tv-hardware::after{content:'';position:absolute;left:11.1635%;top:calc(100% + 16px);width:77.673%;height:auto;aspect-ratio:988/58;background:url('../assets/hardware/oc-tv-foot.svg') center/100% 100% no-repeat;pointer-events:none}
.tv-hardware .tv-screen{position:relative;left:auto;top:auto;width:100%;height:auto;min-width:0;min-height:200px;aspect-ratio:16/9;grid-column:1/-1;grid-row:1;display:grid;border:0;border-image:url('../assets/hardware/oc-tv-screen-frame.svg') 24 / 6px / 6px stretch;border-radius:3px;background:#080f14;box-shadow:none}
.tv-hardware .tv-screen.text-reflow{aspect-ratio:auto}
.tv-hardware .tv-screen .tv-idle{position:relative;inset:auto;min-height:200px;padding:16px}
.tv-hardware .tv-screen video{object-fit:contain}
.tv-hardware .tv-source-controls{position:relative;left:auto;top:auto;width:min(100%,176px);height:auto;min-height:44px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:8px;grid-column:1;grid-row:3;justify-self:end}
.tv-hardware .tv-source-controls .device-key{min-width:44px;min-height:44px;padding:6px 0;font-size:10px;border:0;border-radius:5px;background:url('../assets/hardware/oc-tv-source-cap.svg') center/100% 100% no-repeat;box-shadow:none}
.tv-hardware .tv-source-controls button[aria-pressed="true"]{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}
.tv-hardware .tv-power{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:44px;height:44px;min-height:44px;grid-column:2;grid-row:3;align-self:center;justify-self:end;background:radial-gradient(ellipse at 35% 25%,#4b606e,#263b49 50%,#142733 100%);border-color:#72909f}
.tv-hardware>.device-state-light{left:4px;right:auto;top:auto;bottom:31px;width:5px;height:5px}
@container(min-width:600px){
 .tv-hardware{grid-template-columns:minmax(0,1fr) 176px 44px;padding:16px 16px 20px;gap:16px 12px}
 .tv-hardware::before{grid-column:1/-1;grid-row:2;height:60px;background-position:left calc(50% + 8px),125px calc(50% + 8px),left top;background-size:95px auto,111.42px auto,100% 2px}
 .tv-hardware .tv-source-controls{grid-column:2;grid-row:2;align-self:end}
 .tv-hardware .tv-power{grid-column:3;grid-row:2;align-self:end}
 .tv-hardware>.device-state-light{left:auto;right:72px;bottom:40px}
}
@container(min-width:820px){
 .tv-hardware{display:block;padding:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;margin-bottom:0}
 .tv-hardware>.hardware-skin{display:block}
 .tv-hardware::before,.tv-hardware::after{content:none}
 .tv-hardware .tv-screen{position:absolute;left:6.9697%;top:7.742%;width:86.0606%;height:68.7097%;min-height:200px;aspect-ratio:auto;display:block;border:0;border-image:none;border-radius:0;background:#080f16;box-shadow:inset 0 2px 5px #000b,0 1px 0 #c2d4e11a}
 .tv-hardware .tv-screen .tv-idle{position:absolute;inset:0;min-height:0;padding:25px}
 .tv-hardware .tv-screen.text-reflow .tv-idle{position:relative}
 .tv-hardware .tv-source-controls{position:absolute;left:62.27%;top:81.83%;width:16.67%;height:6.02%;min-height:0;display:flex;gap:7%;padding:0}
 .tv-hardware .tv-source-controls .device-key{position:relative;align-self:center;min-width:44px;min-height:44px;height:100%;padding:6px;font-size:9px;background:none;border:0;border-radius:5px;box-shadow:none}
 .tv-hardware .tv-source-controls button[aria-pressed="true"]{background:#8ae6ed12;box-shadow:inset 0 -2px 0 var(--cyan)}
 .tv-hardware .tv-power{position:absolute;left:calc(87.95% + 2.425%);top:calc(81.18% + 3.44%);right:auto;bottom:auto;transform:translate(-50%,-50%);width:max(4.85%,44px);height:max(6.88%,44px);min-height:44px}
 .tv-hardware>.device-state-light{left:83.409%;right:auto;top:84.301%;bottom:auto;width:.606%;height:.86%}
}
/* R78: one complete receiver title behind a native single-line replay window. */
.receiver-hardware .receiver-display .receiver-title-window{display:block;align-self:stretch;width:100%;min-width:0;min-height:0;max-width:100%;margin:0;padding:0;border:0;border-radius:2px;background:none;box-shadow:none;color:inherit;font:inherit;line-height:inherit;text-align:left;appearance:none;overflow:hidden;cursor:default}
.receiver-hardware .receiver-display [data-live-title]{display:block;width:100%;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6cdd1}
.receiver-hardware .receiver-display .receiver-title-window:disabled{opacity:1;background:none;color:inherit}
.receiver-hardware .receiver-display .receiver-title-window:focus-visible{outline:1px solid #8ae6ed;outline-offset:2px}
.receiver-hardware .receiver-display .receiver-title-window.is-title-panning [data-live-title]{width:max-content;max-width:none;overflow:visible;text-overflow:clip;will-change:transform}
@media(prefers-reduced-motion:reduce){.receiver-hardware .receiver-title-window [data-live-title]{transform:none!important}}
:root[data-reduced-motion="true"] .receiver-hardware .receiver-title-window [data-live-title]{transform:none!important}
/* R80: compact monitor paint scales independently of accessible control targets.
   The existing source-derived base remains the fallback without container queries. */
@container not (min-width:820px){
 .tv-hardware{--tv-control-span:clamp(96px,16.67cqw,136px);--tv-cap-width:clamp(40px,7.9545cqw,65px);--tv-power-face:clamp(26px,5.36585cqw,44px);--tv-ornament-width:min(37.3485cqw,calc(100% - var(--tv-control-span) - 70px));grid-template-columns:minmax(0,1fr) var(--tv-control-span) 8px 44px;gap:10px 6px;padding:clamp(12px,calc(1.3333cqw + 8px),16px) clamp(4px,calc(4cqw - 8px),16px) 12px}
 .tv-hardware::before{grid-column:1/-1;grid-row:2;height:52px;background-position:left calc(50% + 4px),calc(var(--tv-ornament-width)*.612576) calc(50% + 4px),left top;background-size:calc(var(--tv-ornament-width)*.48073) auto,calc(var(--tv-ornament-width)*.387424) auto,100% 2px}
 .tv-hardware .tv-source-controls{width:100%;height:44px;min-height:44px;grid-column:2;grid-row:2;align-self:end;gap:8px}
 .tv-hardware .tv-source-controls .device-key{position:relative;height:44px;min-height:44px;padding:0;font-size:clamp(8px,1.1364cqw,9px);background-size:min(100%,var(--tv-cap-width)) auto;border-radius:3px}
 .tv-hardware .tv-source-controls button[aria-pressed="true"]{box-shadow:none;text-decoration:none}
 .tv-hardware .tv-source-controls button[aria-pressed="true"]::after{content:'';position:absolute;left:50%;top:50%;width:min(100%,var(--tv-cap-width));height:auto;aspect-ratio:105/61;transform:translate(-50%,-50%);border-radius:2px;box-shadow:inset 0 -2px 0 var(--cyan);pointer-events:none}
 .tv-hardware .tv-power{grid-column:4;grid-row:2;align-self:end;width:44px;height:44px;min-height:44px;background:none;border:0;box-shadow:none;font-size:clamp(14px,2.1212cqw,20px);isolation:isolate}
 .tv-hardware .tv-power::before{content:'';position:absolute;left:50%;top:50%;width:var(--tv-power-face);height:var(--tv-power-face);transform:translate(-50%,-50%);border:1px solid #72909f;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#4b606e,#263b49 50%,#142733 100%);box-shadow:inset 0 1px 1px #d4e8f233,inset 0 -2px 3px #07121a99,0 3px 4px #0006;z-index:-1;pointer-events:none}
 .tv-hardware .tv-power:hover::before{border-color:var(--cyan)}
 .tv-hardware>.device-state-light{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:clamp(3px,.606cqw,5px);height:clamp(3px,.606cqw,5px);grid-column:3;grid-row:2;align-self:end;justify-self:center;margin-bottom:20px}
}

/* R86: physical equipment keeps its original artwork coordinate system at every
   width. Miniature native targets follow the painted controls; the full-size
   persistent transports/volume remain the larger equivalent controls. */
:is(.deck-hardware,.receiver-hardware,.tv-hardware){-webkit-text-size-adjust:100%;text-size-adjust:100%}
:is(.deck-hardware,.deck-hardware.text-reflow,.receiver-hardware,.receiver-hardware.text-reflow,.tv-hardware){display:block;position:relative;padding:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;margin-bottom:0;min-height:0;height:auto;gap:0}
:is(.deck-hardware,.deck-hardware.text-reflow,.receiver-hardware,.receiver-hardware.text-reflow,.tv-hardware)>.hardware-skin{display:block;width:100%;height:auto;min-height:0;position:relative}
:is(.deck-hardware,.deck-hardware.text-reflow,.receiver-hardware,.receiver-hardware.text-reflow,.tv-hardware)::before,:is(.deck-hardware,.deck-hardware.text-reflow,.receiver-hardware,.receiver-hardware.text-reflow,.tv-hardware)::after{content:none}
:is(.deck-hardware,.receiver-hardware,.tv-hardware) [data-control-symbol]{display:block;position:absolute;pointer-events:none;left:50%;top:50%;width:90%;height:auto;transform:translate(-50%,-50%);line-height:0}
:is(.deck-hardware,.receiver-hardware,.tv-hardware) [data-control-symbol] svg{display:block;width:100%;height:auto;max-width:none;overflow:visible}
:is(.deck-hardware,.receiver-hardware,.tv-hardware) .device-key{min-width:0;min-height:0;padding:0;overflow:visible;line-height:1}
:is(.deck-hardware,.receiver-hardware,.tv-hardware) .device-key:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.receiver-controls .control-stop{display:none}
.receiver-controls [data-control-state="stop"] .control-stop{display:block}
.receiver-controls [data-control-state="stop"] .control-play{display:none}

:is(.deck-hardware,.deck-hardware.text-reflow) .deck-slot{position:absolute;left:8.59375%;top:18.243243%;width:50%;height:55.270270%;min-height:0;aspect-ratio:auto;margin:0;border:0;border-image:none;border-radius:3px;box-shadow:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob{position:absolute;left:71.09375%;top:31.081081%;right:auto;width:17.1875%;height:29.729730%;min-width:0;min-height:0;aspect-ratio:auto;margin:0}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob::before{content:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob input{min-width:0;min-height:0;width:100%;height:100%}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-knob-label{top:125%;left:50%;width:max-content;transform:translate(-50%,-100%);font-size:clamp(4px,1.015625cqw,16px);line-height:1.2}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls{position:absolute;left:8.59375%;top:76.351351%;width:50%;height:10.810811%;display:block;gap:0;margin:0}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key{position:absolute;left:0;top:50%;width:17.5%;height:100%;min-width:0;min-height:0;transform:translateY(-50%);aspect-ratio:auto;padding:0;border:0;border-radius:2px;background:none;box-shadow:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key:nth-child(2){left:19.375%;width:17.5%}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key:nth-child(3){left:38.75%;width:17.5%}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key:nth-child(4){left:58.125%;width:17.5%}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-controls .device-key:nth-child(5){left:77.5%;width:22.5%;background:none}
:is(.deck-hardware,.deck-hardware.text-reflow) .deck-status,:is(.deck-hardware,.deck-hardware.text-reflow) .deck-status.is-quiet-status{position:absolute;left:66.796875%;top:76.351351%;bottom:auto;width:25.78125%;font-size:clamp(4px,.8cqw,16px);margin:0}
:is(.deck-hardware,.deck-hardware.text-reflow)>.device-state-light{left:92.1875%;right:auto;top:15.135135%;bottom:auto;width:1.5625%;height:.540541%;min-height:0}

:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display{position:absolute;left:20.139%;top:23.333%;width:54.861%;height:48.718%;min-height:0;padding:2.2222%;border:0;border-image:none;border-radius:0;background:#081017;overflow:hidden;box-shadow:none;display:flex;flex-direction:column;justify-content:center;gap:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display strong{font-size:clamp(6px,2.2222cqw,32px);line-height:1.2;margin:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display .readout-label{font-size:clamp(3px,.625cqw,9px);line-height:1.3;margin:0 0 .4861cqw;letter-spacing:.16em;white-space:nowrap}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-display p{font-size:clamp(3px,.625cqw,9px);line-height:1.4;margin:.5556cqw 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-controls{position:absolute;left:5.764%;top:29.744%;width:10%;height:16.41%;min-height:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-controls .device-key{position:absolute;left:0;top:0;transform:none;width:100%;height:100%;min-width:0;min-height:0;padding:0;background:none;border:0;border-radius:3px;box-shadow:none}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect,:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch{position:absolute;top:57.95%;width:4.514%;height:15.9%;min-width:0;min-height:0;transform:translate(-50%,-50%);background:none;border:0;border-radius:3px;box-shadow:none;padding:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect{left:8.017%}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch{left:13.507%}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-reconnect [data-control-symbol],:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-watch [data-control-symbol]{width:38%}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob{position:absolute;left:83.6111%;top:29.7436%;width:10%;height:36.9231%;min-width:0;min-height:0;margin:0;aspect-ratio:auto}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob::before{content:none}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob>input[data-volume-knob]{width:100%;height:100%;min-width:0;min-height:0}
:is(.receiver-hardware,.receiver-hardware.text-reflow) .receiver-knob-label{top:107%;left:-10%;width:120%;transform:none;font-size:clamp(3px,.5556cqw,8px);line-height:1.2}
:is(.receiver-hardware,.receiver-hardware.text-reflow)>.device-state-light{left:auto;top:14.872%;right:6.25%;bottom:auto;width:3.194%;height:.769%;min-height:0}

.tv-hardware .tv-screen,.tv-hardware .tv-screen.text-reflow{position:absolute;left:6.9697%;top:7.742%;width:86.0606%;height:68.7097%;min-width:0;min-height:0;aspect-ratio:auto;display:block;border:0;border-image:none;border-radius:0;background:#080f16;box-shadow:inset 0 2px 5px #000b,0 1px 0 #c2d4e11a}
.tv-hardware .tv-screen .tv-idle,.tv-hardware .tv-screen.text-reflow .tv-idle{position:absolute;inset:0;min-height:0;padding:2.2727cqw;overflow:hidden}
.tv-hardware .tv-idle-copy .eyebrow{font-size:clamp(3px,.7576cqw,10px);margin-bottom:1.0606cqw}
.tv-hardware .tv-idle-copy h2{font-size:clamp(10px,2.5758cqw,34px);margin-bottom:1.0606cqw}
.tv-hardware .tv-idle-copy p{font-size:clamp(4px,.98485cqw,13px);line-height:1.5}
.tv-hardware .tv-source-controls{position:absolute;left:62.27%;top:81.83%;width:16.67%;height:6.02%;min-height:0;display:flex;gap:7%;padding:0}
.tv-hardware .tv-source-controls .device-key{position:relative;align-self:center;min-width:0;min-height:0;height:100%;padding:0;background:none;border:0;border-radius:3px;box-shadow:none}
.tv-hardware .tv-source-controls button[aria-pressed="true"]{background:#8ae6ed12;box-shadow:inset 0 -1px 0 var(--cyan);text-decoration:none}
.tv-hardware .tv-source-controls button[aria-pressed="true"]::after{content:none}
.tv-hardware .tv-power{position:absolute;left:90.375%;top:84.62%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:4.85%;height:6.88%;min-width:0;min-height:0;aspect-ratio:auto;padding:0;border:1px solid #72909f;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#4b606e,#263b49 50%,#142733 100%);box-shadow:inset 0 1px 1px #d4e8f233,inset 0 -2px 3px #07121a99,0 3px 4px #0006;isolation:auto}
.tv-hardware .tv-power::before{content:none}
.tv-hardware .tv-power [data-control-symbol]{width:48%}
.tv-hardware>.device-state-light{position:absolute;left:83.409%;right:auto;top:84.301%;bottom:auto;width:.606%;height:.86%;min-height:0;margin:0}