/* R27: a centered, complete 1320x744 landscape canvas. Keep native card ratios. */
#gameStage .bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 1000px minmax(0,1fr)!important;gap:0!important;position:relative!important;height:214px!important;min-height:214px!important;max-height:214px!important;overflow:visible!important}
#gameStage .player-area{grid-column:2!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:1000px!important;max-width:1000px!important;height:214px!important;min-height:214px!important;max-height:214px!important;display:grid!important;grid-template-columns:116px 340px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;overflow:hidden!important}
#gameStage .self-seat{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;transform:none!important}
#gameStage .hand-area{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;transform:none!important;overflow:hidden!important}
#gameStage .play-buttons{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;height:auto!important;max-height:none!important;transform:none!important;overflow:hidden!important}
#gameStage .chat-panel{grid-column:3!important;position:absolute!important;left:calc(50% + 506px)!important;right:auto!important;top:0!important;bottom:0!important;width:calc(50% - 506px)!important;min-width:0!important;height:214px!important;overflow:hidden!important}
#gameStage .mycards{height:155px!important;min-height:0!important;gap:5px!important}
#gameStage .playing-card{width:76px!important;min-width:76px!important;max-width:76px!important;height:106px!important;min-height:106px!important;max-height:106px!important;aspect-ratio:5/7!important;flex:0 0 76px!important}
#gameStage .game{height:650px!important;grid-template-rows:minmax(0,1fr) 214px 34px!important;min-height:0!important;overflow:hidden!important}
#gameStage .board{min-height:0!important;overflow:hidden!important}
#gameStage .footer{height:34px!important;min-height:34px!important}
#gameStage .bets button,#gameStage .exchange button{min-height:0!important}
/* Chat remains accessible from the mobile chat toggle without covering the player's hand. */
#gameStage.mobile-landscape .chat-panel{position:absolute!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:300px!important;z-index:35!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#gameStage.mobile-landscape .chat-panel.chat-closed{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#gameStage.mobile-landscape .bottom{grid-template-columns:minmax(0,1fr) 1000px minmax(0,1fr)!important}
#gameStage.mobile-landscape .player-area{width:1000px!important}
#gameStage.mobile-landscape .hand-area{justify-content:center!important}
#gameStage.mobile-landscape .play-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;grid-template-rows:42px minmax(0,1fr)!important;gap:5px!important}
#gameStage.mobile-landscape .bet-controls{grid-column:1/3!important}
#gameStage.mobile-landscape .bets{grid-column:1!important;grid-row:2!important}
#gameStage.mobile-landscape .exchange{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important}
/* Dedicated fullscreen affordance; browser fullscreen must start from a user gesture. */
#gameStage.mobile-landscape #zoom{display:inline-block!important;visibility:visible!important}