/* Keep the board and private hand in one viewport during play. */
body.table-view{height:100dvh;overflow:hidden!important}
body.table-view>header,body.table-view>footer{display:none!important}
body.table-view>main{padding:0!important;width:100%;max-width:1500px;height:100dvh;margin:auto}
body.table-view #game{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);grid-template-rows:auto minmax(0,1fr);gap:10px;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
body.table-view #game>.game-top{grid-column:1/-1;margin:0!important;padding:8px 12px!important;border-width:2px!important;border-radius:12px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.table-view .game-top h1{font-size:22px;line-height:1.15;margin:0;letter-spacing:0}
body.table-view .game-top .eyebrow{font-size:8px;letter-spacing:1px;margin:0 0 2px}
body.table-view .game-top>div:last-child{max-width:none;display:flex;align-items:center;gap:8px}
body.table-view .game-top>.premium-rim{display:none!important}
body.table-view #copy-link,body.table-view #leave{display:none!important}
#table-menu-open{min-height:40px;padding:8px 14px;font-size:12px}
body.table-view #mode-badge{font-size:9px;white-space:nowrap;padding:4px 7px}
#table-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#c9a65f #08251c;border-radius:15px;outline-offset:-3px;display:flex;flex-direction:column}
#table-viewport:focus-visible{outline:2px solid #fff0bd}
#hand-dock{min-width:0;min-height:0;overflow:hidden;display:flex;border:2px solid #d7b56c;border-radius:15px;background:linear-gradient(145deg,#113c2cf5,#071e18fa);box-shadow:inset 0 0 0 1px #fff0b344,0 -7px 25px #0005}
#hand-dock[hidden]{display:none!important}
body.table-view #your-area{width:100%;min-width:0;min-height:0;max-height:100%;display:flex;flex-direction:column;padding:9px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.table-view #your-area>.section-heading{flex-shrink:0;padding:0 0 7px!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;align-items:center;gap:6px}
body.table-view #your-area>.section-heading>.premium-rim{display:none!important}
body.table-view #your-area .section-heading h2{font:600 15px/1.2 'DM Sans',sans-serif;margin:0!important}
body.table-view #your-area .section-heading>div{gap:5px;max-width:none;display:flex;flex-wrap:wrap;justify-content:flex-end}
body.table-view #your-area .section-heading button{min-height:36px;font-size:10px;padding:6px 8px}
#hand-content{min-height:0;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;scrollbar-color:#d8b56a #09251d}
body.table-view #hand{order:0;flex-shrink:0}body.table-view #rows{order:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#hand-swipe-hint{font-size:9px;letter-spacing:.3px;color:#efd28c;margin:0 0 2px;flex-shrink:0}
body.table-view #hand-help{display:none!important}
body.table-view #hand{min-height:0!important;height:auto!important;margin:0;padding:10px 4px 9px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;gap:8px!important;scrollbar-width:thin;scrollbar-color:#e4c480 #08251b}
body.table-view #hand .card{flex:0 0 52px;width:52px;height:74px;padding:5px 6px}
body.table-view #hand .card .rank{font-size:16px}body.table-view #hand .card .suit{font-size:25px}
body.table-view #hand .card.selected{transform:translateY(-6px)}
body.table-view #controls{flex-shrink:0;margin:0;padding:8px 0 0!important;gap:7px!important;align-items:center;border-top:1px solid #d7b56c55}
body.table-view #controls>p{margin:0;font-size:12px;line-height:1.4}
body.table-view #controls button{min-height:42px;font-size:12px;padding:9px 12px}
body.table-view #controls label{font-size:10px;gap:5px;min-width:0}
body.table-view #controls input{width:75px;min-height:42px;padding:7px;font-size:15px}
body.table-view #game[data-variant=holdem] #controls{display:grid;grid-template-columns:auto auto minmax(68px,1fr) auto}
body.table-view #game[data-variant=holdem] #controls label{display:flex;flex-direction:column;gap:0;line-height:1.1;align-items:stretch}
body.table-view #game[data-variant=holdem] #controls input{width:100%;min-height:30px}
body.table-view #game[data-variant=holdem] #controls button{padding:9px 10px}
body.table-view #game[data-variant=holdem] #controls>p{grid-column:1/-1}
body.table-view .casino-stage{margin:0!important;padding:10px!important;border-radius:15px;min-height:0;display:flex;flex:1 0 auto}
body.table-view :is(.casino-sign,.table-ornament,.felt-brand,.dealer-deck,.chip-bank){display:none!important}
body.table-view .table-shell{min-height:0!important;margin:0!important;border-width:7px;border-radius:30px;padding:12px 14px!important;width:100%;display:flex;flex-direction:column}
body.table-view .table-shell::before{inset:5px;border-radius:22px}
body.table-view .table-meta{padding:0 2px;font-size:9px;letter-spacing:1px}
body.table-view .players{margin:9px 0;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.table-view .player{min-height:0;padding:7px 9px;border-radius:9px}
body.table-view .seat-avatar,body.table-view .mini-backs{display:none!important}
body.table-view .seat-number{font-size:7px;letter-spacing:.5px}
body.table-view .player strong{font-size:12px;max-width:100%;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
body.table-view .player .player-meta{font-size:10px!important;max-width:100%;line-height:1.3}
body.table-view .felt{min-height:0!important;padding:8px 0!important;gap:6px;flex:1}
body.table-view #public-cards{margin:0!important;gap:6px}
body.table-view #dealer-line{max-width:none;font-size:12px;line-height:1.4;margin:6px 0!important;min-height:0}
body.table-view #table-actions{gap:6px;font-size:12px;align-items:center}
body.table-view #table-actions button{padding:9px 12px;min-height:40px;font-size:12px}
body.table-view #table-actions>p{margin:4px 0}
body.table-view #rows:empty,body.table-view #hand:empty{display:none!important}
body.table-view #rows :is(.row,.pg-arrange-row){display:flex!important;flex-direction:row!important;min-height:0;margin:5px 0!important;padding:4px!important;gap:7px;align-items:center}
body.table-view #rows .row-label{width:72px;min-width:72px;flex:0 0 72px;display:block!important;text-align:left}
body.table-view #rows .row-label strong{display:block;font-size:10px;line-height:1.2!important}
body.table-view #rows .row-label small{display:block;font-size:9px;line-height:1.2!important}
body.table-view #rows .row-label button{font-size:9px;padding:5px;min-height:32px;margin-top:3px}
body.table-view #rows :is(.row-cards,.pg-pieces){gap:5px;flex-wrap:wrap}
body.table-view #rows :is(.card,.pg-slot){width:40px;min-width:40px;height:58px;padding:4px}
body.table-view #rows .card .rank{font-size:13px}body.table-view #rows .card .suit{font-size:19px}body.table-view #rows .card .bottom{font-size:8px}
body.table-view .pg-board h2{font-size:22px;margin:5px 0}body.table-view .pg-steps{margin:8px 0;gap:8px}
body.table-view .pg-banker,body.table-view .pg-scoring{font-size:11px;margin:6px 0}
body.table-view .pg-reference{margin:8px 0}
body.table-view .pg-ready{font-size:11px;margin:0;line-height:1.4}
body.table-view .pg-tile{width:46px;min-width:46px;padding:5px 4px}
body.table-view .pg-tile-face{width:31px;height:65px;gap:5px}body.table-view .pg-half{height:30px;gap:2px}body.table-view .pg-dot{width:7px;height:7px}body.table-view .pg-tile-name{font-size:8px;min-height:15px;margin-top:4px}
body.table-view .domino-instruction{font-size:21px;margin:3px 0 10px}
body.table-view .domino-ends{margin-bottom:9px;gap:14px}body.table-view .domino-end{padding:6px 10px;width:112px}body.table-view .domino-end b{font-size:28px}
body.table-view .domino-ruleline,body.table-view .domino-chain-help{font-size:9px;margin:6px 0}
body.table-view .rack-piece{flex:0 0 auto}body.table-view .rack-help{flex:0 0 180px;font-size:11px}
body.table-view .guided-rack .domino-tile{width:42px;min-width:42px;height:82px;padding:4px!important}
body.table-view #meld-table{margin:8px 0;gap:8px}body.table-view #meld-table>p{grid-column:1/-1;margin:0}
body.table-view .history{margin:12px;font-size:11px}
body.table-view #winning-focus,body.table-view #results{margin:10px 0}
body.table-view #game.dock-hidden{grid-template-columns:minmax(0,1fr)}
#table-options{width:min(380px,92vw)}#table-option-buttons{display:grid;gap:10px;margin:18px 0}#table-option-buttons button,#table-options-close,#hand-tips-close{min-height:44px}
#hand-tips{width:min(440px,92vw)}#hand-tips-text{white-space:pre-line}
@media(max-width:900px){
 body.table-view #game{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(100px,1fr) auto;gap:5px;padding:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
 body.table-view #game>.game-top{min-height:48px;padding:5px 9px!important}
 body.table-view .game-top h1{font-size:18px}body.table-view .game-top .eyebrow{font-size:7px}
 body.table-view #mode-badge{font-size:8px;padding:3px 5px}
 body.table-view #table-menu-open{min-height:38px;padding:7px 10px;font-size:11px}
 #hand-dock{max-height:56dvh;border-radius:13px}
 body.table-view #your-area{padding:7px!important}
 body.table-view .casino-stage{padding:5px!important}
 body.table-view .table-shell{padding:8px!important;border-width:5px;border-radius:23px}
 body.table-view .table-shell::before{inset:4px;border-radius:17px}
 body.table-view .players{gap:5px;margin:6px 0}
 body.table-view .player{padding:5px 7px}body.table-view .player strong{font-size:11px}body.table-view .player .player-meta{font-size:9px!important}
 body.table-view #public-cards .card{width:45px;height:64px;padding:4px;min-width:0}
 body.table-view #public-cards .card .rank{font-size:14px}body.table-view #public-cards .card .suit{font-size:22px}
 body.table-view #rows .row-label{width:61px;min-width:61px;flex-basis:61px}
 body.table-view #rows :is(.row-cards,.pg-pieces){gap:4px}
 body.table-view #rows :is(.card,.pg-slot){width:38px;min-width:38px;height:54px}
 body.table-view #game.dock-hidden{grid-template-rows:auto minmax(0,1fr)}
 body.table-view .coin-steps{margin-bottom:10px}.coin-headline{font-size:25px!important}body.table-view .coin-space{height:175px}body.table-view .coin-disc{width:115px;height:115px}
}
@media(max-width:360px){body.table-view #controls button{font-size:10px;padding:8px}body.table-view #game[data-variant=holdem] #controls{gap:4px!important}body.table-view #game[data-variant=holdem] #controls button{padding:8px}body.table-view #rows :is(.card,.pg-slot){width:31px;min-width:31px;height:48px}body.table-view #your-area .section-heading h2{font-size:13px}}
@media(max-height:520px) and (orientation:landscape){body.table-view #game{grid-template-columns:minmax(0,1fr) minmax(270px,42%);grid-template-rows:auto minmax(0,1fr)}#hand-dock{max-height:none}body.table-view #game.dock-hidden{grid-template-columns:1fr}}