/* Keep primary actions readable and touchable within the existing stage. */
body[data-mini=mob] .mini-hud { height: 44px; padding: 0 7px; }
body[data-mini=mob] .mini-hud button { width: 44px; min-width: 44px; height: 44px; flex-shrink: 0; }
body[data-mini=mob] .mini-play { display: flex; justify-content: center; gap: 8px; width: min(100%, 230px); min-height: 52px; height: auto; padding: 12px 16px; font-size: 15px; font-weight: 800; line-height: 1.4; }
body[data-mini=mob] .mini-play svg { flex-shrink: 0; }
body[data-mini=mob] .mob-result-label { margin: 0; color: #ffe2a5; font-size: 15px; font-weight: 850; letter-spacing: .15em; }
body[data-mini=mob] .mob-result-detail { margin: 0; color: #d4e9f4; font-size: 12px; font-variant-numeric: tabular-nums; text-align: center; }
body[data-mini=mob] .mini-overlay[data-mode=result] .mini-message { font-size: 38px; line-height: 1.1; }
body[data-mini=mob] .mini-overlay[data-mode=result] .mini-best { color: #ffe2a5; padding: 5px 12px; border: 1px solid #ffe2a53a; border-radius: 5px; }
body[data-mini=mob] .mini-overlay[data-mode=pause] .mini-hero { height: 100px; }
body[data-mini=mob] .mini-overlay[data-mode=pause] .panel-portrait { width: 100px; height: 100px; }
body[data-mini=mob] .mini-next { min-height: 44px; }