/* v10.11: keep the hand below the table and all exposed sets on its surface. */
#table #myExtras{
  left:37.4%!important;top:65.8%!important;bottom:auto!important;
  width:26%!important;height:6%!important;
  align-items:center!important;justify-content:center!important;gap:6px!important;
}
#table #myMelds,#table #myFlowers{display:contents!important}
#table #myMelds::before,#table #myFlowers::before{display:none!important;content:none!important}
#table #myExtras .set-group,#table .opponent-sets .set-group{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  flex-wrap:nowrap!important;gap:1px!important;padding:2px!important;min-width:0!important;
  background:rgba(255,248,242,.58)!important;border-radius:5px!important;
}
#table #myExtras .tile.mj-tile.small,#table .opponent-sets .tile.mj-tile.small,#table .opponent-sets .meld-back{
  width:var(--exposed-tile-w)!important;height:var(--exposed-tile-h)!important;
  min-width:0!important;flex:0 0 auto!important;
}
#table .opponent-sets{gap:6px!important;flex-wrap:nowrap!important;align-items:center!important}
#table .sets-top{height:7.3%!important;align-items:center!important}
#table .sets-left,#table .sets-right{
  top:31.5%!important;height:29%!important;justify-content:flex-start!important;
}
#table .sets-left .set-group,#table .sets-right .set-group{flex-direction:column!important;max-width:none!important}
#table .sets-left .tile.mj-tile.small,#table .sets-right .tile.mj-tile.small,
#table .sets-left .meld-back,#table .sets-right .meld-back{
  width:var(--exposed-tile-h)!important;height:var(--exposed-tile-w)!important;
  aspect-ratio:auto!important;padding:1px!important;
}
#table .sets-left .tile-svg,#table .sets-right .tile-svg{
  position:absolute!important;left:50%!important;top:50%!important;
  width:calc(var(--exposed-tile-w) - 4px)!important;height:calc(var(--exposed-tile-h) - 5px)!important;
  max-width:none!important;max-height:none!important;
}
#table .sets-left .tile-svg{transform:translate(-50%,-50%) rotate(90deg)!important}
#table .sets-right .tile-svg{transform:translate(-50%,-50%) rotate(-90deg)!important}
/* The drawn tile follows the actual hand, including after chi/pong/kong. */
#table .hand-row{justify-content:flex-start!important;gap:14px!important}
#table .hand{flex:0 1 auto!important;overflow:visible!important}
#table .drawn-area{transform:none!important;margin-bottom:6.55px!important;z-index:56!important}
#table .drawn-area.empty{display:none!important}