/* Viewport-sized play surface: decisions and the shared clock stay together. */
body.table-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.table-page .topbar{width:100%;height:58px;min-height:58px;padding:0 22px;gap:20px}
.table-page .brand{font-size:16px}.table-page .brand-mark{height:36px;width:34px;font-size:27px}.table-page .brand small{font-size:7px;margin-top:3px}
.table-page .game-shell{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 22px 6px}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;height:23px;flex-shrink:0;margin-bottom:4px}.table-toolbar .lobby-return{font-size:11px}
#toggle-feed{display:none;padding:4px 8px;font-size:11px}.table-page .room-bar{min-height:42px;flex-shrink:0;margin-bottom:9px}.table-page h1{font-size:23px;margin-top:4px}.table-page .room-bar .eyebrow{font-size:8px}
.table-page .game-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 274px;gap:14px}
.table-page .play-area{display:flex;flex-direction:column;min-height:0}.table-page .scene{height:auto;flex:1;min-height:310px}
.table-page .seat{transform:translate(-50%,-50%) scale(var(--seat-scale,1))}
.table-page .seat-3{--y:17%}.table-page .seat-2,.table-page .seat-4{--y:29%}.table-page .seat-0{--y:84%}
.table-page .community{top:44%}.table-page .street-track{top:32%}.table-page .pot-zone{top:52%;transform:translateX(-50%) scale(var(--seat-scale,1));transform-origin:top center}
.table-page .scene.settled .community{top:37%}.table-page .scene.settled .street-track{top:27%}.table-page .scene.settled .result{top:56%}
.table-page .result-box{padding:6px 11px}.table-page .result .eyebrow,.table-page .result small{display:none}.table-page .result .winning-category{font-size:21px}.table-page .result .winning-detail{font-size:11px}
.table-page .action-dock{flex-shrink:0;padding:10px 14px 12px}.table-page .turn-info{margin-bottom:8px;min-height:32px;gap:9px}.table-page .turn-info strong{font-size:13px}.table-page .turn-info p{font-size:10px;margin-top:3px}.table-page .action{padding:9px 14px}.table-page .action span{font-size:17px}.table-page .action small{font-size:10px}
.table-page .table-footer{flex-shrink:0;padding:5px 2px;font-size:8px;line-height:12px}.table-page .your-hand{margin-left:auto;max-width:190px}.table-page .your-hand b{font-size:11px}
.table-page .social-panel{align-self:stretch;min-height:0}.table-page .social-tabs{flex-shrink:0}.table-page .social-tabs button{font-size:12px;padding:14px 7px}
.table-page #chat-panel,.table-page #history-panel{display:flex;flex-direction:column;flex:1;min-height:0}.table-page .messages,.table-page .history{height:auto;min-height:0;flex:1;padding:14px 12px;gap:15px}.table-page .chat-intro{padding:12px;font-size:11px}.table-page .house-tip{display:none}.table-page .session-mini{padding:10px 14px;flex-shrink:0}.table-page .quick-chat{flex-shrink:0}.table-page .social-panel form{margin:9px 12px 5px;flex-shrink:0}.table-page .local-note{font-size:8px;flex-shrink:0}
.table-page .table-top-timer{display:none}.decision-clock{min-width:47px;padding:6px 7px;background:#111c1c;border:1px solid #756540;border-radius:5px;font-size:20px;font-weight:bold;text-align:center;color:#f1d38a;font-variant-numeric:tabular-nums}.decision-clock.urgent{color:#ffb19d;border-color:#b76955}
.table-clock{position:absolute;right:12px;top:12px;z-index:8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;min-width:134px;max-width:205px;padding:8px 10px;background:#10191ceF;border:1px solid #82704a;border-radius:6px;box-shadow:0 3px 10px #0005;overflow:hidden}.clock-player{font-size:10px;color:#d6dfcf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock-seconds{font-size:22px;color:#f1d38a;font-variant-numeric:tabular-nums}.clock-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#eac776;transform-origin:left;transition:transform .2s linear}.table-clock.urgent{border-color:#dc8a6c}.table-clock.urgent .clock-seconds{color:#ffb19d}.table-clock.urgent .clock-bar{background:#ee9a7c}
.preaction-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 9px;min-height:29px}.preaction-row label{display:flex;align-items:center;gap:7px;font-size:12px;color:#d7ddce;cursor:pointer}.preaction-row input{width:17px;height:17px;margin:0;accent-color:#e6bd6b;cursor:pointer}.preaction-row small{font-size:10px;color:#a8b8a5}.preaction-row:has(input:checked) label{color:#f6d389}.preaction-row:has(input:disabled){opacity:.65}
/* A real scrim removes competing text, then fades out on the first deal. */
.table-page .welcome{inset:0;transform:none;width:auto;z-index:30;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 47%,#080e12bd 0%,#080d11b8 30%,#000000c9 100%);backdrop-filter:blur(1px)}
.welcome-copy{max-width:420px;text-align:center;padding:20px}.table-page .welcome h2{font-size:36px;line-height:1.08;margin:18px 0;letter-spacing:-1px;text-shadow:0 3px 12px #000}.table-page .welcome p{font-size:13px;color:#d5ddcf;margin:17px 0 23px}.table-page .welcome .eyebrow{font-size:10px;color:#f1d28b}.table-page .welcome small{font-size:10px;color:#c0c9bb}.table-page .welcome .primary{font-size:17px;padding:15px 34px}.welcome.leaving{pointer-events:none}
.showdown-feed{background:#18211e;border:1px solid #596344;border-radius:6px;overflow:hidden;flex-shrink:0}.showdown-feed header{padding:10px;border-bottom:1px solid #3d4936}.showdown-feed header span{font-size:10px;letter-spacing:.5px;color:#ecd28b;font-weight:bold}.showdown-feed header small{display:block;font-size:9px;margin-top:3px;color:#a8b6a0}.showdown-feed ol{padding:0;margin:0;list-style:none}.showdown-feed li{display:flex;align-items:center;gap:7px;padding:10px 8px;border-bottom:1px solid #2e3b2d}.showdown-feed li:last-child{border:0}.showdown-place{width:15px;flex-shrink:0;font-size:11px;color:#cfb97c}.showdown-player{flex:1;min-width:0}.showdown-player b{font-size:11px;color:#e5e6d6;display:block;overflow:hidden;text-overflow:ellipsis}.showdown-player strong{display:block;font-size:12px;color:#edd79a;margin:3px 0}.showdown-player small{display:block;font-size:9px;line-height:1.4;color:#a9b69f}.feed-cards{display:flex;gap:3px}.feed-cards>span{background:#fff5dc;border-radius:3px;padding:6px 3px;color:#203d3d;font-size:12px;font-weight:bold}.feed-cards .red{color:#b23e35}.close-feed{display:none}
/* Ten-seat rail. Seat zero always belongs to the local player. */
.large-table .seat:not(.seat-0){width:114px}.large-table .seat:not(.seat-0) .seat-info{width:110px}.large-table .seat:not(.seat-0) .avatar{height:69px;width:79px}.large-table .seat:not(.seat-0) .animal-sprite{width:86px;height:86px}.large-table .seat:not(.seat-0) .hole-cards{left:84px;top:24px}.large-table .seat:not(.seat-0) .seat-name{font-size:11px}.large-table .seat:not(.seat-0) .seat-stack{font-size:13px}.large-table .seat:not(.seat-0) .seat-action{font-size:9px;padding:3px 5px;margin-top:3px}.large-table .seat:not(.seat-0) .dealer-button{top:62px}.large-table .seat:not(.seat-0) .seat-bet{top:83px;font-size:9px}.large-table .seat:not(.seat-0) .leader-crown{width:26px;height:19px}
.table-page .large-table .seat-0{--x:50%;--y:86%}.table-page .large-table .seat-1{--x:24%;--y:82%}.table-page .large-table .seat-2{--x:11%;--y:61%}.table-page .large-table .seat-3{--x:13%;--y:35%}.table-page .large-table .seat-4{--x:31%;--y:18%}.table-page .large-table .seat-5{--x:50%;--y:14%}.table-page .large-table .seat-6{--x:69%;--y:18%}.table-page .large-table .seat-7{--x:87%;--y:35%}.table-page .large-table .seat-8{--x:89%;--y:61%}.table-page .large-table .seat-9{--x:76%;--y:82%}
.large-table .seat-4 .hole-cards,.large-table .seat-5 .hole-cards{left:84px}.large-table .seat-6 .hole-cards,.large-table .seat-7 .hole-cards,.large-table .seat-8 .hole-cards,.large-table .seat-9 .hole-cards{left:auto;right:84px}
.large-table .seat-6 .seat-bet,.large-table .seat-7 .seat-bet,.large-table .seat-8 .seat-bet,.large-table .seat-9 .seat-bet{left:auto;right:100%}.large-table .seat-4 .seat-bet,.large-table .seat-5 .seat-bet{right:auto;left:100%}
.table-page.at-lobby{height:auto;min-height:100dvh;overflow:auto}.at-lobby .topbar{flex-shrink:0}
@media(max-width:1050px){.table-page .game-layout{grid-template-columns:minmax(0,1fr) 240px}.table-page .topbar{padding:0 14px}.table-page .game-shell{padding-left:14px;padding-right:14px}.preaction-row small{font-size:9px}}
@media(max-width:940px){.table-page .game-layout{grid-template-columns:minmax(0,1fr)}#toggle-feed{display:block}.table-page .social-panel{display:none}.feed-open.table-page .social-panel{display:flex;position:fixed;inset:85px 18px 180px;z-index:60;box-shadow:0 0 0 100vmax #0009;background:#1e2827}.close-feed{display:block;margin-left:auto!important;font-size:21px!important}.table-page .table-facts>span:first-child{display:none}.table-page .scene{min-height:300px}}
@media(max-width:600px){
 .table-page .topbar{height:49px;min-height:49px;padding:0 10px;gap:7px}.table-page .brand{font-size:11px;gap:6px}.table-page .brand-mark{width:25px;height:30px;font-size:23px}.table-page .brand small{font-size:5px;letter-spacing:.6px}.table-page .topbar nav{gap:8px}.table-page .account{padding-left:6px}.table-page .account .animal-sprite{width:30px;height:30px}.table-page .game-shell{padding:5px 8px 2px}.table-toolbar{height:23px;margin:0}.table-page .room-bar{min-height:36px;margin-bottom:6px;gap:6px}.table-page h1{font-size:16px;letter-spacing:-.3px}.table-page .room-tag{font-size:7px;margin-left:3px;padding:2px 3px}.table-page .room-bar .eyebrow{font-size:6px;letter-spacing:.8px}.table-page .table-facts{gap:5px;font-size:9px}.table-page .table-facts button{padding:5px;font-size:9px}.table-page .scene{min-height:340px}.table-page .table-facts>span:nth-child(2){display:none}
 .table-page .seat{transform:translate(-50%,-50%)}.table-page .seat-3{--y:15%}.table-page .seat-2,.table-page .seat-4{--y:29%}.table-page .seat-0{--y:86%}.table-page .community{top:44%}.table-page .street-track{top:34%}.table-page .pot-zone{top:54%;transform:translateX(-50%) scale(.7)}.table-page .scene.settled .community{top:40%}.table-page .scene.settled .result{top:60%;min-width:190px}.table-page .scene.settled .street-track{top:31%}.table-page .result .winning-category{font-size:18px}.table-page .result .result-headline{font-size:11px}.table-page .result .winning-detail{font-size:10px}.table-page .result .net{font-size:10px}.table-page .result-box{padding:5px 8px}
 .table-page .action-dock{padding:8px 8px 9px}.table-page .turn-info{gap:6px;min-height:29px;margin-bottom:7px}.table-page .turn-info strong{font-size:11px}.table-page .turn-info p{display:none}.table-page .your-hand{max-width:110px;font-size:7px}.table-page .your-hand b{font-size:9px}.decision-clock{font-size:18px;min-width:39px;padding:5px}.preaction-row{padding-bottom:7px;min-height:25px}.preaction-row label{font-size:10px}.preaction-row small{font-size:8px;max-width:120px;line-height:1.35}.preaction-row input{width:17px;height:17px}.table-page .action{padding:8px}.table-page .action span{font-size:14px}.table-page .action small{font-size:8px}.table-page .table-footer{font-size:7px;padding:3px 1px;line-height:10px}.table-clock{top:7px;right:7px;min-width:95px;max-width:123px;padding:5px 7px;gap:5px}.clock-player{font-size:8px}.clock-seconds{font-size:18px}
 .table-page .welcome{padding:12px}.welcome-copy{padding:13px;max-width:285px}.table-page .welcome h2{font-size:29px}.table-page .welcome p{font-size:11px;line-height:1.5}.table-page .welcome .eyebrow{font-size:8px}.table-page .welcome .primary{font-size:15px;padding:13px 25px}.table-page .welcome small{font-size:9px}
 .large-table .seat:not(.seat-0){width:74px}.large-table .seat:not(.seat-0) .seat-info{width:74px;padding:3px}.large-table .seat:not(.seat-0) .avatar{height:43px;width:52px}.large-table .seat:not(.seat-0) .animal-sprite{width:57px;height:57px}.large-table .seat:not(.seat-0) .seat-name{font-size:9px}.large-table .seat:not(.seat-0) .seat-name small{display:none}.large-table .seat:not(.seat-0) .seat-stack{font-size:11px;margin-top:1px}.large-table .seat:not(.seat-0) .seat-action{font-size:7px;min-height:0;padding:2px 3px}.large-table .seat:not(.seat-0) .hole-cards{left:56px;top:9px;gap:1px}.large-table .seat:not(.seat-0) .hole-cards .card{width:19px;height:27px;font-size:10px}.large-table .seat:not(.seat-0) .hole-cards .corner{top:2px;left:2px}.large-table .seat:not(.seat-0) .hole-cards .corner small{font-size:8px}.large-table .seat:not(.seat-0) .hole-cards .card.back:after{inset:2px;font-size:9px}.large-table .seat:not(.seat-0) .dealer-button{top:39px;left:-4px;width:14px;height:14px;font-size:7px}.large-table .seat:not(.seat-0) .seat-bet{font-size:8px;top:59px;left:94%;gap:2px}.large-table .seat:not(.seat-0) .seat-bet i{display:none}.large-table .seat:not(.seat-0) .leader-crown{width:19px;height:14px}.large-table .seat:not(.seat-0) .seat-hand{font-size:8px}.large-table .avatar:after{height:26px}
 .table-page .large-table .seat-0{--y:89%;width:160px}.large-table .seat-0 .avatar{height:69px;width:68px}.large-table .seat-0 .animal-sprite{width:78px;height:78px}.large-table .seat-0 .seat-info{width:160px}.large-table .seat-0 .hole-cards{left:76px;top:1px}.large-table .seat-0 .hole-cards .card{width:35px;height:49px;font-size:16px}.large-table .seat-0 .hole-cards .card .suit{font-size:20px}.large-table .seat-0 .leader-crown{left:24%;top:0}
 .table-page .large-table .seat-1{--x:16%;--y:80%}.table-page .large-table .seat-2{--x:13%;--y:61%}.table-page .large-table .seat-3{--x:13%;--y:41%}.table-page .large-table .seat-4{--x:18%;--y:22%}.table-page .large-table .seat-5{--x:50%;--y:16%}.table-page .large-table .seat-6{--x:82%;--y:22%}.table-page .large-table .seat-7{--x:87%;--y:41%}.table-page .large-table .seat-8{--x:87%;--y:61%}.table-page .large-table .seat-9{--x:84%;--y:80%}
 .large-table .seat-6 .hole-cards,.large-table .seat-7 .hole-cards,.large-table .seat-8 .hole-cards,.large-table .seat-9 .hole-cards{left:auto!important;right:56px}.large-table .seat-6 .seat-bet,.large-table .seat-7 .seat-bet,.large-table .seat-8 .seat-bet,.large-table .seat-9 .seat-bet{left:auto!important;right:94%}.table-page .large-table .community .card{width:30px;height:44px;font-size:14px}.table-page .large-table .community .card .suit{font-size:17px}.table-page .large-table .community{gap:3px;top:46%}.table-page .large-table .street-track{top:37%;font-size:7px}.table-page .large-table .dealer-deck{top:33%}.table-page .large-table.settled .community{top:43%}.table-page .large-table.settled .result{top:61%;min-width:176px;max-width:50%}
}
@media(max-height:650px){.table-page .scene{min-height:250px}.table-page .table-footer{display:none}.table-page .social-panel{max-height:540px}}
@media(prefers-reduced-motion:reduce){.clock-bar{transition:none}}
/* Larger pots build up real stacks, with capped sparkle and motion. */
.pot-pile{width:168px;height:50px;gap:1px;isolation:isolate}.pot-pile .chip-stack{width:18px;flex-shrink:0}.pot-pile .pixel-chip{width:18px}.pot-pile[data-tier="1"]{filter:drop-shadow(0 2px 8px #edc66b30)}.pot-pile[data-tier="2"]{filter:drop-shadow(0 2px 10px #edc66b50)}.pot-pile[data-tier="3"]{filter:drop-shadow(0 2px 12px #f4cc6d80)}.pot-pile:before{content:'';position:absolute;inset:-16px -12px -8px;z-index:-1;background:radial-gradient(ellipse,#d2a44140,transparent 68%);opacity:0}.pot-pile[data-tier="2"]:before,.pot-pile[data-tier="3"]:before{opacity:1}.pot-pile[data-tier="3"]:before{animation:potglow 2.2s ease-in-out infinite}.pot-pile .cash-bundle{left:calc(124px + var(--bundle)*3px);width:27px;z-index:-1}.pot-sparkles{position:absolute;inset:-12px -8px 4px;pointer-events:none}.pot-sparkles i{position:absolute;left:var(--spark-x);bottom:0;color:#fff0ac;font-size:12px;font-style:normal;opacity:0;animation:potspark 2.8s var(--spark-delay) ease-out infinite;text-shadow:0 0 8px #f1be50}.pot-pile[data-tier="3"] .pot-sparkles i{font-size:15px}
@keyframes potspark{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}20%{opacity:1}75%{opacity:.7}100%{opacity:0;transform:translateY(-65px) scale(.8) rotate(100deg)}}@keyframes potglow{50%{opacity:.45;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.pot-sparkles i{animation:none;opacity:.65;bottom:calc(10px + var(--spark)*3px)}.pot-pile[data-tier="3"]:before{animation:none}}
.large-table .seat-6 .hole-cards,.large-table .seat-7 .hole-cards,.large-table .seat-8 .hole-cards,.large-table .seat-9 .hole-cards{left:auto!important;right:84px}
@media(max-width:600px){.large-table .seat-6 .hole-cards,.large-table .seat-7 .hole-cards,.large-table .seat-8 .hole-cards,.large-table .seat-9 .hole-cards{right:56px}}
.table-page .topbar{margin:0 auto}.table-page .dealer-deck{left:29%;top:45%}.table-page .dealer-deck small{display:none}.table-page .large-table .seat-5{--y:18%}
@media(max-width:600px){.table-page .dealer-deck,.table-page .large-table .dealer-deck{left:50%;top:30%;transform:translate(-50%,-50%) scale(.33)}.table-page .large-table .seat-5{--y:16%}}
.table-page .community{transform:translate(-50%,-50%) scale(var(--seat-scale,1))}.pot-pile{height:62px}.pot-pile[data-tier="3"] .pot-sparkles i{font-size:17px;color:#fff5ce}.pot-pile[data-tier="3"]:before{inset:-24px -20px -12px;background:radial-gradient(ellipse,#e9b84b60,transparent 70%)}
@media(max-width:600px){.table-page .community{transform:translate(-50%,-50%)}}

/* Readable decisions and an unmistakable mint turn marker, distinct from the leader crown. */
.preaction-row{flex-wrap:wrap;justify-content:flex-start;column-gap:22px;row-gap:6px}.preaction-row small{margin-left:auto}.preaction-row:has(input:disabled){opacity:1}.preaction-row label:has(input:disabled){opacity:.5}
.seat.active{z-index:12}.seat.active .seat-info{border:2px solid #b6ffe2;background:#123f35;box-shadow:0 0 0 3px #56dba87a,0 0 24px #54d9a980,0 4px #10251e}.seat.active .seat-name{color:#f2fff8}.seat.active .avatar:before{inset:8% -8% -5%;width:auto;height:auto;border:2px solid #88edc7;border-radius:12px;background:radial-gradient(ellipse,#78f5bc50,#4cc58c10);box-shadow:0 0 20px #8affc85e;animation:active-seat-glow 1.6s ease-in-out infinite}.seat.active .seat-action{background:#b5f9d4;color:#103e2b;border:1px solid #e0ffed;font-weight:800;box-shadow:0 2px 9px #071a11b3}.seat.active .seat-info:after{background:#92ffcf;height:3px}.seat.active .turn-clock{background:#b5f9d4}.hero-turn.action-dock{box-shadow:inset 0 3px #9ef2c8}.table-clock{border-color:#83bca2}.clock-bar{background:#9debc4}
@keyframes active-seat-glow{50%{box-shadow:0 0 31px #a5ffd394;background-color:#66dfab18}}
.table-speech{position:absolute;z-index:15;max-width:190px;min-width:75px;padding:9px 12px;color:#293029;background:#fff0ce;border:2px solid #e2c18b;border-radius:8px;box-shadow:0 4px 15px #0008;font-size:13px;line-height:1.35;text-align:center;overflow-wrap:anywhere;pointer-events:none}.table-speech:after{content:'';position:absolute;bottom:-8px;left:50%;border-top:8px solid #fff0ce;border-left:6px solid transparent;border-right:6px solid transparent}
.refund-receipt{font-size:11px;margin-top:5px;color:#c5f9d8}.action-float.action-refund{color:#caffdf;background:#164230;border-color:#a9e6ba}
.pot-pile{width:192px;height:78px;display:block;filter:drop-shadow(0 4px 3px #07231999)}.treasure-art{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:visible;image-rendering:pixelated}.pot-pile:before{inset:18px -14px -15px!important;background:radial-gradient(ellipse,#efbc4d40,transparent 70%)!important}.pot-pile[data-tier="3"]:before{background:radial-gradient(ellipse,#efbc4d70,transparent 70%)!important}.pot-sparkles{inset:3px 15px 8px}.pot-sparkles i{font-size:12px!important;bottom:calc(4px + var(--spark)*3px);animation:treasure-glint 3.3s var(--spark-delay) ease-in-out infinite}.pot-zone .pot-label{margin-top:0}.pot-zone #pot-value{text-shadow:0 2px 4px #14251e,1px 0 #14251e,-1px 0 #14251e}
@keyframes treasure-glint{0%,70%,100%{opacity:0;transform:translateY(-16px) scale(.3)}10%,30%{opacity:1;transform:translateY(-18px) scale(1)}45%{opacity:0;transform:translateY(-22px) scale(.5)}}
@media(max-width:600px){.preaction-row{column-gap:12px;row-gap:4px}.preaction-row small{flex-basis:100%;max-width:none;margin-left:24px}.table-speech{max-width:150px;font-size:11px;padding:7px 9px}.seat.active .seat-info{box-shadow:0 0 0 2px #56dba87a,0 0 15px #54d9a980}.refund-receipt{font-size:9px}}
@media(prefers-reduced-motion:reduce){.seat.active .avatar:before{animation:none}.pot-sparkles i{animation:none;opacity:.7}}

#effects-layer{z-index:20}.pot-pile{width:205px}

/* Keep the full pot above the local player's head and cards. */
.table-page .pot-zone{flex-direction:row;align-items:center;gap:10px}
.table-page .pot-caption{margin:0;min-width:96px;padding:8px 10px;border:1px solid #a88a4b80;border-radius:7px;background:#102c24ed;box-shadow:0 3px 12px #071b1766}
.table-page .pot-caption strong{display:block;white-space:nowrap;font-size:25px;line-height:1.15}
.table-page .seat-0{transform:translate(-50%,-50%) scale(var(--hero-scale,var(--seat-scale,1)))}
@media(max-width:600px){.table-page .seat-0{top:auto;bottom:3px;transform:translateX(-50%) scale(var(--hero-scale,1));transform-origin:bottom center}.table-page .scene .community{top:42%}.table-page .pot-zone{top:50%;flex-direction:column;gap:4px;transform:translateX(-50%) scale(.6)}.table-page .pot-caption{min-width:90px;padding:5px 9px}}
@media(max-width:600px){.table-page .community{gap:3px}.table-page .community .card{width:30px;height:44px;font-size:14px}.table-page .community .card .suit{font-size:17px}}
@media(max-width:600px) and (max-height:700px){.table-page .scene .community{top:37%}.table-page .scene .street-track{top:28%}.table-page .pot-zone{top:45%;transform:translateX(-50%) scale(.55)}}

/* The largest stack wears warm gold; the active turn retains its mint frame. */
.king-aura{pointer-events:none;position:absolute;inset:-20% -23% -9%;z-index:0;border-radius:48%;background:radial-gradient(ellipse,#ffdf713d 10%,#ffce4645 38%,#e5ad2815 61%,transparent 75%);box-shadow:0 0 21px #ffd65e55,inset 0 0 16px #ffd36444;animation:king-breathe 3.2s ease-in-out infinite}.king-aura:before,.king-aura:after{content:"";position:absolute;inset:14% 12% 3%;border:2px solid #ffdb77a6;border-top-color:transparent;border-bottom-color:#ffedaa;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 9px #ffdf704d}.king-aura:after{inset:6% 21% -3%;transform:rotate(19deg);opacity:.55}.king-aura i{position:absolute;font-style:normal;color:#fff2ad;font-size:15px;text-shadow:0 0 7px #ffc735;animation:king-spark 3.7s ease-in-out infinite}.king-aura i:nth-child(1){left:6%;top:26%}.king-aura i:nth-child(2){right:6%;top:53%;animation-delay:1.1s}.king-aura i:nth-child(3){right:23%;top:4%;animation-delay:2.2s}.chip-leader .avatar .animal-sprite{position:relative;z-index:1}.chip-leader .seat-info{border-color:#ffe38c;box-shadow:0 0 0 1px #b88933,0 0 19px #ffc84d5e;padding-bottom:16px;background:linear-gradient(140deg,#38331f,#20272b 70%)}.chip-leader .seat-name{color:#ffdf7c;text-shadow:0 0 8px #fbd16b66}.king-label{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffe19a;font-size:7px;font-weight:800;letter-spacing:1px}.chip-leader .leader-crown{filter:drop-shadow(0 0 5px #ffd85c) drop-shadow(0 2px 0 #7b4d14);background:linear-gradient(#fff9c7 0 20%,#ffda55 20% 70%,#dc9a24 70% 100%)}.chip-leader.active .seat-info{border-color:#b6ffe2;box-shadow:0 0 0 3px #56dba87a,0 0 24px #54d9a980}.chip-leader.active .seat-name{color:#ffdf7c}@keyframes king-breathe{50%{opacity:.72;transform:scale(1.07)}}@keyframes king-spark{0%,100%{opacity:.25;transform:translateY(4px) scale(.7)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}}@media(max-width:600px){.chip-leader .seat-info,.large-table .chip-leader:not(.seat-0) .seat-info{padding-bottom:12px}.king-label{font-size:6px;letter-spacing:.5px;bottom:2px}.king-aura i{font-size:10px}.king-aura:before,.king-aura:after{border-width:1px}}@media(prefers-reduced-motion:reduce){.king-aura,.king-aura i{animation:none}}

/* Compact phone portraits; retain readable cards, names and chip counts. */
@media (max-width:600px) {
 .table-page .scene .seat:not(.seat-0) .avatar {width:50px;height:46px}
 .table-page .scene .seat:not(.seat-0) .animal-sprite {width:56px;height:56px}
 .table-page .scene .seat:not(.seat-0) .hole-cards {top:17px}
 .table-page .scene .seat:not(.seat-0) .dealer-button {top:42px}
 .table-page .scene .seat:not(.seat-0) .seat-bet {top:70px}
 .table-page .scene .seat:not(.seat-0) .leader-crown {left:50%;top:-5px;width:19px;height:14px}
 .table-page .scene .avatar:after {height:27px}
 .table-page .scene .seat-0 .avatar {left:8px;width:56px;height:72px}
 .table-page .scene .seat-0 .animal-sprite {width:62px;height:62px}
 .table-page .scene .seat-0 .leader-crown {left:36px;top:4px;width:21px;height:16px}
 .table-page .scene .seat-0 .dealer-button {top:49px}
 .table-page .scene:not(.large-table) .seat-3 {--y:18%}
 .table-page .large-table .seat:not(.seat-0) .avatar {width:40px;height:36px}
 .table-page .large-table .seat:not(.seat-0) .animal-sprite {width:44px;height:44px}
 .table-page .large-table .seat:not(.seat-0) .hole-cards {top:7px}
 .table-page .large-table .seat:not(.seat-0) .dealer-button {top:32px}
 .table-page .large-table .seat:not(.seat-0) .seat-bet {top:52px}
 .table-page .large-table .seat:not(.seat-0) .leader-crown {width:16px;height:12px}
 .table-page .large-table .seat-0 .avatar {height:60px}
 .table-page .large-table .seat-0 .animal-sprite {width:56px;height:56px}
 .table-page .large-table .seat-0 .dealer-button {top:41px}
}

/* Desktop tables keep a generous vertical playing area. Compact the room
   heading before giving any space back to the cards, seats and pot. */
@media (min-width:941px) {
 body.table-page:not(.at-lobby) {min-height:740px;overflow-y:auto}
 .table-page:not(.at-lobby) .topbar {height:50px;min-height:50px;flex-shrink:0}
 .table-page:not(.at-lobby) .game-shell {
  display:grid;grid-template-columns:145px minmax(0,1fr);
  grid-template-rows:auto auto minmax(0,1fr);
  column-gap:16px;row-gap:6px;padding-top:8px;
 }
 .table-page:not(.at-lobby) .table-toolbar {margin:0;align-self:center;height:28px}
 .table-page:not(.at-lobby) .room-bar {min-height:32px;margin:0;gap:16px}
 .table-page:not(.at-lobby) .room-bar .eyebrow {display:none}
 .table-page:not(.at-lobby) h1 {margin:0;font-size:21px}
 .table-page:not(.at-lobby) .personality-bar {grid-column:1/-1;margin:0;min-height:28px}
 .table-page:not(.at-lobby) .personality-bar button {padding:5px 9px}
 .table-page:not(.at-lobby) .game-layout {grid-column:1/-1;min-height:0}
 .table-page:not(.at-lobby) .scene {height:auto;min-height:420px;flex:1}
 .table-page:not(.at-lobby) .table-footer {display:flex}
 .table-page:not(.at-lobby) .social-panel {max-height:none}
}
