.player > header[hidden] { display: none; }
.player .deck { grid-template-columns: minmax(0, 1fr) 52px; grid-template-areas: 'tape tape' 'readout play' 'level level'; gap: 14px 16px; }
.player .readout { grid-area: readout; }
.player .level { grid-area: level; width: 100%; margin-top: 0; }
.player #play { grid-area: play; }
.tape-transport { grid-area: tape; width: 100%; height: auto; aspect-ratio: 264 / 172; color: var(--ink-2); }
.tape-transport svg { display: block; width: 100%; height: 100%; overflow: visible; }
.tape-rim, .tape-spindle { stroke: var(--ink-2); }
.tape-pack { stroke: var(--ink-4); }
.tape-line { stroke: var(--ink-3); }
.tape-guide, .tape-head { stroke: var(--ink-2); fill: var(--surface-audio); }
.tape-track, .tape-tick { stroke: var(--line-strong); }
.tape-progress, .tape-playhead { stroke: var(--hot); color: var(--hot); }
.player[data-state="playing"] .tape-line { stroke: var(--ink-2); }
@media (max-width: 760px) {
  .player .deck { grid-template-columns: minmax(0, 1fr) 64px; grid-template-areas: 'tape tape' 'readout play' 'level level'; gap: 20px 12px; }
}
body[data-layout="tablet"] .tape-transport { height: auto; aspect-ratio: 264 / 172; }