/* Landscape game workspace. Vector faces retain their detail at any pixel density. */
.play-view { background:#e8eae4; }
.play-view .topbar { height:52px; background:#182e26; color:#f4f0df; border-bottom:1px solid #c3ae7755; }
.play-view .topbar .quiet { color:#dce4d7; }
.play-view .brand-mark { background:linear-gradient(125deg,#fff9e5,#d9cdb0); }
.play-view .app-shell { display:block; min-height:0; }
.play-view aside { padding:0 24px; background:#21392e; border:0; position:static; }
.play-view aside>.eyebrow,.play-view .sidebar-bottom { display:none; }
.play-view nav { display:flex; gap:8px; }
.play-view .nav { flex:0 1 auto; width:auto; font-size:12px; margin:0; padding:10px 18px; color:#b8c5b7; border-radius:0; }
.play-view .nav.active { background:transparent; color:#fff3cb; box-shadow:inset 0 -2px #cdb474; }
.play-view .nav:hover { background:#ffffff0b; }
.play-view main { width:100%;max-width:none;padding:16px; height:calc(100dvh - 88px); margin:0; }
.play-workspace { display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,28%);height:100%;gap:16px;min-height:0; }
.play-view .mahjong-table {
 display:flex;flex-direction:column;min-width:0;min-height:0;padding:20px 22px 18px;
 border:10px solid #493322;border-radius:26px;
 background:radial-gradient(ellipse at 40% 25%,#467b63 0,#2c5d47 55%,#1a3c2d 100%);
 box-shadow:0 0 0 1px #9b7449,0 0 0 3px #c7ab77,0 8px 16px #14221833,inset 0 0 0 1px #e0cfa065,inset 0 0 50px #081e1bb3;
}
.play-view .table-grain { display:block;opacity:.3; }
.play-view .table-topline { flex-shrink:0; }
.play-view .table-inscription { color:#e4dcbd;letter-spacing:2px;font-size:10px; }
.play-view .table-inscription b { color:#b5c4aa; }
.play-view .table-help { background:#112b2266;border:1px solid #b3c6a740;border-radius:5px;color:#eceddc;font-size:11px;min-height:34px;padding:7px 10px; }
.play-view .four-seat-table { flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(80px,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);margin:12px 0 8px;gap:12px;align-items:center; }
.play-view .opponent { background:transparent;border:0;border-radius:6px;padding:8px;align-self:center; }
.play-view .opponent.current-seat { background:#dbe4b80c;box-shadow:inset 0 2px #d6c08a; }
.play-view .seat-2 { grid-column:1/4;max-width:55%;justify-self:center;width:auto; }
.play-view .seat-title { flex-direction:row;justify-content:space-between;gap:12px;align-items:center;font-size:12px; }
.play-view .seat-title span { font-size:10px;color:#cbdbbf; }
.play-view .opponent-rack { justify-content:center;gap:2px;perspective:500px; }
.play-view .mini-back { width:clamp(9px,1.1vw,30px);height:clamp(20px,2.5vw,48px);border-color:#e9d9ae;background:repeating-linear-gradient(92deg,#0000 0 3px,#ab874220 4px 5px),linear-gradient(115deg,#fbefd0,#cdb27a);box-shadow:inset 1px 1px 1px #fff9da,0 3px 0 #a28c60,0 6px 0 #27503d,1px 8px 4px #10251970;transform:rotateX(-9deg); }
.play-view .table-center { align-self:center;color:#e4e4cf; }
.play-view .table-center>strong { font-weight:400;font-size:clamp(23px,3vw,46px); }
.play-view .table-center>span { letter-spacing:1.3px;font-size:9px; }
.play-view .center-dragon { font-size:54px;padding:12px;opacity:.27;text-shadow:0 1px #e4e3b4; }
.play-view .last-discard { margin-top:8px;gap:6px; }
.play-view .meld-row { margin:6px 0;gap:8px; }
.play-view .meld-group>span { font-size:9px; }
.play-view .opponent .tile.small { width:clamp(16px,1.6vw,32px);min-width:0;height:auto;aspect-ratio:.7;padding:1px; }
.play-view .human-melds { flex-shrink:0; }
.play-view .human-melds .meld-row { justify-content:center; }
.play-view .human-melds .tile.small { width:24px;height:33px; }
.play-view .table-rack-zone { flex-shrink:0;width:100%;margin:12px auto 0;max-width:1300px; }
.play-view .table-rack-label { font-size:10px;letter-spacing:1px;margin-bottom:12px;color:#d2ddc5; }
.play-view .table-rack.rack-tiles { display:flex;flex-wrap:nowrap;gap:5px;max-width:none;width:100%;padding:0 6px 10px; }
.play-view .table-rack .tile {
 width:auto;flex:0 1 calc((100% - 65px)/14);max-width:88px;min-width:0;height:auto;aspect-ratio:.69;padding:4px 5px 3px;
 background:linear-gradient(112deg,#fffef7 0%,#f4f1e6 48%,#e8e1cb 100%);border:1px solid #dcd2b9;border-radius:7px 7px 5px 5px;
 box-shadow:inset 2px 2px 2px #ffffff,inset -2px -3px 3px #a49b7d70,0 2px #d4c9ab,0 4px #bfb18c,0 7px #ebe0bd,0 10px var(--tile-back-dark, #5d291e),0 12px var(--tile-back, #9c5140),2px 16px 7px #0b211bb3;
 transform:perspective(750px) rotateX(9deg);transition:transform .12s,box-shadow .12s;
}
.play-view .table-rack .tile::after { content:'';position:absolute;inset:1px;border-radius:5px;pointer-events:none;box-shadow:inset 0 1px 0 #fff,inset 1px 0 #fff8;background:linear-gradient(130deg,#fff3,transparent 38%); }
.play-view .table-rack .tile-face { filter:drop-shadow(0 .5px .2px #ffffff); }
.play-view .table-rack .tile .rank { font-size:clamp(7px,.7vw,11px);color:#5e624f; }
.play-view .table-rack button.tile:not(:disabled):hover { transform:translateY(-9px) rotateX(0deg); }
.play-view .table-rack button.tile:disabled:hover { transform:perspective(750px) rotateX(9deg); }
.play-view .wood-rack { height:24px;border-top:3px solid #dcc392;border-radius:3px 3px 7px 7px;background:repeating-linear-gradient(2deg,#0000 0 2px,#754d2626 3px 4px),linear-gradient(#ad8753,#e1c48d 24%,#886337 29%,#ae8656 65%,#725032);box-shadow:0 4px #463024,0 9px 12px #0a201a99; }
.play-view .table-bottom { flex-shrink:0;display:block;margin-top:17px;padding:0; }
.play-view .table-status { display:block;max-width:none;min-height:20px;text-align:left;font-size:12px;color:#ebeedc;line-height:1.4;margin-bottom:8px; }
.play-view .table-bottom .actions { gap:7px;justify-content:flex-end; }
.play-view .gold-button { min-height:36px;padding:7px 12px;font-size:12px;background:linear-gradient(125deg,#f1deb0,#cfac6b);border-color:#f5dfaa;box-shadow:inset 0 1px #fff7cf,0 2px #8e713f; }
/* All starter names visible, with one inspectable full-size pattern. */
.play-view .hand-reference { display:flex;flex-direction:column;min-height:0;margin:0;padding:18px;color:#283d31;background:linear-gradient(120deg,#fcfbf5,#ecebdf);border:1px solid #c4c5b5;border-radius:10px;box-shadow:0 3px 10px #14271910; }
.play-view .potential-heading { flex-shrink:0;margin-bottom:14px; }
.play-view .potential-heading h2 { font:600 19px var(--sans);margin:0; }
.hand-count { font-size:11px;color:#64715f; }
.play-view .potential-list { display:grid;grid-template-columns:1fr;gap:5px;min-height:0;overflow:visible; }
.play-view .potential-hand { display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 10px;min-height:0;border:1px solid transparent;border-radius:4px;background:transparent;text-align:left;color:#3d5143;cursor:pointer;font-size:12px; }
.play-view .potential-hand b { font-size:10px;font-weight:500;white-space:nowrap;color:#62755a; }
.play-view .potential-hand.selected { background:#dce7d8;border-color:#a9bfa0;color:#203f2a; }
.play-view .potential-hand:hover { background:#e4e9db; }
.play-view .potential-hand.unavailable { color:#818777; }
.play-view .potential-hand.unavailable b { color:#818777; }
.hand-detail { margin-top:auto;padding-top:16px; }
.hand-detail-title { display:flex;justify-content:space-between;gap:8px;align-items:baseline; }
.hand-detail h3 { font-size:15px;font-weight:600;margin:0; }
.hand-detail-title>span { font-size:10px;white-space:nowrap;color:#657658; }
.play-view .hand-detail .potential-pattern { display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;padding:14px 0 6px; }
.play-view .hand-detail .tile.small { width:100%;height:auto;aspect-ratio:.7;min-width:0;padding:1px;box-shadow:0 2px #c1b696,0 4px 3px #31432b26; }
.play-view .hand-detail .potential-tile.needed { opacity:.5; }
.play-view .hand-detail p { font-size:12px;line-height:1.5;margin:9px 0; }
.hand-note { font-size:10px;color:#64705d;line-height:1.4;display:block; }
.hand-pages { display:flex;justify-content:space-between;gap:6px;margin-top:6px;font-size:11px; }
.hand-pages button { border:1px solid #c4cbb9;background:#f6f7ef;border-radius:4px; }
#table-history { max-height:85dvh;overflow:auto; }
@media (min-width:1800px) {
 .play-view main { padding:28px; }.play-workspace { gap:28px; }.play-view .hand-reference { padding:28px; }.play-view .potential-hand { font-size:18px;padding:13px; }.play-view .potential-hand b { font-size:14px; }.hand-detail h3 { font-size:23px; }.play-view .hand-detail p { font-size:17px; }.hand-note { font-size:14px; }.play-view .mahjong-table { padding:35px;border-width:15px; }.play-view .table-rack .tile { max-width:125px; }.play-view .table-status { font-size:18px; }.play-view .table-help,.play-view .gold-button { font-size:16px;min-height:44px; }.play-view .seat-title { font-size:18px; }.play-view .seat-title span { font-size:14px; }
}
@media (max-height:850px) and (min-width:721px) {
 .play-view .potential-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:4px; }.play-view .potential-hand { padding:8px 6px;font-size:11px;min-height:34px; }.play-view .hand-reference { padding:12px; }.play-view .opponent .meld-row { gap:5px; }.play-view .seat-title { flex-direction:column;gap:3px; }
}
@media (max-height:540px) and (orientation:landscape) {
 .play-view .topbar { height:34px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left)); }.play-view .brand { font-size:15px;gap:8px; }.play-view .brand-mark { font-size:16px;padding:2px 5px; }.play-view .topbar .quiet { font-size:10px;padding:6px; }.play-view .edition { display:none; }
 .play-view aside { padding:0 max(8px,env(safe-area-inset-left)); }.play-view .nav { font-size:10px;padding:7px 12px;min-height:28px;line-height:14px; }.play-view main { height:calc(100dvh - 62px);padding:7px max(9px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left)); }
 .play-workspace { grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:9px; }.play-view .mahjong-table { padding:8px 10px 9px;border-width:5px;border-radius:15px; }.play-view .table-inscription { font-size:7px;letter-spacing:1px; }.play-view .table-help { padding:4px 7px;font-size:9px;min-height:27px; }.play-view .four-seat-table { gap:3px;margin:3px 0;grid-template-rows:auto minmax(0,1fr); }.play-view .opponent { padding:3px; }.play-view .seat-2 { max-width:80%; }.play-view .seat-title { flex-direction:row;font-size:9px;gap:6px; }.play-view .seat-title span { font-size:8px; }.play-view .opponent-rack { margin-top:3px;gap:1px; }.play-view .mini-back { width:8px;height:15px;box-shadow:0 2px #a28c60,0 4px #244735,0 5px 3px #10251970; }.play-view .table-center>strong { font-size:20px; }.play-view .table-center>span { font-size:7px;letter-spacing:.5px; }.play-view .center-dragon { font-size:24px;padding:3px; }.play-view .last-discard { margin-top:2px;gap:2px; }.play-view .last-discard>.tile { width:25px;height:35px;padding:1px; }.play-view .last-discard>span:last-child { font-size:7px; }
 .play-view .meld-row { gap:3px;margin:3px 0; }.play-view .meld-group>span { font-size:7px;margin-bottom:2px; }.play-view .opponent .tile.small,.play-view .human-melds .tile.small { width:12px;height:17px;padding:0;box-shadow:0 1px #b8a781; }.play-view .meld-group>div { gap:1px; }.play-view .human-melds .meld-row { margin:0; }.play-view .table-rack-zone { margin-top:3px; }.play-view .table-rack-label { font-size:8px;margin-bottom:5px; }.play-view .table-rack.rack-tiles { gap:3px;padding:0 3px 7px; }.play-view .table-rack .tile { max-height:54px;max-width:38px;flex-basis:calc((100% - 39px)/14);padding:2px 1px;border-radius:4px;box-shadow:inset 1px 1px #fff,inset -1px -2px 2px #a49b7d70,0 2px #c4b795,0 4px #eee2c0,0 6px #934534,1px 9px 4px #0b211b99; }.play-view .table-rack .tile .rank { font-size:6px;top:3px;left:2px; }.play-view .wood-rack { height:12px;border-top-width:2px; }.play-view .table-bottom { margin-top:7px; }.play-view .table-status { font-size:10px;min-height:14px;margin-bottom:4px; }.play-view .table-bottom .actions { gap:4px; }.play-view .gold-button { font-size:10px;min-height:28px;padding:5px 7px; }
 .play-view .hand-reference { padding:9px;border-radius:6px; }.play-view .potential-heading { margin-bottom:6px; }.play-view .potential-heading h2 { font-size:14px; }.hand-count { font-size:9px; }.play-view .potential-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:2px; }.play-view .potential-hand { font-size:9px;min-height:23px;padding:3px 4px;gap:3px;line-height:1.15; }.play-view .potential-hand b { font-size:8px; }.hand-detail { padding-top:6px; }.hand-detail h3 { font-size:11px; }.hand-detail-title>span { font-size:9px; }.play-view .hand-detail .potential-pattern { padding:6px 0 3px;gap:2px; }.play-view .hand-detail p { font-size:10px;line-height:1.3;margin:4px 0; }.hand-note { font-size:8px;line-height:1.3; }
}
@media (orientation:portrait) and (max-width:1000px) {
 .play-view main { height:auto;min-height:calc(100dvh - 88px);padding:10px; }.play-workspace { grid-template-columns:1fr;gap:14px;height:auto; }.play-view .mahjong-table { min-height:460px;padding:12px;border-width:6px; }.play-view .four-seat-table { min-height:210px; }.play-view .potential-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.play-view .potential-hand { min-height:38px;padding:8px;font-size:12px; }.play-view .hand-reference { padding:15px; }.play-view .hand-detail .potential-pattern { max-width:650px; }.play-view .table-rack .tile { padding:2px 1px; }.play-view .table-rack.rack-tiles { gap:3px; }.play-view .nav { padding:10px 7px;font-size:10px; }.play-view aside { padding:0 5px; }.play-view .table-status { font-size:11px; }.play-view .table-topline { gap:8px; }.play-view .table-inscription { font-size:8px; }
}
@media(prefers-reduced-motion:reduce){.play-view .table-rack .tile{transition:none}}
@media (max-height:540px) and (orientation:landscape) {
 .play-view .potential-hand { font-size:10px;min-height:26px;padding:2px 4px;line-height:1.1; }
 .play-view .potential-heading { margin-bottom:4px; }
 .play-view .hand-detail p { margin:3px 0; }
}
.center-discards { display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:7px;margin-top:18px; }
.center-discards .tile:nth-child(3n+1) { transform:rotate(-6deg); }.center-discards .tile:nth-child(3n) { transform:rotate(7deg); }
@media(max-height:540px) and (orientation:landscape){.center-discards{gap:3px;margin-top:5px}.center-discards .tile.small{width:15px;height:21px;padding:1px;box-shadow:0 2px #b5a783}}

/* The next decision anchors the centre of the table. */
.play-view .four-seat-table { grid-template-columns:minmax(0,1fr) minmax(150px,1.5fr) minmax(0,1fr); }
.play-view .turn-controls { width:100%;position:relative;z-index:2; }
.play-view .turn-controls .table-status { display:block;color:#fff4d8;line-height:1.35;font-size:13px;margin:0 0 9px; }
.play-view .turn-actions { display:flex;justify-content:center;flex-wrap:wrap;gap:6px; }
.play-view .turn-actions .gold-button { min-height:44px;padding:10px 18px;font-size:14px;box-shadow:0 3px 0 #8c6528,0 6px 14px #102b2580;border:1px solid #fff0b6; }
.play-view .table-bottom { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.play-view .wall-remaining { color:#c5d2bd;font-size:10px; }
.play-view .table-rack button { touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none; }
.play-view .table-rack button.rack-dragging { opacity:.65;transform:translateY(-10px);cursor:grabbing; }
.play-view .table-rack button.rack-drop-target { outline:3px solid #f5d484;outline-offset:2px; }
.play-view .table-rack button:focus-visible { outline:3px solid #f5d484;outline-offset:2px; }
@media (orientation:landscape) and (max-height:600px) {
 .play-view .four-seat-table { grid-template-columns:minmax(0,1fr) minmax(150px,1.6fr) minmax(0,1fr); }
 .play-view .turn-controls .table-status { font-size:10px;margin-bottom:4px; }
 .play-view .turn-actions { gap:4px; }
 .play-view .turn-actions .gold-button { min-height:34px;font-size:10px;padding:5px 9px; }
 .play-view .center-discards,.play-view .center-dragon { display:none; }
 .play-view .last-discard { flex-direction:row;justify-content:center; }
 .play-view .wall-remaining { font-size:8px; }
}

/* A lifted piece follows the pointer; the open slot travels through the rack. */
.play-view .table-rack.rack-tiles { position:relative;isolation:isolate;overflow:visible; }
.play-view .table-rack.is-arranging { cursor:grabbing; }
.play-view .table-rack.is-arranging button.tile { transition:transform 170ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms ease;will-change:transform; }
.play-view .table-rack.is-arranging button.rack-lifted {
 z-index:20;opacity:1;cursor:grabbing;transition:box-shadow 140ms ease;
 box-shadow:inset 2px 2px 2px #fff,inset -2px -3px 3px #a49b7d70,0 2px #d4c9ab,0 4px #bfb18c,0 7px #ebe0bd,0 10px var(--tile-back-dark, #5d291e),0 12px var(--tile-back, #9c5140),4px 24px 16px #081b1ab0,1px 38px 30px #081b1a50;
}
.play-view .table-rack.is-arranging button.rack-settling { z-index:20;transition:transform 190ms cubic-bezier(.22,1.22,.36,1),box-shadow 190ms ease; }
.play-view .table-rack.is-arranging button:focus { outline:none; }
@media(hover:none) { .play-view .table-rack button.tile:not(:disabled):hover { transform:perspective(750px) rotateX(9deg); } }
@media(prefers-reduced-motion:reduce) { .play-view .table-rack.is-arranging button.tile { transition:none; } }

/* Readable table labels and controls across viewing distances. */
.play-view .turn-controls .table-status { font-size:16px;font-weight:500;color:#fff9e8; }
.play-view .turn-actions .gold-button { font-size:16px;font-weight:700; }
.play-view .seat-title { font-size:15px; }
.play-view .seat-title span,.play-view .meld-group>span { font-size:12px;color:#edf1df; }
.play-view .table-rack-label { font-size:12px;color:#f1f3e3; }
.play-view .wall-remaining { font-size:12px;color:#e2e9d8; }
.play-view .table-help { font-size:13px; }
.play-view .potential-hand { font-size:14px; }
.play-view .potential-hand b { font-size:12px; }
.play-view .hand-detail p { font-size:15px;line-height:1.45; }
.play-view .hand-note { font-size:12px;color:#4c584b; }
.play-view .hand-detail h3 { font-size:18px; }
@media (orientation:landscape) and (max-height:600px) {
 .play-view .turn-controls .table-status { font-size:12px;line-height:1.25; }
 .play-view .turn-actions .gold-button { font-size:12px;min-height:36px; }
 .play-view .table-help { font-size:11px; }
 .play-view .seat-title { font-size:11px;gap:4px; }
 .play-view .seat-title span { font-size:10px; }
 .play-view .table-rack-label,.play-view .wall-remaining,.play-view .meld-group>span { font-size:10px; }
 .play-view .potential-hand { font-size:12px;min-height:26px;line-height:1.1; }
 .play-view .potential-hand b { font-size:10px; }
 .play-view .hand-detail h3 { font-size:13px; }
 .play-view .hand-detail p { font-size:12px;line-height:1.2; }
 .play-view .hand-note { font-size:11px;line-height:1.2; }
}
.play-view .potential-list { flex-shrink:0; }
@media (orientation:landscape) and (max-height:600px) {
 .play-view .hand-note { display:none; }
 .play-view .hand-detail { padding-top:4px; }
 .play-view .hand-detail .potential-pattern { padding:4px 0 2px; }
 .play-view .potential-list { gap:0; }
}
@media (orientation:landscape) and (max-height:600px) {
 .play-view .potential-hand { min-height:24px;padding:1px 3px; }
 .play-view .potential-hand b { font-size:10px; }
 .play-view .hand-detail-title>span { font-size:10px; }
}
@media(min-width:1800px) {
 .play-view .potential-hand { font-size:20px; }
 .play-view .potential-hand b,.play-view .hand-note { font-size:16px; }
 .play-view .hand-detail p,.play-view .table-help,.play-view .turn-controls .table-status { font-size:20px; }
 .play-view .hand-detail h3 { font-size:24px; }
 .play-view .turn-actions .gold-button { font-size:22px;min-height:52px; }
}
.hands-toggle { display:none; }
@media (max-width:1000px) and (orientation:landscape) {
 .play-view .topbar { display:none; }
 .play-view aside { padding-left:env(safe-area-inset-left); }
 .play-view .nav { font-size:12px;padding:6px 12px;min-height:30px; }
 .play-view main { height:calc(100dvh - 30px);padding:4px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left)); }
 .play-workspace { display:block;position:relative; }
 .play-view .mahjong-table { width:100%;height:100%;padding:8px 12px;border-width:4px; }
 .play-view .hand-reference { display:none; }
 .play-view .hands-toggle { display:inline-flex;align-items:center; }
 .play-view .hands-open .hand-reference { display:flex;position:absolute;z-index:30;right:5px;top:44px;bottom:5px;width:min(420px,65%);overflow-y:auto;box-shadow:0 8px 30px #061d24aa; }
 .play-view .hands-open .potential-list { flex-shrink:0; }
 .play-view .hands-open .hand-detail { flex-shrink:0; }
 .play-view .potential-hand { font-size:14px;min-height:32px; }
 .play-view .hand-detail p { font-size:14px;line-height:1.35; }
 .play-view .table-rack .tile { max-width:68px;max-height:94px;flex-basis:calc((100% - 52px)/14);padding:3px; }
 .play-view .table-rack.rack-tiles { gap:4px; }
 .play-view .table-rack .tile .rank { font-size:9px; }
 .play-view .table-rack-label { font-size:11px; }
 .play-view .table-help { font-size:13px;min-height:36px; }
 .play-view .turn-controls .table-status { font-size:15px; }
 .play-view .turn-actions .gold-button { font-size:16px;min-height:44px;padding:8px 14px; }
 .play-view .seat-title { justify-content:center;font-size:12px; }
 .play-view .seat-title span,.play-view .opponent .meld-group>span { display:none; }
 .play-view .mini-back { width:9px;height:16px; }
 .play-view .table-inscription { display:none; }
 .play-view .table-topline { justify-content:flex-end; }
 .play-view .opponent { padding:2px; }
 .play-view .four-seat-table { margin:0; }
 .play-view .table-bottom { margin-top:6px; }
 .play-view .wall-remaining { font-size:11px; }
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:360px) {
 .play-view .table-rack .tile { max-height:70px; }
 .play-view .table-help { min-height:30px; }
}