/* R22 mobile-first readability and visible, restrained separations. */
.board .table::before{border:1.5px solid rgba(173,220,216,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 6px 24px rgba(0,0,0,.20)!important}
.player-area,.chat-panel,.center-status,.seat{box-shadow:inset 0 0 0 1px rgba(159,206,204,.18),0 4px 14px rgba(0,0,0,.20)!important}
.hand-area{box-shadow:inset 0 0 0 1px rgba(159,206,204,.13)!important}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (orientation:landscape) and (max-width:1100px){
  /* Mobile layout uses the full 1320 logical canvas, with larger type to survive scaling. */
  .topbar{font-size:23px!important;height:40px!important;padding:0 12px!important}
  .top-right{gap:6px!important}.top-right button{font-size:19px!important;padding:4px 12px!important;min-height:32px!important}
  .walletbar{font-size:23px!important;height:39px!important;padding:0 14px!important}
  .game{grid-template-rows:minmax(0,1fr) 244px 36px!important;gap:6px!important;padding:5px 5px 2px!important}
  .bottom{height:244px!important;grid-template-columns:minmax(0,1fr)!important;position:relative!important}
  .player-area{grid-template-columns:105px 335px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
  .self-seat .portrait{width:90px!important;height:115px!important}
  .self-seat .seat-info,.seat .seat-info{font-size:22px!important}
  .self-seat .seat-info small,.seat .seat-info small{font-size:19px!important}
  .seat{width:325px!important;height:137px!important}
  .seat-topleft,.seat-bottomleft{left:30px!important}
  .seat-topright,.seat-bottomright{right:30px!important}
  .seat .portrait{width:72px!important;height:84px!important}
  .back{width:47px!important;min-width:47px!important;height:86px!important;min-height:86px!important}
  .game-meta{font-size:20px!important}.game-meta small,.deck-display span{font-size:18px!important}
  .center-status{top:200px!important;width:330px!important;left:calc(50% - 165px)!important}
  .round-badge{font-size:23px!important;height:35px!important}
  .pot-row{font-size:24px!important;height:39px!important}
  .status{font-size:20px!important;min-height:34px!important}
  .play-buttons{grid-template-rows:43px minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr) 138px!important;gap:7px!important}
  .bet-controls{grid-template-columns:minmax(0,1fr) 140px!important}
  .amount input,.amount button{height:40px!important;font-size:20px!important}
  .bet-slider{height:40px!important}.bet-slider button{height:36px!important;width:31px!important;font-size:22px!important}
  .bets{gap:7px!important}.bets button{font-size:25px!important;line-height:1.1!important}
  .exchange button{font-size:27px!important}
  .mycards{height:180px!important}.playing-card{height:164px!important;min-height:164px!important;max-height:164px!important;width:83px!important}
  .playing-card .corner{font-size:33px!important}.playing-card .symbol{font-size:62px!important}
  .cards-head{font-size:22px!important;margin-top:0!important}
  .footer{height:36px!important}.footer button{height:34px!important;font-size:19px!important;padding:2px 13px!important}
  .message{font-size:18px!important}
  /* Chat is an overlay on narrow landscape phones, rather than stealing card space. */
  .chat-panel{position:absolute!important;right:4px!important;top:0!important;bottom:0!important;width:360px!important;z-index:35!important;background:#07131bef!important;box-shadow:0 0 0 1px rgba(174,221,216,.36),0 7px 25px #000c!important}
  .chat-panel.chat-closed{visibility:hidden!important}
  .chat-tabs{height:42px!important}.chat-tabs button{font-size:20px!important}
  .chat-log{font-size:21px!important}.chat-entry{height:43px!important}
  .chat-entry input,.chat-entry button{font-size:19px!important}
  .game-drawer{font-size:22px!important}
}
@media (orientation:landscape) and (max-width:700px){
 .seat-topleft,.seat-bottomleft{left:8px!important}.seat-topright,.seat-bottomright{right:8px!important}
}