.board-settings-dialog { position:fixed;inset:0;margin:auto;width:min(40rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;padding:clamp(1.25rem,4vw,2rem);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--panel-shadow); }.board-settings-dialog::backdrop,.promotion-dialog::backdrop { background:#07121bb3;backdrop-filter:blur(4px); }.board-settings-dialog>.dialog-close { position:absolute;right:.75rem;top:.75rem; }[data-board-settings] h2 { padding-right:2.5rem;margin-bottom:1.5rem;font-size:1.7rem; }.board-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem; }.board-settings-grid select,.sound-event select { width:100%;min-width:0; }.board-settings-toggle { display:flex;gap:.65rem;align-items:center; }.sound-customize { border-block:1px solid var(--border);padding:1rem 0;margin:1.5rem 0; }.sound-customize summary { cursor:pointer;color:var(--link);font-weight:600; }.sound-event { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;margin-top:1rem; }[data-board-settings]>.ui-muted { margin-block:1rem;font-size:.8rem; }.preference-status { min-height:1.5em;color:var(--text2);font-size:.8rem; }.board-settings-account { margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border); }.promotion-dialog { position:fixed;inset:0;margin:auto;padding:1.5rem;max-width:calc(100% - 2rem);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius); }.promotion-dialog h2 { margin-bottom:1rem; }.promotion-dialog button { margin:.25rem; }@media(max-width:600px) { .game-heading-actions { flex-wrap:wrap;justify-content:flex-end;max-width:55%; } .board-settings-grid { gap:1rem; } }@media(max-width:480px) { .board-settings-grid { grid-template-columns:1fr; } .board-settings-dialog { padding:1.25rem; } }