/* The active control rail remains in the game viewport, even inside the club. */
body.isn-salon-classic:not(.kings-table):has(main#game:not([hidden])){display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
body.isn-salon-classic:not(.kings-table) main#game:not([hidden]){display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%;gap:2px}
body.isn-salon-classic:not(.kings-table) main#game>.felt{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}
body.isn-salon-classic:not(.kings-table) main#game>.fine{display:none}
.classic-dock{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;padding:3px 6px max(3px,env(safe-area-inset-bottom));background:#142519;border:1px solid #a78a50;border-radius:5px}
.classic-dock #actions{display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0}
body.isn-salon-classic .classic-dock .table-tools{margin:0;padding:0;flex:0 1 auto;min-height:0}.classic-dock #actions:empty{display:none}
body.isn-salon-friends #table #moves:not(:empty){position:fixed;z-index:9;left:1%;right:1%;bottom:max(3px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:6px;gap:4px;border:1px solid #ac9055;border-radius:6px;background:#15271bf5}
body.isn-salon-friends #table:has(#moves:not(:empty)){padding-bottom:100px}
body:has(#boardDialog[open]) #boardDialog{height:100dvh;max-height:100dvh;inset:0;margin:auto;width:min(100%,1350px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;min-height:0;overflow:hidden;padding:6px}
#boardDialog[open] .board-stage{min-height:0;max-height:100%;height:100%;overflow:auto}
#boardDialog[open]>.dialog-actions{margin:0;padding:3px;min-height:0}
#boardDialog[open]>details{margin:0;padding:1px 5px;max-height:25dvh;overflow:auto}
#boardDialog[open] .board-actions,#gameDialog[open] .board-stage .board-actions,#table .board-stage .board-actions{position:sticky;bottom:0;z-index:3;padding:3px;background:#15291ded;border-radius:4px}
body:has(#slotDialog[open]) #slotDialog[open]{position:fixed;inset:0;width:min(100%,1400px);height:100dvh;max-height:100dvh;padding:6px 8px 110px;overflow:auto}
#slotDialog[open] .machine-dashboard{position:fixed;z-index:5;inset:auto max(6px,calc((100vw - 1250px)/2)) max(5px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-evenly;gap:6px;padding:6px;background:#162419;border:1px solid #ad9055;border-radius:5px}
body:has(.slot-lounge #reelArea) .slot-lounge{padding-bottom:110px}
body:has(.slot-lounge #reelArea) .slot-lounge .play-controls,
body.private-house:not([data-game=roulette]) .play-controls{position:fixed;inset:auto 1% max(3px,env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:5px 8px;border:1px solid #a48951;border-radius:5px;background:#17251bf7}
body:has(.slot-lounge #reelArea) .play-controls>*,body.private-house:not([data-game=roulette]) .play-controls>*{width:auto;min-height:0;min-width:0;max-width:100%;margin:0;padding:2px 4px;font-size:12px}
body:has(.slot-lounge #reelArea) .play-controls :is(.control-hint,.wager-note,.balance-readout small),body.private-house:not([data-game=roulette]) .play-controls :is(.control-hint,.wager-note,.session-note,.balance-readout small){display:none}
body:has(.slot-lounge #reelArea) .play-controls .balance-readout strong,body.private-house:not([data-game=roulette]) .play-controls .balance-readout strong{font-size:18px;margin:0}
body:has(.slot-lounge #reelArea) .play-controls input,body.private-house:not([data-game=roulette]) .play-controls input{width:65px;height:32px}
body:has(.slot-lounge #reelArea) .play-controls .spin-button,body.private-house:not([data-game=roulette]) .play-controls .spin-button{min-height:32px;padding-inline:16px}
body.private-house:not([data-game=roulette]) .slot-lounge{padding-bottom:120px}
@media(max-width:650px), (max-height:480px){
 .classic-dock{gap:1px;padding:2px}.classic-dock .table-tools{gap:3px}
 #boardDialog[open]>.dialog-heading{padding:1px 4px}#boardDialog[open] .dialog-heading h2{font-size:18px;margin:0}
 #boardDialog[open] .dialog-actions button{font-size:11px;min-height:23px;padding:2px 5px}
}