/* Compact publishing controls inherit the CW arcade palette and typography:
   navy #0f0f23, cyan #00e6ff, gold #ffd700, ink #dcebff, muted #8b98a8.
   Settings are left-aligned; the canvas summary gets one quiet action row.
   No space is reserved during play and no new game-over modal is introduced. */
.os-score-settings { display: grid; gap: 10px; padding-block: 14px; border-bottom: 1px solid var(--sep, var(--divider, #293554)); min-width: 0; }
.os-score-settings label { display: grid; gap: 6px; font: inherit; color: var(--text, #dcebff); }
.os-score-settings :is(select, input) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid var(--cyan-border, var(--border, #285b75)); border-radius: 4px; background: var(--panel-btn, var(--surface, #141633)); color: var(--text, #dcebff); font: inherit; font-size: .9rem; }
.os-score-settings :is(select, input):focus-visible { outline: 2px solid var(--cyan, var(--cyan-on, #00e6ff)); outline-offset: 2px; }
.os-score-settings-note, .os-score-settings-status { margin: 0; font: .75rem/1.4 system-ui, sans-serif; color: var(--muted, var(--engraved, #8b98a8)); }
.os-score-settings-status:empty { display: none; }
.os-score-summary-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0 16px; color: var(--text, #dcebff); }
.os-score-summary-actions[hidden] { display: none; }
.os-score-summary-overlay { position: absolute; bottom: 8px; left: 12px; right: 12px; z-index: 2; background: var(--bg, #0f0f23); border-radius: 4px; }
.os-score-summary-actions :is(button, a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px; border: 0; background: none; color: var(--cyan, var(--cyan-on, #00e6ff)); font: inherit; font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.os-score-summary-actions button:disabled { color: var(--muted, #8b98a8); text-decoration: none; cursor: default; }
.os-score-summary-actions :is(button, a):focus-visible { outline: 2px solid var(--cyan, #00e6ff); outline-offset: 2px; }
.os-score-summary-status { flex-basis: 100%; text-align: center; font: .75rem/1.4 system-ui, sans-serif; }
.os-score-summary-status:empty { display: none; }
.os-score-panel { box-sizing: border-box; max-height: calc(var(--cw-viewport-height, 100dvh) - 20px); overflow-y: auto; overscroll-behavior: contain; }
.os-score-never { display: block; min-height: 44px; margin-top: 8px; padding: 4px 0; border: 0; background: none; color: #c7d3cf; font: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.os-score-never[hidden] { display: none; }
.os-score-never:focus-visible { outline: 2px solid #c8df59; outline-offset: 2px; }