/* Juego auditivo responsive: bocina central y opciones visuales progresivas. */
.screen-sound-quiz{overflow:hidden!important}
.sound-quiz-message{min-height:38px;display:grid;place-items:center;padding:6px 12px;border:3px solid rgba(255,255,255,.85);border-radius:16px;background:rgba(255,246,190,.92);font-weight:900;text-align:center}
.sound-quiz-play-area{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.5vh,14px);padding:clamp(7px,1.5vmin,13px);border:4px solid rgba(255,255,255,.85);border-radius:26px;background:rgba(255,255,255,.28);overflow:hidden}
.sound-quiz-listen-button{justify-self:center;min-width:min(92%,310px);min-height:64px;border:4px solid white;border-radius:999px;background:linear-gradient(#ff82ad,#f52b72);box-shadow:0 7px 0 rgba(100,0,50,.2);font-size:32px;font-weight:900}
.sound-quiz-listen-button span{margin-left:8px;font-size:clamp(15px,3.5vw,21px)}
.sound-quiz-options{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.8vmin,14px)}
.sound-quiz-option{position:relative;min-width:0;min-height:0;padding:clamp(6px,1.5vmin,12px);border:5px solid white;border-radius:clamp(18px,3vmin,28px);background:linear-gradient(#fff,#eef7ff);box-shadow:0 7px 0 rgba(31,42,92,.15);overflow:hidden}
.sound-quiz-option img{width:100%;height:100%;max-height:30vh;object-fit:contain}
.sound-quiz-option strong{position:absolute;left:8px;right:8px;bottom:8px;padding:5px;border-radius:12px;background:rgba(255,255,255,.9);font-size:clamp(14px,3vw,20px)}
.sound-quiz-option.is-correct{border-color:#50d979;background:#dfffe7;box-shadow:0 0 20px rgba(45,190,92,.6)}
.sound-quiz-option.is-wrong{border-color:#f06a7d;background:#ffe7ec;opacity:.62}
@media(orientation:landscape){.sound-quiz-options{grid-template-columns:repeat(var(--sound-option-count,2),minmax(0,1fr))}.sound-quiz-option img{max-height:38vh}.sound-quiz-listen-button{min-height:54px}}
@media(max-width:560px){.sound-quiz-listen-button{min-height:56px}.sound-quiz-option{border-width:4px}}