/* Gameplay: the host's rules use the same native controls in both interfaces. */
.house-rules { margin-top: 14px; margin-bottom: 6px; }   /* (the rows are the lobby's own .toggle / .field + .seg: both interfaces style those) */
.house-rules[hidden] { display: none !important; }
.house-rules-title { margin: 0 0 8px; font-weight: 700; color: var(--honey, #e2aa5c); }
.sum-long { display: none; }   /* (the retro lobby shows one row for the rules page: retro-screens.css) */
html.touch #keys-btn-lobby, html.touch #keys-btn-pause { display: none !important; }
body.slam-hit::after { content: ''; position: fixed; inset: 0; z-index: 20; pointer-events: none; box-shadow: inset 0 0 18vw #741f27bd; }
body.grab-reaching::after { content: ''; position: fixed; left: calc(50% - 24px); top: calc(50% - 24px); width: 48px; height: 48px; border: 3px solid #ffe3a0; border-radius: 50%; z-index: 20; pointer-events: none; }
/* the courier (on its way, ringing, at the door) is a row among the item chips (#hud-courier: ui.css / retro-screens.css) */
/* A tuning panel is open (Shift+O: the look, Shift+N: the night look): the pause card and its dimming step aside, so the
   picture shows while a slider is dragged with the mouse. A click on the picture plays on, as always. */
body:has(.ps1-panel:not([hidden]), .night-panel:not([hidden])) #click-to-play { background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body:has(.ps1-panel:not([hidden]), .night-panel:not([hidden])) #click-to-play .ctp-card { display: none !important; }
body:has(.ps1-panel:not([hidden]), .night-panel:not([hidden])) #click-to-play::after { content: "Tuning: drag the sliders. Click the picture to play on."; position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); padding: 5px 12px; background: rgba(0, 0, 0, .7); color: #fff; font: 12px/1.3 ui-monospace, Menlo, monospace; white-space: nowrap; pointer-events: none; }
/* Sound stage (listening bench, Shift+F9): the pause card steps aside as for a tuning panel. */
body:has(.sound-stage:not([hidden])) #click-to-play { background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body:has(.sound-stage:not([hidden])) #click-to-play .ctp-card { display: none !important; }
body:has(.sound-stage:not([hidden])) #click-to-play::after { content: "Sound stage is open. Click the picture to walk around; Shift+F9 closes it."; position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); padding: 5px 12px; background: rgba(0, 0, 0, .7); color: #fff; font: 12px/1.3 ui-monospace, Menlo, monospace; white-space: nowrap; pointer-events: none; }
html.touch #practice-stage { display: none !important; }