/* Use the same tile faces as the hand; long waits stay in one scrollable row. */
.hand-heading{align-items:center;min-width:0}
.hand-heading>span:first-child{flex-shrink:0}
.hand-hint.hand-waits{display:flex;align-items:center;gap:8px;min-width:0;max-width:72%}
.wait-caption{flex-shrink:0;white-space:nowrap;color:var(--gold);font-size:.875rem}
.wait-tiles{display:flex;align-items:center;gap:4px;min-width:0;padding:2px 2px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.wait-tiles:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
.wait-tiles .tile.small{width:28px;height:38px}
.compact-landscape .hand-zone{grid-template-rows:36px var(--hand-height)}
.compact-landscape .hand-hint.hand-waits{max-width:75%;gap:6px}
.compact-landscape .wait-tiles{gap:3px;padding:1px 2px 4px}
.compact-landscape .wait-tiles .tile.small{width:22px;height:30px}
.compact-landscape .wait-tiles .tile-number,.compact-landscape .wait-tiles .tile-suit{font-size:12px}
.compact-landscape .wait-tiles .honor{font-size:18px}
.short-landscape .hand-zone{grid-template-rows:34px var(--hand-height)}

/* Keep the tile row visible and explain blocked wins beside the hand. */
.hand-alerts{display:grid;gap:6px;margin:0 0 12px;min-width:0;text-align:left}
.hand-alert{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;border-left:3px solid #efaa74;padding:7px 10px;background:#432a20;color:#ffe2c3;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.hand-alert strong{font-weight:600;color:#ffdcaa}
.hand-alert span{color:#f1d9c6}
.hand-alert.is-furiten{border-color:#f5898a;background:#40212b}
.hand-alert.is-furiten strong{color:#ffbdc0}
.compact-landscape .hand-zone.has-hand-alerts{grid-template-rows:auto 36px var(--hand-height)}
.compact-landscape .hand-alerts{grid-column:1/-1;grid-row:1;gap:3px;margin:0 0 3px}
.compact-landscape .hand-alert{padding:3px 7px;font-size:14px;line-height:1.3;gap:2px 10px}
.compact-landscape .has-hand-alerts .hand-heading,.compact-landscape .has-hand-alerts .turn-message{grid-row:2}
.compact-landscape .has-hand-alerts .hand,.compact-landscape .has-hand-alerts .actions{grid-row:3}
.short-landscape .hand-zone.has-hand-alerts{grid-template-rows:auto 34px var(--hand-height)}