/* Finding temporarily makes room for one picture and one gentle instruction. */
.book-page-play-start{min-height:44px}
.book-page-content.is-finding>.book-words{display:none}
.book-page-content.is-finding>.book-stage{align-self:center}
.book-page-play-panel:not([hidden]){display:grid;grid-template-columns:72px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:6px 8px;align-items:center;width:100%;padding:6px;border-radius:12px;background:#fffaf0;color:#304b3a}
.book-page-play-panel canvas{width:72px;height:48px;grid-column:1;grid-row:1;border-radius:7px;border:1px solid #d8cba8}
#book-page-play-prompt,#book-page-play-status{grid-column:2;grid-row:1;font-size:15px;line-height:1.3}
#book-page-play-status{color:#3c573a;font-weight:700}
#book-page-play-hear{grid-column:3;grid-row:1;min-width:44px;min-height:44px}
.book-page-play-actions{grid-column:1/-1;grid-row:2;display:flex;gap:8px}
.dialog-card .book-page-play-actions button{min-height:44px;padding:6px 10px;font-size:14px;flex:1;margin:0}
.book-page-play-target{position:absolute;z-index:3;min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;cursor:pointer}
.book-page-play-target:focus-visible,.book-page-play-target.book-page-play-found{outline:3px solid #477b9c;outline-offset:-3px}
@media(min-width:480px) and (max-height:450px){
  .book-page-content.is-finding>.book-stage{grid-column:1;grid-row:1;align-self:start}
  .book-page-content.is-finding>.book-page-play-launch{grid-column:2;grid-row:1}
  .book-page-play-panel:not([hidden]){grid-template-columns:48px minmax(0,1fr) 44px;gap:4px;padding:2px}
  .book-page-play-panel canvas{width:48px;height:44px}
  #book-page-play-prompt,#book-page-play-status{font-size:14px}
}
@media(hover:none),(pointer:coarse){.book-page-play-actions button:hover{transform:none}}