.seat-person{display:flex;align-items:center;gap:10px;min-width:0}
.position-west .seat-person,.position-east .seat-person{flex-direction:column}
.physical-table.is-complete{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr) minmax(130px,180px);grid-template-areas:". north ." "west board east" ". south .";gap:20px;padding:24px;align-items:center}
.is-complete .table-surface{grid-area:board;min-width:0}
.is-complete .table-seat{position:relative;inset:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;padding:13px;gap:12px;border-radius:15px;text-align:left}
.is-complete .position-north{grid-area:north}
.is-complete .position-south{grid-area:south}
.is-complete .position-west{grid-area:west}
.is-complete .position-east{grid-area:east}
.is-complete .position-north,.is-complete .position-south{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1fr);align-items:center}
.is-complete .position-north .revealed-hand,.is-complete .position-south .revealed-hand{border-top:0;border-left:1px solid #ffffff2c;padding:0 0 0 12px}
.is-complete .seat-person{justify-content:center;flex-wrap:wrap}
.is-complete .seat-identity strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.is-complete .position-west .seat-identity,.is-complete .position-east .seat-identity{text-align:center}
.revealed-hand{min-width:0;border-top:1px solid #ffffff2c;padding-top:10px}
.revealed-hand-summary{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.5;color:#d5e9e9;margin-bottom:10px;flex-wrap:wrap}
.revealed-hand-summary span{color:#ffda78;font-weight:700}
.revealed-tiles{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.revealed-tile{display:block;flex:none}
.revealed-tile .domino{display:flex;flex-direction:column;width:34px;height:66px;padding:4px;border:1px solid #d5d1bd;border-radius:5px;box-shadow:0 3px 0 #a6a698,0 5px 6px #0005}
.revealed-tile .domino .half{padding:2px;gap:1px}
.revealed-hand-note{font-size:13px;color:#486674;line-height:1.7}
@media(max-width:700px){
 .physical-table.is-complete{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"north north" "board board" "west east" "south south";padding:18px 12px;gap:14px;border-radius:25px}
 .is-complete .table-seat{padding:12px 9px}
 .is-complete .position-north,.is-complete .position-south{grid-template-columns:110px minmax(0,1fr)}
 .is-complete .table-surface{min-height:160px}
 .is-complete .seat-identity strong{font-size:12px}
 .is-complete .position-west .seat-identity strong,.is-complete .position-east .seat-identity strong{max-width:100%;font-size:12px}
 .is-complete .table-seat .union-avatar{width:38px;height:38px}
 .is-complete .seat-person{gap:7px}
 .is-complete .position-west .seat-identity>span,.is-complete .position-east .seat-identity>span,.is-complete .position-west .seat-identity small,.is-complete .position-east .seat-identity small{font-size:10px}
 .revealed-tiles{gap:6px}
 .revealed-tile .domino{width:30px;height:58px;padding:3px}
}