/* PLAY_HANDWRITING_AUDIO_V8_20260915 */
/* Give iPad Scribble a roomier target. Tall single-stroke letters such as l and t are easier to commit in a generous field. */
.spell-wrap{width:min(900px,100%)}
.letter-row{gap:8px;align-items:center}
.letter-box,.fixed-box{height:82px;border-radius:18px;font-size:clamp(21px,3.9vw,35px)}
.letter-box.empty-box{
  min-width:48px;
  padding:4px 5px 1px;
  background:
    linear-gradient(to bottom,transparent 0 70%,#d8cdbf33 70% 72%,transparent 72% 100%),
    #fffdfa;
  border-width:2.5px;
  box-shadow:inset 0 -9px #faf5ee,0 4px 11px #5944360a;
}
.letter-box.empty-box:focus{
  border-color:#9f82bd;
  box-shadow:0 0 0 5px #a98ac51f,inset 0 -9px #faf5ee;
}
.written-box{height:82px!important}
.box-note{font-size:10.5px}

/* Human-audio state is explicit instead of silently looking like a normal device voice. */
.voice-pill.human-ready{background:#e9f3e6;color:#4c7554}
.voice-pill.human-wait{background:#fff3dd;color:#8a6a35}
.voice-pill.device-fallback{background:#f3ecec;color:#8b5e63}

@media(max-width:820px){
  .letter-row{gap:7px}
  .letter-box,.fixed-box,.written-box{height:78px!important;border-radius:17px}
}
@media(max-width:620px){
  .letter-row{gap:5px}
  .letter-box,.fixed-box,.written-box{height:72px!important;border-radius:15px;font-size:clamp(19px,5vw,30px)}
}