.game-audio { position: fixed; z-index: 4; bottom: calc(env(safe-area-inset-bottom) + 12px); left: max(env(safe-area-inset-left), 12px); display: flex; gap: 8px; max-width: calc(100% - 24px); }
/* Reserve separate rows for sound, gameplay hints and menu cards in every game. */
body > .hint { bottom: calc(env(safe-area-inset-bottom) + 68px); max-width: calc(100% - 24px); white-space: normal; }
body > .screen { padding-bottom: calc(env(safe-area-inset-bottom) + 72px); }
body > .screen > .box { max-height: 100%; overflow-y: auto; touch-action: pan-y; }
.game-audio button { width: auto; min-height: 44px; margin: 0; padding: 9px 11px; border: 1px solid #bba16b; border-radius: 12px; background: rgb(var(--pan2) / .94); color: #f4ecdc; box-shadow: none; font: 700 12px/20px Inter,system-ui,sans-serif; white-space: nowrap; }
.game-audio button[aria-pressed=true] { border-color: #f2c440; color: #ffe27a; }
.game-audio output { position: absolute; left: 0; bottom: calc(100% + 8px); width: 240px; max-width: calc(100vw - 24px); padding: 10px; border-radius: 12px; background: rgb(var(--pan2) / .98); color: #f4ecdc; font: 600 13px/1.4 Inter,system-ui,sans-serif; }