/* The original cloth includes its own frame: no second rendered rail. */
@layer studio {
@media (max-height:600px) and (orientation:landscape) {
 body.studio-3d #gameApp:not([hidden]) {grid-template-columns:112px minmax(0,1fr) 128px!important;grid-template-rows:60px minmax(0,1fr) 86px!important;}
 body.studio-3d #gameApp .top-bar {display:contents!important;}
 body.studio-3d #gameApp .top-bar>div:first-child {grid-column:1!important;grid-row:1!important;align-self:start!important;padding:8px!important;background:#10231aeb!important;border-radius:10px!important;}
 body.studio-3d #gameApp .top-bar .status-grid {grid-column:3!important;grid-row:1/3!important;align-self:start!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;gap:5px!important;}
 body.studio-3d #gameApp .top-bar .status-pill {height:auto!important;min-height:34px!important;white-space:normal!important;}
 body.studio-3d #gameApp .top-bar .status-pill strong {white-space:normal!important;}
 body.studio-3d #gameApp .score-board {grid-column:1!important;grid-row:2/4!important;}
 body.studio-3d #gameApp .table {grid-row:1/4!important;}
 body.studio-3d #gameApp .hand-panel {grid-row:3!important;}
 body.studio-3d #gameApp .game-events {grid-column:3!important;grid-row:2/4!important;align-self:end!important;margin-bottom:42px!important;padding:10px!important;height:auto!important;max-height:calc(100dvh - 200px)!important;overflow-y:auto!important;white-space:normal!important;font-size:12px!important;line-height:1.45!important;text-align:left!important;}
 body.studio-3d #gameApp .game-events>* {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
 body.studio-3d #gameApp .table,body.studio-3d #gameApp .hand-panel {
  grid-column:2!important;justify-self:center!important;width:min(100%,calc((100dvh - 16px)*1.18))!important;
 }
 body.studio-3d.studio-original-cloth #gameApp .table {
  background-image:var(--studio-square-cloth)!important;background-position:center!important;
  background-size:100% 100%!important;background-repeat:no-repeat!important;
 }
 body.studio-3d.studio-original-cloth #gameApp .table .studio-scene {display:none!important;}
 body.studio-3d #gameApp .table .player {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;width:96px!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;}
 body.studio-3d #gameApp .table .player-top {top:4px!important;flex-direction:row!important;width:158px!important;gap:6px!important;}
 body.studio-3d #gameApp .table .player-top .player-info {align-self:center!important;}
 body.studio-3d #gameApp .table .player .player-info {translate:none!important;}
 body.studio-3d #gameApp .table .player-left {left:-32px!important;top:43%!important;}
 body.studio-3d #gameApp .table .player-right {right:-32px!important;top:43%!important;}
 body.studio-3d #gameApp .table .player .avatar {
  position:static!important;order:0!important;transform:none!important;width:56px!important;height:56px!important;margin:0!important;
  max-height:56px!important;flex:0 0 56px!important;border:2px solid #eddbac!important;
 }
 body.studio-3d #gameApp .table .player .player-info {
  position:static!important;order:1!important;transform:none!important;width:90px!important;min-width:0!important;
  box-sizing:border-box!important;padding:4px!important;margin:0!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;text-align:center!important;background:#10231af5!important;
 }
 body.studio-3d #gameApp .table .player-info span {font-size:12px!important;line-height:1.15!important;}
 body.studio-3d #gameApp .table .trick-area {
  inset:74px 18% 92px!important;width:auto!important;height:auto!important;
  min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;translate:none!important;transform:none!important;
 }
 body.studio-3d #gameApp .table .trick-area:not(.collecting) .played-card {
  right:auto!important;bottom:auto!important;margin:0!important;translate:none!important;
  transform:translate(-50%,-50%)!important;
 }
 body.studio-3d #gameApp .table .trick-area:not(.collecting) .played-card.seat-partner {top:25%!important;left:50%!important;}
 body.studio-3d #gameApp .table .trick-area:not(.collecting) .played-card.seat-user {top:75%!important;left:50%!important;}
 body.studio-3d #gameApp .table .trick-area:not(.collecting) .played-card.seat-left {top:50%!important;left:24%!important;}
 body.studio-3d #gameApp .table .trick-area:not(.collecting) .played-card.seat-right {top:50%!important;left:76%!important;}
 body.studio-3d #gameApp .table .trick-area .played-card.seat-partner {--studio-seat-left:50%;--studio-seat-top:25%;}
 body.studio-3d #gameApp .table .trick-area .played-card.seat-user {--studio-seat-left:50%;--studio-seat-top:75%;}
 body.studio-3d #gameApp .table .trick-area .played-card.seat-left {--studio-seat-left:24%;--studio-seat-top:50%;}
 body.studio-3d #gameApp .table .trick-area .played-card.seat-right {--studio-seat-left:76%;--studio-seat-top:50%;}
 body.studio-3d #gameApp .hand-panel #playerHand.hand {align-items:flex-end!important;}
 body.studio-3d #gameApp .hand-panel #playerHand.hand>.card {
  width:calc(12.5% - 2px)!important;max-width:58px!important;flex:0 1 58px!important;
  height:auto!important;min-height:0!important;max-height:82px!important;aspect-ratio:1/1.45!important;margin:0 1px!important;
 }
 body.studio-3d #gameApp .table .trick-area .played-card,
 body.studio-3d #gameApp .table .trick-area .played-card .mini-card {width:50px!important;min-width:50px!important;max-width:50px!important;}
 body.studio-3d #gameApp .table .trick-area .played-card .mini-card {height:72px!important;min-height:72px!important;max-height:72px!important;}
 body.studio-3d #gameApp .table .trick-area .mini-card .corner {font-size:17px!important;}
 body.studio-3d #gameApp .table .trick-area .mini-card .suit {font-size:28px!important;}
 body.studio-3d #gameApp .studio-chat-toggle {max-width:96px!important;padding:6px 9px!important;}
}
@media (max-height:380px) and (orientation:landscape) {
 body.studio-3d #gameApp .table .player .avatar {width:46px!important;height:46px!important;flex-basis:46px!important;}
 body.studio-3d #gameApp .table .player-info span {font-size:10px!important;}
 body.studio-3d #gameApp .table .trick-area {inset:62px 18% 86px!important;}
}
}
