/* v10.13: 19% larger desktop tiles, plus an unscaled touch hand. */
#table.table-shell{left:var(--ftg-board-x,50%)!important;top:var(--ftg-board-y,50%)!important}
#table .hand-wrap{right:1.8%!important;bottom:2.8%!important}
#table .hand{overflow-x:auto!important;overflow-y:hidden!important}
#handSafeArea{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#handDock{position:absolute;z-index:110;min-width:0;pointer-events:none}
#handDock .hand-wrap{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;pointer-events:auto}
#handDock .hand-row{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important}
#handDock .hand{display:flex!important;justify-content:flex-start!important;flex:0 1 auto!important;align-items:flex-end!important;gap:3px!important;min-width:0!important;padding:5px 4px 8px!important;background:transparent!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}
#handDock .hand::-webkit-scrollbar{display:none}
#handDock .tile.mj-tile{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 var(--touch-tile-w)!important;width:var(--touch-tile-w)!important;min-width:var(--touch-tile-w)!important;height:calc(var(--touch-tile-w) / .72)!important;aspect-ratio:.72!important;padding:2px 2px 5px!important;overflow:hidden!important;border:1px solid #d9d0c8!important;border-radius:6px!important;background:linear-gradient(#fffefa,#fff8ef)!important;color:#20282a!important;line-height:1!important;box-shadow:0 4px 0 #397d61,0 6px 7px #533c3b29,inset 0 2px 2px #fff!important;touch-action:pan-x;user-select:none;-webkit-user-select:none}
#handDock .tile.mj-tile:disabled{opacity:1!important;filter:none!important}
#handDock .tile.mj-tile:focus-visible{outline:3px solid #ed7896!important;outline-offset:1px}
#handDock .tile.mj-tile:active:not(:disabled){filter:brightness(.96)!important}
#handDock .drawn-area{position:relative!important;flex:0 0 calc(var(--touch-tile-w) + 4px)!important;width:calc(var(--touch-tile-w) + 4px)!important;min-width:0!important;padding:0!important;margin:0 3px 8px 0!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#handDock .drawn-area.empty{display:none!important}
#handDock .drawn-area .tile{box-shadow:0 0 0 3px #ff8797,0 4px 0 #397d61,0 6px 7px #533c3b29!important}
#handDock .drawn-label{position:absolute!important;bottom:calc(100% + 6px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;white-space:nowrap!important;font-size:11px!important;line-height:1.1!important;padding:2px 5px!important;border-radius:12px!important;background:#fff5f1!important;color:#b34862!important;border:1px solid #efb5c5!important}
#handDock .hand-wrap.can-scroll::before{content:'↔ 左右滑動手牌';position:absolute;left:4px;bottom:calc(100% + 1px);font-size:11px;line-height:1.2;color:#894f60;background:#fff4edee;border-radius:12px;padding:2px 7px;pointer-events:none}