/* PLAY_LISTEN_V6_20260914 */
.game-card{padding-top:20px}
.word-audio-row{gap:16px}
.task-prompt{font-size:23px;line-height:1.2}
.task-subprompt{font-size:12.5px;line-height:1.35;margin-top:5px}
.audio-orb{width:72px;height:72px;font-size:31px;border-radius:24px}

.word-visual-cue.audio-clue-panel{
  width:min(850px,100%);
  margin:15px auto 10px;
  padding:13px;
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:14px;
  align-items:stretch;
  border-radius:27px;
  background:linear-gradient(145deg,#fffdf8,#f7f2e9 58%,#eef5e9);
  box-shadow:inset 0 0 0 1px #ffffff,0 9px 25px #4e453615;
}
.cue-picture-tile{
  min-height:106px;
  border:0;
  border-radius:22px;
  background:linear-gradient(155deg,#eef5e5,#fff4e8);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px #ffffffc9;
}
.cue-picture-tile:after{content:"LOOK";position:absolute;left:10px;bottom:8px;font-size:9px;font-weight:950;letter-spacing:.13em;color:#6f7d69;background:#ffffffb8;padding:4px 7px;border-radius:999px}
.cue-picture-emoji{font-size:58px;line-height:1;filter:drop-shadow(0 7px 8px #4b403018)}
.cue-listen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.listen-card{
  appearance:none;-webkit-appearance:none;
  border:0;
  border-radius:20px;
  min-height:106px;
  padding:13px 12px;
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:1fr auto;
  column-gap:9px;
  text-align:left;
  align-items:center;
  color:#4a4249;
  box-shadow:inset 0 0 0 1px #ffffffc8,0 7px 16px #493c3512;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
.listen-card:active{transform:scale(.97)}
.listen-card.english{background:linear-gradient(145deg,#e9f2ff,#f4f8ff)}
.listen-card.japanese{background:linear-gradient(145deg,#f8edf7,#fff5fb)}
.listen-card.example{background:linear-gradient(145deg,#fff1df,#fff8ec)}
.listen-card .listen-icon{width:42px;height:42px;border-radius:14px;background:#ffffffc9;display:grid;place-items:center;font-size:22px;grid-row:1}
.listen-card .listen-copy{min-width:0;grid-row:1}
.listen-card small{display:block;font-size:9px;line-height:1;font-weight:950;letter-spacing:.12em;color:#887e86;margin-bottom:6px}
.listen-card b{display:block;font-size:15px;line-height:1.13;font-weight:950;color:#423b43}
.listen-card .listen-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:10px;font-weight:900;color:#766b73}
.listen-card .sound-bars{letter-spacing:1px;font-size:13px;opacity:.72}
.listen-card.speaking{transform:translateY(-2px);box-shadow:0 10px 24px #52627622,inset 0 0 0 2px #ffffff;filter:saturate(1.08)}
.listen-card.speaking .listen-icon{animation:listenPulse .58s ease infinite alternate}
.listen-card.speaking .sound-bars{animation:barsPulse .45s ease infinite alternate}
@keyframes listenPulse{to{transform:scale(1.1)}}
@keyframes barsPulse{to{letter-spacing:4px;opacity:1}}
.help-row{margin-top:8px}
.help-btn{font-size:11.5px;padding:9px 13px}

@media(max-width:820px){
  .word-visual-cue.audio-clue-panel{grid-template-columns:96px 1fr;padding:10px;gap:10px}
  .cue-picture-tile{min-height:92px}.cue-picture-emoji{font-size:48px}
  .listen-card{min-height:92px;padding:10px 9px;grid-template-columns:35px 1fr;column-gap:7px}
  .listen-card .listen-icon{width:35px;height:35px;font-size:19px;border-radius:11px}
  .listen-card b{font-size:13px}.listen-card small{font-size:8px}.listen-card .listen-action{font-size:9px}
}
@media(max-width:620px){
  .word-visual-cue.audio-clue-panel{grid-template-columns:78px 1fr}
  .cue-listen-grid{gap:6px}
  .listen-card{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:88px;gap:4px;padding:8px 5px}
  .listen-card .listen-copy{display:block}.listen-card small{margin-bottom:3px}.listen-card .listen-action{display:none}
}