.learning-audio-controls{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.learning-audio-controls>button{flex-shrink:0;min-width:44px;min-height:44px}.learning-answer-option{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;min-width:0;display:grid}.learning-answer-option>button{text-align:start;width:100%;min-width:0}.learning-answer-option>.learning-audio-controls{flex-direction:column;justify-content:center}.exercise-player .learning-answer-option{grid-template-columns:minmax(0,1fr);gap:0;position:relative}.exercise-player .learning-answer-option>.answer-option{min-height:100px;padding-inline-end:92px}.exercise-player .learning-answer-option>.learning-audio-controls{gap:0;width:78px;position:absolute;inset-block:5px;inset-inline-end:7px}.exercise-player .learning-answer-option .learning-audio-controls>.button{gap:4px;padding:0 4px;font-size:10px}.exercise-player .learning-answer-option .learning-audio-controls>.button svg{width:15px;height:15px}.lesson-preview-words>.learning-audio-preview{padding:12px 13px}.lesson-preview-words .learning-audio-controls{margin-top:8px;display:flex}.lesson-preview-words .learning-audio-controls .audio-button{position:static;transform:none}.exercise-player>.correct-feedback .learning-audio-controls>.button{background:0 0}.arcade-feedback .learning-audio-controls{flex-shrink:0;margin-top:0;display:inline-flex}@media (max-width:760px){.exercise-player .answer-options,.arcade-player .arcade-options{grid-template-columns:minmax(0,1fr)}}
.word-row .word-audio-cell{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.word-row .word-audio-cell .word-main{width:100%}.learning-phrase{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.learning-phrase>p{margin:0}.spoken-passage>div+div{margin-top:16px}.import-preview .learning-import-field{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.learning-import-field input{width:100%}.word-detail-alternatives{gap:8px;margin-bottom:20px;display:grid}@media (max-width:680px){.word-row>.word-audio-cell{grid-column:1}.word-row>.word-audio-cell:first-child{grid-row:1}.word-row>.word-audio-cell:nth-child(2){grid-row:2}.word-row .word-audio-cell .word-meaning{margin-top:0}}
.read-aloud-toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;margin:0 0 22px!important;display:flex!important}.read-aloud-toggle input{width:18px;height:18px}.match-tile-card{flex-direction:column;gap:5px;min-width:0;display:flex}.match-tile-card .match-tile{overflow-wrap:anywhere;flex:1;width:100%}.match-tile-card .learning-audio-controls{justify-content:center;min-height:44px}.match-tile-card .match-tile.matched{opacity:1}.match-tile-card .match-tile>span{min-width:0}.memory-tiles .match-tile-card{min-height:171px}.memory-tiles .match-tile-card:has(.learning-audio-controls) .match-tile{min-height:117px}@media (max-width:760px){.match-game .match-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.match-tile-card .match-tile{min-height:105px;font-size:14px;line-height:1.55}.match-tile-card .learning-audio-controls{gap:0}.match-tile-card .learning-audio-controls .button{padding-inline:7px}}
.arcade-player .arcade-source-listen{margin:-18px auto 22px}.arcade-player .arcade-target-listen{border:1px solid var(--line);background:var(--surface-soft);max-width:700px;color:var(--primary-dark);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin:0 auto 22px;padding:10px 16px;font-size:13px;display:flex}.arcade-player .arcade-spoken-phrase{justify-content:space-between;align-items:center;gap:8px 14px;margin-top:6px;display:flex}.arcade-player .arcade-spoken-phrase>:first-child{overflow-wrap:anywhere;min-width:0}.arcade-player .arcade-spoken-phrase>.learning-audio-controls{flex-shrink:0;margin-top:0;display:inline-flex}.arcade-player .arcade-spoken-phrase .learning-audio-controls>button{width:auto}@media (max-width:520px){.arcade-player .arcade-spoken-phrase{flex-wrap:wrap;align-items:flex-start}.arcade-player .arcade-spoken-phrase>:first-child{flex:120px}.arcade-player .arcade-feedback>div{flex-basis:100%}}