.music-theater{position:relative;background:#fffcf5;border:1px solid #cbbca6;border-radius:18px;padding:28px 28px 70px;margin:24px 0 40px;box-shadow:0 12px 40px #30291d0b}.music-theater .notes{text-align:center;min-height:0}.music-theater h2{margin:10px 0 24px;font-size:clamp(26px,3vw,40px)}.music-theater .track-reading,.music-theater .track-reading:has(.track-cover[hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;gap:24px;height:clamp(340px,48vh,520px)}.music-theater .track-cover,.theater-fallback{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;background:#e9e0d1;border-radius:12px}.theater-fallback{object-fit:cover}.track-reading:has(.track-cover:not([hidden])) .theater-fallback{display:none}.music-theater .track-reading .lyrics-reader{height:100%;min-height:0}.music-theater .notes .track-reading #description{height:100%;max-height:100%;font-size:clamp(19px,2vw,25px);line-height:2}.music-theater .player{max-width:850px;margin:20px auto 0;gap:10px}.music-theater .record{display:none}.music-theater .transport{display:flex;max-width:none;flex-wrap:wrap}.music-theater .transport button{font-size:13px;min-height:42px}.music-theater #published{font-size:12px;margin:8px 0}.music-theater .lyrics-hint{font-size:11px;margin:8px 0}#theaterFullscreen{position:absolute;right:18px;bottom:16px;min-height:42px;padding:9px 16px;border:1px solid #98724b;border-radius:8px;background:#40372d;color:#fffcf5;font-size:14px}#theaterFullscreen:focus-visible{outline:3px solid #b88240;outline-offset:3px}.music-theater:fullscreen,.music-theater.theater-expanded{width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;padding:20px 4vw 64px;overflow:auto;background:#f5f1e9}.music-theater:fullscreen .track-reading,.music-theater.theater-expanded .track-reading{height:calc(100dvh - 310px);min-height:200px}.theater-expanded{position:fixed;inset:0;z-index:99999}.theater-open{overflow:hidden}@media(max-width:650px){.music-theater{padding:18px 12px 68px}.music-theater .track-reading,.music-theater .track-reading:has(.track-cover[hidden]){grid-template-columns:1fr;height:auto;gap:14px}.music-theater .track-cover,.theater-fallback{height:280px}.music-theater .track-reading .lyrics-reader{height:320px}.music-theater:fullscreen .track-reading,.music-theater.theater-expanded .track-reading{height:auto}.music-theater .notes .track-reading #description{font-size:19px}.music-theater .transport button{font-size:12px;padding:9px}.music-theater h2{font-size:26px}}

/* Keep all secondary actions immediately above the artwork; play stays below. */
.music-theater{padding-bottom:28px}.theater-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;width:100%}.theater-actions button{min-height:42px;padding:9px 12px;flex:0 1 auto;font-size:13px}.theater-actions #single{grid-column:auto}.theater-actions #theaterFullscreen{position:static;min-height:42px;font-size:13px}.music-theater .notes .track-reading #description{padding-right:18px}.music-theater:fullscreen,.music-theater.theater-expanded{padding-bottom:24px}.music-theater:fullscreen .track-reading,.music-theater.theater-expanded .track-reading{height:calc(100dvh - 350px);min-height:200px}
@media(max-width:650px){.music-theater{padding-bottom:18px}.theater-actions{gap:6px;margin-bottom:10px}.theater-actions button{font-size:11px;padding:8px;min-height:40px}.theater-actions #theaterFullscreen{font-size:11px;min-height:40px;padding:8px}.music-theater:fullscreen .track-reading,.music-theater.theater-expanded .track-reading{height:auto}}

/* Secondary controls sit outside, directly above the listening panel. */
.theater-actions{max-width:none;margin:24px 0 10px}.theater-actions + .music-theater{margin-top:0}.music-theater > .theater-actions{margin:0 0 16px}

.theater-actions button,.theater-actions #theaterFullscreen{font-size:20px;min-width:44px;min-height:44px;line-height:1;padding:10px}.theater-actions #single[aria-pressed=true]{background:#9e663c;color:white}
