/* Accessible maracas stage: no change to piano geometry. */
.instrument-stage.maracas-active .stage-actions,
.instrument-stage.maracas-active .keyboard-choice,
.instrument-stage.maracas-active #keyboard,
.instrument-stage.maracas-active .stage-footer {display:none!important}
#maracasStage[hidden] {display:none!important}
.maracas-stage {width:100%;display:grid;gap:12px;padding:8px 0 4px}
.maracas-play {width:100%;border:2px solid #e4cfaf;border-radius:28px;background:linear-gradient(145deg,#fff8e8,#e5f5ee);position:relative;min-height:clamp(160px,30vh,310px);display:flex;align-items:center;justify-content:center;gap:clamp(24px,9vw,95px);cursor:grab;touch-action:none;overflow:hidden;outline-offset:4px}
.maracas-play:active {cursor:grabbing}
.maraca-svg {width:clamp(72px,16vw,145px);height:clamp(130px,23vw,205px);filter:drop-shadow(0 8px 5px #966d5240);transform-origin:50% 77%}
.maraca-svg.two {transform:rotate(15deg)}
.maraca-svg.one {transform:rotate(-15deg)}
.maracas-play.shake .maraca-svg.one {animation:maraca-shake .32s ease-in-out}
.maracas-play.shake .maraca-svg.two {animation:maraca-shake-reverse .32s ease-in-out}
.maracas-play.tap .maraca-svg {animation:maraca-tap .22s ease-in-out}
.maracas-play-caption {position:absolute;bottom:9px;left:8px;right:8px;text-align:center;color:#664a4a;font-size:clamp(.8rem,2vw,1rem);font-weight:700;pointer-events:none}
.maracas-play::before,.maracas-play::after {content:"♪";position:absolute;font-size:34px;color:#7cb2af80;top:18%;left:22%}
.maracas-play::after {content:"♫";top:32%;left:auto;right:20%;color:#c99ed580}
.maracas-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.maracas-actions button {min-height:58px;border:0;border-radius:18px;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:800;background:#ecdcfd;color:#4d326a;box-shadow:inset 0 -3px #cab1e8}
.maracas-actions button:last-child {background:#ffddc4;color:#77472d;box-shadow:inset 0 -3px #f2b18c}
.maracas-actions button:active {transform:translateY(2px)}
.maracas-song-row {display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}
.maracas-song-row label {font-weight:800;font-size:.95rem}
.maracas-song-row select {max-width:100%;flex:1;min-width:150px;min-height:44px;border:2px solid #e5d6ee;border-radius:12px;background:#fff;padding:8px;color:#4b3e59;font-size:.95rem}
.maracas-tempo {display:flex;align-items:center;gap:9px;color:#64516f;font-size:.88rem;font-weight:700}
.maracas-tempo input {flex:1;min-width:70px;accent-color:#8758b9}
.maracas-song-controls {display:flex;gap:10px;flex-wrap:wrap}
.maracas-song-controls button {min-height:46px;border:2px solid #d7c4e4;border-radius:14px;background:#fff;color:#533b68;padding:9px 14px;font-weight:800}
#maracasStart {flex:2;background:#8254b4;color:#fff;border-color:#8254b4}
#maracasMotion {flex:1}
.maracas-status {display:flex;flex-direction:column;gap:6px;border-radius:14px;background:#fff8ea;padding:12px 14px;min-height:58px;color:#644b3c}
.maracas-status strong {font-size:1rem}
.maracas-status small {font-size:.84rem}
.maracas-rail {height:9px;border-radius:99px;background:#eee6f2;overflow:hidden}
#maracasProgress {display:block;height:100%;width:0;background:#9fc98b;border-radius:99px;transition:width 90ms linear}
.maracas-beats {display:flex;gap:7px;justify-content:center;min-height:31px;align-items:center}
.maracas-beat {min-width:27px;height:27px;padding:2px 5px;border-radius:15px;background:#efe5fa;color:#a998c0;display:grid;place-items:center;font-size:15px}
.maracas-beat.next {background:#7752a7;color:white;transform:scale(1.09)}
.maracas-beat.hit {background:#b8eab8;color:#346b39}
@keyframes maraca-shake {0%,100%{transform:rotate(-15deg)}25%{transform:rotate(22deg) translateY(-9px)}70%{transform:rotate(-23deg) translateY(5px)}}
@keyframes maraca-shake-reverse {0%,100%{transform:rotate(15deg)}30%{transform:rotate(-24deg) translateY(7px)}75%{transform:rotate(24deg) translateY(-7px)}}
@keyframes maraca-tap {0%,100%{transform:translateY(0) rotate(-3deg)}55%{transform:translateY(17px) rotate(12deg)}}
@media(max-width:520px){.maracas-stage{gap:8px}.maracas-play{min-height:170px}.maracas-song-row{align-items:stretch}.maracas-song-row label{align-self:center}.maracas-actions button{min-height:52px}.maracas-song-controls button{font-size:.88rem;padding:8px}}
@media(max-height:450px) and (orientation:landscape){.maracas-play{min-height:122px}.maraca-svg{height:125px;width:75px}.maracas-play-caption{font-size:.75rem}.maracas-stage{gap:6px}}
@media(prefers-reduced-motion:reduce){.maracas-play.shake .maraca-svg,.maracas-play.tap .maraca-svg {animation:none}.maracas-rail #maracasProgress {transition:none}}