/* A compact, flat-control pocket player; other device shapes retain V0.8. */
.listening-desk .player-shell[data-device="pocket"] .instrument {
  width:318px; padding:20px 21px 18px; border-radius:29px;
  border:1px solid color-mix(in srgb,var(--metal-bottom) 60%,#fff);
  background:linear-gradient(120deg,var(--metal-top),var(--metal-mid) 48%,var(--metal-bottom));
  box-shadow:inset 0 1px 1px #ffffffe6,inset 1px 0 2px #ffffff9c,inset -2px -2px 5px #262e242b,0 18px 35px #17271924,0 2px 4px #0002;
}
.listening-desk .player-shell[data-device="pocket"] .instrument:before { opacity:.06; }
.listening-desk .player-shell[data-device="pocket"] .instrument-heading { min-height:16px; height:16px; margin:0 1px 12px; }
.listening-desk .player-shell[data-device="pocket"] .device-wordmark { font-size:13px; letter-spacing:-.45px; }
.listening-desk .player-shell[data-device="pocket"] .speaker-grille { width:15px; height:3px; box-shadow:none; }
.listening-desk .player-shell[data-device="pocket"] .screen-bezel { padding:5px; border-radius:9px; background:linear-gradient(140deg,#7f847c,#b9bfb1 40%,#8f968a); box-shadow:0 1px 0 #fff9,inset 0 1px 3px #0003; }
.listening-desk .player-shell[data-device="pocket"] .lcd-window { border-radius:4px; min-height:0; box-shadow:inset 0 1px 5px #1c2a2724; }
.listening-desk .player-shell[data-device="pocket"] .lcd-header { margin:0 10px; padding:8px 0 6px; font-size:7px; }
.listening-desk .player-shell[data-device="pocket"] .state-layer { height:126px; min-height:0; padding:8px 11px; }
.listening-desk .player-shell[data-device="pocket"] .sound-emblem { width:70px; height:82px; }
.listening-desk .player-shell[data-device="pocket"] .empty-copy h2 { font-size:21px; line-height:1.25; }
.listening-desk .player-shell[data-device="pocket"] .empty-copy>p { font-size:6px; margin-bottom:7px; }
.listening-desk .player-shell[data-device="pocket"] .empty-copy>span { font-size:8px; margin-top:8px; }
.listening-desk .player-shell[data-device="pocket"] .lcd-footer { margin:0 10px; padding:6px 0 8px; }
.listening-desk .player-shell[data-device="pocket"] .track-readout h2 { font-size:15px; line-height:1.3; }
.listening-desk .player-shell[data-device="pocket"] .track-readout p { margin-bottom:3px; }
.listening-desk .player-shell[data-device="pocket"] #spectrumCanvas { min-height:15px; height:18px; }
.listening-desk .player-shell[data-device="pocket"] .screen-link { padding:4px 0; min-height:28px; }
.listening-desk .player-shell[data-device="pocket"] .timeline { padding:8px 3px 0; gap:8px; font-size:7px; }
.listening-desk .player-shell[data-device="pocket"] .timeline input { height:18px; }
.listening-desk .player-shell[data-device="pocket"] .transport-row { width:192px; height:228px; margin:20px auto 0; }
.listening-desk .player-shell[data-device="pocket"] .transport-row:before { width:192px; height:192px; border:1px solid #c7ccc5; background:linear-gradient(140deg,#fafbf7,#eef0e9); box-shadow:inset 0 1px 1px #fff,0 1px 1px #0000000d; }
.listening-desk .player-shell[data-device="pocket"] .wheel-menu { top:5px; left:62px; width:68px; font:8px var(--mono); letter-spacing:1px; color:#838b82; }
.listening-desk .player-shell[data-device="pocket"] #backButton { top:74px; left:4px; color:#798578; }
.listening-desk .player-shell[data-device="pocket"] #forwardButton { top:74px; right:4px; color:#798578; }
.listening-desk .player-shell[data-device="pocket"] :is(#backButton,#forwardButton) small { display:none; }
.listening-desk .player-shell[data-device="pocket"] :is(#backButton,#forwardButton) svg { width:17px; height:17px; }
.listening-desk .player-shell[data-device="pocket"] .transport button.play-button { left:64px; top:64px; width:64px; height:64px; min-height:64px; padding:0; border:1px solid #c6cbc2; background:linear-gradient(145deg,#dedfd9,#caced0); color:#596753; box-shadow:inset 0 1px 2px #fff9,0 1px 1px #0001; }
.listening-desk .player-shell[data-device="pocket"] .play-button span { font-size:17px; }
.listening-desk .player-shell[data-device="pocket"] .play-button small { display:none; }
.listening-desk .player-shell[data-device="pocket"] .stop-button { top:144px; left:62px; width:68px; color:#838b82; gap:4px; }
.listening-desk .player-shell[data-device="pocket"] .stop-button>span { font-size:9px; }
.listening-desk .player-shell[data-device="pocket"] .stop-button small { font-size:6px; }
.listening-desk .player-shell[data-device="pocket"] .volume-control { left:-15px; bottom:0; width:222px; gap:10px; }
.listening-desk .player-shell[data-device="pocket"] .volume-control>span { font-size:7px; }
.listening-desk .player-shell[data-device="pocket"] .instrument-bottom { margin-top:7px; }
.listening-desk .player-shell[data-device="pocket"] .instrument-bottom>span:first-child { font-size:5px; letter-spacing:1.5px; }
.listening-desk[data-skin="lime"] .player-shell[data-device="pocket"] .transport-row:before { background:linear-gradient(140deg,#353e3e,#283132); border-color:#4e5b58; }
.listening-desk[data-skin="lime"] .player-shell[data-device="pocket"] .transport button.play-button { background:linear-gradient(145deg,#4a5550,#344137); border-color:#677562; color:var(--accent); }
.listening-desk[data-skin="lime"] .player-shell[data-device="pocket"] :is(#backButton,#forwardButton,.wheel-menu,.stop-button) { color:#a4b4a8; }
@media (hover:hover) and (pointer:fine) { .listening-desk .player-shell[data-device="pocket"] .transport button.play-button:not(:disabled):hover { filter:brightness(1.06); } }
@media (max-width:360px) { .listening-desk .player-shell[data-device="pocket"] .instrument { padding:18px 16px 17px; } .listening-desk .player-shell[data-device="pocket"] .empty-copy h2 { font-size:19px; } }