/* Small, optional cues. Narrative artwork and book identities stay in charge. */
.collection-bookbar .collection-sound-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 5px 11px; border: 1px solid #b9c2bd50; border-radius: 5px; color: #d0d4cb; background: #ffffff06; font: 12px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; cursor: pointer; }
.collection-sound-toggle svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.collection-bookbar .collection-sound-toggle:hover { color: #fff3cb; border-color: #ddc48b; background: #ffffff14; }
.collection-bookbar .collection-sound-toggle[aria-pressed="true"] { color: #f4dba4; border-color: #d7b46a88; background: #d7b46a14; }
.collection-sound-toggle[aria-pressed="true"] .feedback-mute, .collection-sound-toggle[aria-pressed="false"] .feedback-wave { display: none; }
.collection-bookbar .collection-sound-toggle:disabled { opacity: .5; cursor: default; }
body[data-collection-book] :is(button, a) { -webkit-tap-highlight-color: #cda96825; touch-action: manipulation; }
body[data-collection-book] :is(.choice, .primary-button, .secondary-button, .collection-bookbar button, #reading-tools-dialog button) { transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 130ms ease; }
body[data-collection-book] :is(.choice, .primary-button, .secondary-button, .collection-bookbar button, #reading-tools-dialog button):active:not(:disabled) { transform: translateY(1px); }
body[data-collection-book] #story-choices .choice:hover:not(:disabled) { box-shadow: 0 5px 18px #07151a0c; }
body[data-collection-book] #story-choices .choice:focus-visible { outline-offset: 4px; }
body[data-collection-book] :is(.scene-illustration img, .ending-illustration img) { display: block; width: 100%; height: auto; }
@media (max-width: 800px) {
  .collection-bookbar .feedback-label { display: none; }
  .collection-bookbar { gap: 8px !important; padding-inline: 14px !important; }
  .collection-bookbar .collection-book-title { font-size: 10px !important; }
  .collection-bookbar .collection-reading-tools { padding-inline: 10px; }
}
@media (max-width: 420px) {
  .collection-bookbar .collection-book-title { display: none; }
  .collection-bookbar .collection-sound-toggle { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-collection-book] :is(button, a) { transition: none !important; animation: none !important; }
  body[data-collection-book] :is(button, a):active { transform: none !important; }
}
html[data-reading-motion="reduced"] body[data-collection-book] :is(button, a) { transition: none !important; animation: none !important; }
html[data-reading-motion="reduced"] body[data-collection-book] :is(button, a):active { transform: none !important; }