/* Essential play actions stay with the score; display preferences open at the board. */
body.classic-table #game-quick-controls{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:calc(10px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}
body.classic-table #game-quick-controls>.small-actions{margin:calc(6px * var(--ui-scale, 1)) 0 0;padding:calc(8px * var(--ui-scale, 1)) 0 0;border:0;border-top:1px solid var(--line)}
body.classic-table.desktop-table #active-game-panel{top:var(--board-panel-drop,0px);overflow-y:auto;overscroll-behavior:contain}
body.classic-table #game-social[hidden]{display:none}
body.classic-table .game-review-bar.history-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}
body.classic-table #classic-controls.empty-game-controls{display:none!important}
body.classic-table.mobile-table #game-quick-controls>#table-chat-toggle{width:100%;min-height:calc(36px * var(--ui-scale, 1));margin-top:calc(8px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--ui-control);font-size:max(11px, calc(13px * var(--ui-scale, 1)))}

/* Reuse the model's clock anchors so the gear follows every board size and view. */
.board-settings{position:absolute;left:var(--clock-right);top:var(--clock-top);transform:translateX(calc(8px * var(--ui-scale, 1)));pointer-events:auto;z-index:20;touch-action:auto;cursor:default}
.board-settings.settings-inset{transform:translateX(calc(-100% - calc(6px * var(--ui-scale, 1))))}
body.classic-table .board-settings>.table-settings-toggle{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));margin:0;padding:calc(6px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--ui-panel);color:var(--muted);box-shadow:none}
body.classic-table .board-settings>.table-settings-toggle span{display:none}
body.classic-table .board-settings>.table-settings-toggle[aria-expanded=true]{color:var(--ui-accent);border-color:var(--ui-accent-border)}
body.classic-table .board-settings>.board-settings-menu{position:absolute;inset:calc(38px * var(--ui-scale, 1)) 0 auto auto;width:calc(290px * var(--ui-scale, 1));max-width:calc(100vw - calc(24px * var(--ui-scale, 1)));max-height:min(calc(680px * var(--ui-scale, 1)),calc(var(--clock-bottom) - var(--clock-top) - calc(42px * var(--ui-scale, 1))));padding:calc(12px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(6px * var(--ui-scale, 1));background:var(--ui-panel);box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(28px * var(--ui-scale, 1)) #0006;overflow:auto;touch-action:pan-y}
body.classic-table .board-settings-menu>header{position:static;min-height:calc(32px * var(--ui-scale, 1));margin:0 0 calc(10px * var(--ui-scale, 1));padding:0;background:none}
body.classic-table .board-settings-menu h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)))}
body.classic-table .board-settings-menu .settings-flip{width:100%;margin-bottom:calc(6px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--ui-control);color:var(--text)}
body.classic-table .board-settings-menu .settings-display{display:flex;flex-direction:column;border:0;margin-top:calc(6px * var(--ui-scale, 1))}
body.classic-table .board-settings-menu .settings-switch{flex-direction:row;justify-content:flex-start;gap:calc(12px * var(--ui-scale, 1))}
body.classic-table .board-settings-menu .settings-switch::after{order:-1}
body.classic-table .board-settings-menu .game-display-options{border-top:1px solid var(--line);margin-top:calc(10px * var(--ui-scale, 1));padding-top:calc(4px * var(--ui-scale, 1))}
body.classic-table #table-fullscreen{display:block;width:100%;min-height:calc(40px * var(--ui-scale, 1));margin:0;padding:calc(8px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--ui-control);color:var(--text);font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
body.classic-table .board-shell:has(.board-settings.table-settings-open){z-index:50}
body.classic-table #board-canvas:has(.board-settings.table-settings-open){touch-action:pan-y}
body.classic-table.mobile-table .board-settings{transform:translateX(calc(-100% - calc(6px * var(--ui-scale, 1))));top:calc(var(--clock-top) + calc(6px * var(--ui-scale, 1)))}
body.classic-table.mobile-table .board-settings>.table-settings-toggle{width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));min-height:calc(36px * var(--ui-scale, 1))}
body.classic-table.mobile-table .board-settings>.board-settings-menu{top:calc(42px * var(--ui-scale, 1));max-height:calc(var(--clock-bottom) - var(--clock-top) - calc(50px * var(--ui-scale, 1)));width:calc(275px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}
body.classic-table.mobile-table.table-rotated .board-settings>.board-settings-menu{max-width:calc(100svh - calc(24px * var(--ui-scale, 1)));touch-action:pan-x}
body.classic-table.mobile-table.table-rotated #board-canvas:has(.board-settings.table-settings-open){touch-action:pan-x}
body.classic-table.mobile-table #game-quick-controls{padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}
body.classic-table.mobile-table #game-quick-controls #play-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(4px * var(--ui-scale, 1))}
body.comfort-ui.classic-table.mobile-table #game-quick-controls #play-preferences .settings-switch{flex-direction:column-reverse;justify-content:center;gap:calc(5px * var(--ui-scale, 1));min-height:calc(54px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) 0;text-align:center}
body.comfort-ui.classic-table.mobile-table #game-quick-controls .settings-switch::before{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
body.comfort-ui.classic-table.mobile-table #active-game-panel.live-game:not(.show-game-status):not(.table-settings-open) #classic-controls{padding:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}
body.comfort-ui.classic-table.mobile-table .small-actions :is(#undo,#resign-match){min-height:calc(34px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}