/* Larger desktop type and tiles, with less empty felt and room for chat. */
@media (min-width:901px) and (min-height:601px){
  body.chat-open{--chat-reserve:clamp(270px,24vw,338px)}
  .topbar .icon-button{font-size:15px}.topbar .icon-button span{font-size:14px}.connection{font-size:13px}
  .game,.chat-open .game{--play-width:calc(100vw - var(--chat-reserve,0px));--board-size:min(480px,max(260px,calc(100dvh - 440px)),calc(var(--play-width) - 400px));--discard-size:clamp(22px,calc(var(--board-size)*.065),30px);--river-length:calc(var(--discard-size)*6 + 5px)}
  body:not(.chat-open) .game{--chat-reserve:0px}
  .game-toolbar{height:48px;font-size:14px}.game-toolbar .text-button{font-size:14px;padding:8px 12px}
  .table-scene{margin-top:90px}
  .seat{font-size:16px;padding:6px 8px;gap:8px;max-width:145px}
  .seat .avatar{width:36px;height:36px}.seat .avatar-face{font-size:26px}.seat-name{max-width:80px}.seat-score{font-size:15px;line-height:1.35;margin-top:3px}
  .player-kind{font-size:11px;padding:3px}.dealer{font-size:12px;padding:2px 4px}.avatar-wind{width:20px;height:20px;font-size:12px}
  .seat-top{top:-88px;max-width:260px}.seat-top .seat-name{max-width:160px}
  .opponent-top{top:-28px}.opponent-top .tile{--tw:18px}
  .opponent-side.left{left:-26px}.opponent-side.right{right:-26px}.opponent-side .tile{--tw:20px;height:12px}
  .melds .tile{--tw:24px}.melds-top{top:-33px;left:calc(50% + 126px);max-width:150px}
  .melds-left,.melds-right{top:calc(50% - 100px);max-width:145px}
  .river{max-height:calc((var(--board-size) - 24px - var(--river-length))/2)}
  .river-left,.river-right{max-height:none;max-width:calc((var(--board-size) - 24px - var(--river-length))/2)}
  .table-center{width:98px;height:92px}.table-center #wind{font-size:28px}.table-center b{font-size:14px}.table-center #countdown{font-size:13px}
  .hand-heading{height:46px}.self-seat{font-size:16px;padding:4px 10px;gap:9px}.self-seat .avatar{width:36px;height:36px}.self-seat .seat-score{font-size:15px}
  .tiles-row,.chat-open .tiles-row{min-height:0;padding-top:14px;gap:12px}.hand .tile,.chat-open .hand .tile{--tw:min(72px,calc((var(--play-width) - 124px)/14))}
  .self-melds .tile,.chat-open .self-melds .tile{--tw:28px}
  .controls,.chat-open .controls{min-height:62px;gap:16px}.turn-copy #status{font-size:15px}.turn-copy p{font-size:13px}
  .action{font-size:16px;min-height:46px;padding:10px 24px}.action .tile{--tw:22px}
  .payment-notice{font-size:15px;top:calc(50% + 52px)}
  .chat-open .chat-panel{width:calc(var(--chat-reserve) - 28px)}.chat-header h2{font-size:20px}.chat-presence{font-size:12px;max-height:44px}.chat-message{font-size:15px;line-height:1.6}.chat-message b{font-size:14px}.chat-message time{font-size:11px}.chat-empty{font-size:15px}
  .play-panel label{font-size:14px}.play-panel .secondary{font-size:15px}.smallprint,.legal-links{font-size:13px}.divider{font-size:13px}.lobby p,.lobby-person{font-size:15px}.lobby-person small{font-size:13px}
  dialog p,#rule-content{font-size:15px}.invite-help ol,.invite-help summary{font-size:15px}.agent-invite-row{font-size:15px}.score-row{font-size:16px}.score-row strong{font-size:20px}
}