/* Clear, accessible sound controls; keep the original poster composition intact. */
header .controls {align-items:center;gap:10px}
header #sound {min-height:44px;padding:11px 16px;border:1px solid #e8ca7c;border-radius:4px;background:#ead08b;color:#20170d;font-size:13px;font-weight:700;letter-spacing:.035em;white-space:nowrap;box-shadow:0 0 22px #d8ab4726}
header #sound[data-state="playing"] {background:#291c10;color:#ffe9ad}
header #sound:disabled {opacity:.65;cursor:default;white-space:normal}
.sound-panel {display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:20px;max-width:1080px;margin:0 auto 42px;padding:23px 26px;border:1px solid #cbb06d;border-radius:8px;background:radial-gradient(ellipse at 0 100%,#7a211c66,transparent 65%),linear-gradient(105deg,#23110b,#191c12);box-shadow:0 12px 32px #0004;position:relative;z-index:2}
.sound-panel[hidden],.sound-panel [hidden] {display:none!important}
.sound-panel[data-state="waiting"] {animation:soundInvitation 3.4s ease-in-out 3}
.sound-copy h2 {margin:0 0 7px;font:800 26px/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;color:#f6dfab}
.sound-copy p {margin:0;font:14px/1.5 Arial,sans-serif;color:#e0cfb4;max-width:460px}
.sound-actions {display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:205px}
#sound-hero {min-height:52px;padding:15px 22px;background:#f0d28a;border:1px solid #ffedb6;border-radius:4px;color:#211309;font:700 14px/1.2 'Space Mono',monospace;letter-spacing:.04em;box-shadow:0 0 24px #efb74a25;transition:background .2s,box-shadow .2s}
#sound-hero:hover {background:#ffe9b7;box-shadow:0 0 28px #efb74a45}
#sound-hero:disabled {cursor:default;opacity:.65}
#sound-skip {border:0;background:transparent;color:#dfceb0;min-height:36px;padding:8px;font:14px/1.2 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.sound-bars {display:flex;align-items:center;justify-content:center;gap:4px;height:52px;color:#e9c67b}
.sound-bars span {width:5px;height:30%;border-radius:4px;background:currentColor;transform-origin:center}
.sound-bars span:nth-child(2),.sound-bars span:nth-child(4) {height:65%}
.sound-bars span:nth-child(3) {height:95%}
.sound-panel[data-state="playing"] .sound-bars span {animation:soundLevels 1.05s ease-in-out infinite alternate}
.sound-panel[data-state="playing"] .sound-bars span:nth-child(2) {animation-delay:-.65s}
.sound-panel[data-state="playing"] .sound-bars span:nth-child(3) {animation-delay:-.3s}
.sound-panel[data-state="playing"] .sound-bars span:nth-child(4) {animation-delay:-.8s}
.sound-panel[data-state="playing"] .sound-bars span:nth-child(5) {animation-delay:-.15s}
.sound-panel[data-state="muted"] .sound-bars,.sound-panel[data-state="unavailable"] .sound-bars {opacity:.35}
@keyframes soundLevels {to{transform:scaleY(.25)}}
@keyframes soundInvitation {50%{box-shadow:0 0 28px #d5a34433,0 12px 32px #0004;border-color:#ffe3a0}}
@media(max-width:900px) and (min-width:751px) {header .edition{display:none}}
@media(max-width:750px) {
 header{gap:8px;padding:10px 12px}header .controls{gap:3px}header #sound{padding:11px 10px;font-size:11px}header #motion{font-size:9px;padding:6px;max-width:90px}
 .sound-panel{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px;margin-bottom:32px}
 .sound-copy h2{font-size:24px}.sound-copy p{font-size:14px}.sound-bars{height:40px;gap:3px}.sound-bars span{width:4px}
 .sound-actions{grid-column:1/-1;min-width:0}#sound-hero{font-size:15px;min-height:52px}#sound-skip{min-height:40px}
}
@media(max-width:360px) {header{font-size:10px}header #sound{font-size:10px;padding-inline:8px}header #motion{font-size:8px;max-width:75px}}
@media(prefers-reduced-motion:reduce) {.sound-panel,.sound-bars span{animation:none!important}#sound-hero{transition:none}}