/* One compact rail layout, loaded after social/cosmetic rules. The central
   card row and pot have their own space, even when every player has a title. */
@media(max-width:600px){
 .table-page .scene {min-height:350px}
 .table-page .scene .seat:not(.seat-0) {width:64px}
 .table-page .scene .seat:not(.seat-0) .avatar {width:38px;height:35px}
 .table-page .scene .seat:not(.seat-0) .animal-sprite {width:44px;height:44px}
 .table-page .scene .seat:not(.seat-0) .seat-info {width:64px;padding:3px 3px 4px;border-radius:4px}
 .table-page .scene .seat:not(.seat-0) .seat-name {font-size:9px;line-height:11px}
 .table-page .scene .seat:not(.seat-0) .seat-stack {font-size:11px;line-height:13px;margin-top:1px}
 .table-page .scene .seat:not(.seat-0) .seat-action {font-size:7px;line-height:9px;min-height:0;max-width:70px;white-space:normal;padding:2px 3px;margin-top:3px}
 .table-page .scene .seat:not(.seat-0) .seat-hand {font-size:7px;line-height:9px}
 .table-page .scene .seat:not(.seat-0) .hole-cards {left:42px;right:auto;top:7px;gap:1px}
 .table-page .scene .seat:not(.seat-0) .hole-cards .card {width:16px;height:23px;font-size:9px}
 .table-page .scene .seat:not(.seat-0) .hole-cards .card:after {inset:2px;font-size:9px}
 .table-page .scene:not(.large-table) :is(.seat-4,.seat-5) .hole-cards {left:auto;right:42px}
 .table-page .scene .seat:not(.seat-0) .dealer-button {top:30px;left:-4px;width:14px;height:14px;font-size:8px}
 .table-page .scene .seat:not(.seat-0) .seat-bet {top:38px;left:calc(100% + 3px);font-size:8px}
 .table-page .scene .seat:not(.seat-0) .seat-bet i {display:none}
 .table-page .scene:not(.large-table) :is(.seat-4,.seat-5) .seat-bet {left:auto;right:calc(100% + 3px)}
 .table-page .scene .seat:not(.seat-0) .leader-crown {top:-6px;width:17px;height:12px}
 .table-page .scene .seat.chip-leader:not(.seat-0) .seat-info {padding-bottom:12px}
 .table-page .scene .earned-nameplate {font-size:6px;line-height:8px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}
 .table-page .scene .king-label {font-size:5px;letter-spacing:.2px;bottom:2px}
 .table-page .scene .king-aura {inset:-12% -12% -5%;box-shadow:0 0 10px #ffd65e45}
 .table-page .scene .king-aura i {font-size:8px}
 .table-page .scene:not(.large-table) .seat-3 {--y:15%}
 .table-page .scene:not(.large-table) :is(.seat-2,.seat-4) {--y:27%}
 .table-page .scene:not(.large-table) .seat-1 {--x:13%;--y:67%}
 .table-page .scene:not(.large-table) .seat-5 {--x:87%;--y:67%}
 .table-page .scene .seat-0 {width:145px;bottom:5px}
 .table-page .scene .seat-0 .avatar {left:8px;width:46px;height:57px}
 .table-page .scene .seat-0 .animal-sprite {width:50px;height:50px}
 .table-page .scene .seat-0 .seat-info {width:145px;padding:4px 7px;margin-top:-3px;flex-wrap:wrap}
 .table-page .scene .seat-0.chip-leader .seat-info {padding-bottom:12px}
 .table-page .scene .seat-0 .seat-name {font-size:10px;max-width:94px}
 .table-page .scene .seat-0 .seat-stack {font-size:12px}
 .table-page .scene .seat-0 .earned-nameplate {flex-basis:100%;position:static;transform:none;text-align:left}
 .table-page .scene .seat-0 .hole-cards {left:63px;top:0;gap:3px}
 .table-page .scene .seat-0 .hole-cards .card {width:36px;height:50px;font-size:16px}
 .table-page .scene .seat-0 .hole-cards .card .suit {font-size:20px;right:4px;bottom:4px}
 .table-page .scene .seat-0 .hole-cards .card .corner {left:4px;top:3px}
 .table-page .scene .seat-0 .hole-cards .card .corner small {font-size:9px}
 .table-page .scene .seat-0 .leader-crown {left:31px;top:-2px;width:18px;height:13px}
 .table-page .scene .seat-0 .dealer-button {top:37px;left:-7px;width:15px;height:15px;font-size:8px}
 .table-page .scene .seat-0 .seat-action {font-size:7px;margin-top:3px;padding:2px 4px;min-height:12px}
 .table-page .scene .street-track,.table-page .scene.settled .street-track {top:34%;font-size:7px;gap:3px;background:#082c25c9;padding:3px 5px;border-radius:4px;z-index:4}
 .table-page .scene .felt-brand {display:none}
 .table-page .scene .community,.table-page .scene.settled .community {top:43%;gap:3px}
 .table-page .scene .community .card {width:clamp(24px,7.1vw,30px);height:44px;font-size:14px}
 .table-page .scene .community .card .corner {left:3px;top:3px}
 .table-page .scene .community .card .suit {font-size:17px;right:3px;bottom:4px}
 .table-page .scene .dealer-deck {left:50%;top:28%;transform:translate(-50%,-50%) scale(.24)}
 .table-page .scene .pot-zone {top:51%;transform:translateX(-50%) scale(.53)}
 .table-page .scene.settled .pot-zone {display:none}
 .table-page .scene.settled .result {top:63%;min-width:160px;max-width:52%}
 .table-page .scene .result .winning-category {font-size:15px}
 .table-page .scene .result .winning-detail {font-size:9px}
 .table-page .scene .result-box {padding:5px}
 .table-page .scene .avatar:after {height:22px}
 .table-page .scene .action-float {font-size:11px;min-width:48px;padding:4px 6px}
 /* Larger lobbies use two smaller top seats and three seats on each side. */
 .table-page .large-table .seat:not(.seat-0) {width:56px}
 .table-page .large-table .seat:not(.seat-0) .seat-info {width:56px}
 .table-page .large-table .seat:not(.seat-0) .avatar {width:31px;height:28px}
 .table-page .large-table .seat:not(.seat-0) .animal-sprite {width:36px;height:36px}
 .table-page .large-table .seat:not(.seat-0) .hole-cards {left:37px;top:3px}
 .table-page .large-table :is(.seat-6,.seat-7,.seat-8,.seat-9) .hole-cards {left:auto!important;right:37px}
 .table-page .large-table .seat:not(.seat-0) .seat-bet {top:31px}
 .table-page .large-table :is(.seat-6,.seat-7,.seat-8,.seat-9) .seat-bet {left:auto!important;right:calc(100% + 3px)}
 .table-page .large-table .seat-4 {--x:25%;--y:21%}
 .table-page .large-table .seat-5 {--x:50%;--y:21%}
 .table-page .large-table .seat-6 {--x:75%;--y:21%}
 .table-page .large-table :is(.seat-3,.seat-7) {--y:37%}
 .table-page .large-table :is(.seat-2,.seat-8) {--y:61%}
 .table-page .large-table :is(.seat-1,.seat-9) {--y:80%}
 .table-page .large-table .seat:not(.seat-0) .seat-name {font-size:8px;line-height:10px}
 .table-page .large-table .seat:not(.seat-0) .seat-stack {line-height:12px}
 .table-page .large-table .seat:not(.seat-0) .seat-action {font-size:6px;max-width:58px}
 .table-page .large-table .seat:not(.seat-0) .dealer-button {top:24px}
 .table-page .large-table .seat:not(.seat-0) .leader-crown {width:14px;height:10px;top:-5px}
 .table-page .large-table .seat:not(.seat-0) .king-label {font-size:4.5px}
 .table-page .large-table .seat:not(.seat-0) .earned-nameplate {font-size:5px;line-height:6px}
 .table-page .large-table .street-track {top:35%}
 .table-page .large-table .table-clock {top:3px;padding:3px 6px;min-width:95px}
 .table-page .large-table .clock-seconds {font-size:12px;line-height:14px}
 .table-page .large-table .table-clock {padding:1px 5px}
 .table-page .large-table .clock-player {font-size:7px;line-height:12px}
 .table-page .large-table .community {top:45.5%}
 .table-page .large-table .pot-zone {top:53%;transform:translateX(-50%) scale(.48)}
 .table-page .large-table .dealer-deck {top:25%}
}
@media(max-width:360px){.table-page .topbar{padding:0 6px;gap:4px}.table-page .brand{font-size:9px;gap:4px}.table-page .topbar nav{gap:4px}.table-page .topbar nav .icon-btn{padding:5px 6px}}

/* Keep the street labels attached below the community cards at every size. */
.table-page .scene .board-zone {position:absolute;left:50%;top:40%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%) scale(var(--seat-scale,1));z-index:4}
.table-page .scene .board-zone .community {position:relative;left:auto;top:auto;transform:none}
.table-page .scene .board-zone .street-track {position:relative;left:auto;top:auto;transform:none;justify-content:center;margin:0;white-space:nowrap}
.table-page .scene.settled .board-zone {top:35%}
@media(max-width:600px) {
 .table-page .scene .board-zone,.table-page .scene.settled .board-zone {top:40%;gap:5px;transform:translate(-50%,-50%)}
 .table-page .scene .pot-zone {top:54%}
 .table-page .large-table .board-zone,.table-page .large-table.settled .board-zone {top:44%}
 .table-page .large-table .pot-zone {top:57%}
}