@layer studio {
body.studio-3d #gameApp .player-top .opponent-card-fan {
  left:calc(100% + 12px)!important;right:auto!important;top:40px!important;bottom:auto!important;
  transform:none!important;width:72px!important;height:52px!important;
}
/* Put the trick on the felt, below the partner's avatar, name and card fan. */
body.studio-3d #gameApp .trick-area:not(.collecting) .played-card.seat-partner {
  top:52%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
body.studio-3d #gameApp .trick-area:not(.collecting) .played-card.seat-user {
  top:80%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
body.studio-3d #gameApp .trick-area:not(.collecting) .played-card.seat-left {
  top:64%!important;left:37%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
body.studio-3d #gameApp .trick-area:not(.collecting) .played-card.seat-right {
  top:64%!important;left:63%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
/* Keep the same card geometry throughout play and collection, independent of legacy viewport rules. */
body.studio-3d #gameApp .trick-area .played-card {
  width:64px!important; min-width:64px!important; max-width:64px!important;
}
body.studio-3d #gameApp .trick-area .played-card .mini-card {
  width:64px!important; height:92px!important; min-width:64px!important;
  max-width:64px!important; min-height:92px!important; max-height:92px!important;
  aspect-ratio:auto!important; border-radius:6px!important;
  box-shadow:1px 2px 0 #a99c7c,3px 6px 10px #0007!important;
}
body.studio-3d #gameApp .trick-area .mini-card .corner {top:5px!important;left:6px!important;font-size:14px!important;line-height:1!important;}
body.studio-3d #gameApp .trick-area .mini-card .suit {font-size:28px!important;padding-top:12px!important;}
body.studio-3d #gameApp .table-chat {
  grid-column:1/-1!important;grid-row:6!important;display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:230px!important;max-height:none!important;overflow:hidden!important;
  padding:20px!important;gap:12px!important;border:1px solid #b7a57835!important;
  border-radius:14px!important;background:linear-gradient(145deg,#1a2b21,#111e18)!important;
  box-shadow:0 12px 30px #0003!important;align-self:stretch!important;
}
body.studio-3d #gameApp .table-chat-header {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;}
body.studio-3d #gameApp .table-chat-header {height:auto!important;min-height:0!important;flex:0 0 auto!important;}
body.studio-3d #gameApp .table-chat-header>div {display:flex!important;flex-direction:column!important;gap:6px!important;}
body.studio-3d #gameApp .table-chat-header span {font:normal 22px Georgia!important;color:#eee2c6!important;}
body.studio-3d #gameApp .table-chat-header strong {font:normal 12px Arial!important;color:#b9c6b4!important;}
body.studio-3d #gameApp .table-chat-header small {font-size:12px!important;color:#aebcaa!important;line-height:1.5!important;}
body.studio-3d #gameApp .table-chat-log {
  flex:1 1 auto!important;min-height:90px!important;max-height:300px!important;height:auto!important;
  width:100%!important;overflow:auto!important;padding:12px!important;margin:0!important;
  border:1px solid #b7a57820!important;border-radius:9px!important;background:#0c1912!important;
}
body.studio-3d #gameApp .table-chat-log .chat-line {display:block!important;padding:10px!important;margin:0!important;background:#203329!important;border:0!important;border-radius:8px!important;}
body.studio-3d #gameApp .table-chat-log .chat-line span {display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;line-height:1.6!important;color:#dce4d7!important;}
body.studio-3d #gameApp .table-chat-form {display:flex!important;gap:8px!important;flex-shrink:0!important;width:100%!important;}
body.studio-3d #gameApp .table-chat-form input {flex:1!important;min-width:0!important;height:42px!important;padding:10px!important;font:13px Arial!important;background:#0d1b14!important;color:#e6e7d9!important;border:1px solid #adab7850!important;border-radius:7px!important;}
body.studio-3d #gameApp .table-chat-form button {flex:0 0 auto!important;padding:0 12px!important;height:42px!important;border:1px solid #b4a27270!important;border-radius:7px!important;background:#334936!important;color:#eee5c9!important;font:600 12px Arial!important;}
body.studio-3d #gameApp .table-chat-form input:focus-visible {outline:2px solid #c6b078!important;outline-offset:2px!important;}
@media(min-width:1200px) {
  body.studio-3d #gameApp:not([hidden]) {max-width:1640px!important;grid-template-columns:170px minmax(0,1fr) 270px!important;gap:20px!important;}
  body.studio-3d #gameApp .table-chat {grid-column:3!important;grid-row:2/4!important;align-self:start!important;height:420px!important;min-height:320px!important;max-height:420px!important;}
  body.studio-3d #gameApp .table-chat-log {max-height:none!important;}
}
@media(max-width:760px) {
  body.studio-3d #gameApp .trick-area .played-card {width:52px!important;min-width:52px!important;max-width:52px!important;}
  body.studio-3d #gameApp .trick-area .played-card .mini-card {width:52px!important;min-width:52px!important;max-width:52px!important;height:76px!important;min-height:76px!important;max-height:76px!important;}
  body.studio-3d #gameApp .table-chat {padding:16px!important;min-height:230px!important;}
}
}