.table[data-shape="tall"] .side-right > .panel.decide {
  order: 1;
  height: auto;
  min-height: var(--tall-decide);
  max-height: 46dvh;
  margin-top: var(--step-2);
}
.table[data-shape="tall"] .side-right > .top { order: -1; margin: 0 var(--step-2); padding: 0; border: 0; height: var(--touch); }
.table[data-shape="tall"][data-hand-form="strip"][data-hand-form] .side-right > .panel.decide { position: relative; z-index: 2; margin-top: calc(var(--step-2) - (var(--tall-dock) - var(--strip-show, var(--touch)))); min-height: calc(var(--tall-decide) + var(--tall-dock) - var(--strip-show, var(--touch))); }
.table[data-shape="tall"] .side-right > .panel.decide:not(.replay-bar) { height: var(--tall-decide); max-height: var(--tall-decide); overflow: hidden; }
.table[data-shape="tall"][data-hand-form="strip"][data-hand-form] .side-right > .panel.decide:not(.replay-bar) { height: calc(var(--tall-decide) + var(--tall-dock) - var(--strip-show, var(--touch))); max-height: calc(var(--tall-decide) + var(--tall-dock) - var(--strip-show, var(--touch))); }
.table[data-shape="tall"] .side-right > .panel.decide:not(.replay-bar) > .decide-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; justify-content: safe center; }

.table[data-shape="tall"] .side-right > .panel.decide:not(.replay-bar):has(> .decide-trig),
.table[data-shape="tall"][data-hand-form="strip"][data-hand-form] .side-right > .panel.decide:not(.replay-bar):has(> .decide-trig) { height: auto; min-height: var(--tall-decide); max-height: 46dvh; overflow-y: auto; }
.table[data-shape="tall"] .side-right > .panel.decide.over { overflow-y: auto; overscroll-behavior: contain; }
.table[data-shape="tall"][data-pregame][data-pregame] .side-right > .top { position: relative; z-index: 73; }
.table[data-shape="tall"][data-pregame="panel"][data-pregame][data-pregame][data-pregame] .side-right > .panel.decide { position: relative; z-index: 73; }

.table[data-shape="tall"] .top-row > .dock-pill {
  position: static;
  z-index: auto;
  flex: 1 1 0;
  min-width: 0;
  height: var(--touch);
  min-height: var(--touch);
  margin: 0;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--line-2);
}

.table[data-shape="tall"][data-ask="predict"] { --strip-show: var(--tall-dock); }

.table[data-shape="tall"] .top-row > .dock-pill { gap: var(--step-1); padding: 0 var(--step-1); }
.table[data-shape="tall"] .top-row > .dock-pill > .dock-pill-title { letter-spacing: 0; }
.table[data-shape="tall"] .side-right > .panel.decide:has(.ask-discounts):not(.replay-bar),
.table[data-shape="tall"][data-hand-form="strip"][data-hand-form] .side-right > .panel.decide:has(.ask-discounts):not(.replay-bar) { height: calc(var(--tall-decide) + 120px); max-height: calc(var(--tall-decide) + 120px); }

.table[data-shape="tall"] .side-right > .panel.decide:not(.replay-bar, .over):has(.decide-copy):not(:has(.ask-discounts)) {
  height: auto;
  max-height: 46dvh;
}


.table[data-shape="tall"] {
  
  --tall-decide: 64px;
  --tall-ask: 124px;
  
  --strip-min: 4px;
  --tall-score: 40px;
}


.table[data-shape="tall"] .side-right > .top .top-row { flex-wrap: nowrap; gap: var(--step-2); height: var(--touch); min-height: var(--touch); }
.table[data-shape="tall"] .top-row > .dock-pill { background: var(--surface-1); padding: 0 var(--step-2) 0 var(--step-1); border-radius: 12px; }
.table[data-shape="tall"] .top-row > .dock-pill[data-idle] { flex: 0 0 0; padding: 0; margin: 0 calc(-1 * var(--step-2)) 0 0; overflow: hidden; box-shadow: none; }
.table[data-shape="tall"] .top-row > .dock-pill[data-prio="you"] { box-shadow: inset 0 0 0 1px var(--you); }
.table[data-shape="tall"] .top-row > .dock-pill[data-prio="them"] { box-shadow: inset 0 0 0 1px var(--opponent); }
.table[data-shape="tall"] .top-row > .dock-pill > .dock-pill-title .dock-pill-word { display: inline; }
.table[data-shape="tall"] .top-row > .dock-pill > .dock-pill-top { display: flex; align-items: center; }
.table[data-shape="tall"] .dock-pill-line { gap: var(--step-2); }
.table[data-shape="tall"] .dock-pill .dock-n { font-size: 12px; }

.table[data-shape="tall"] .dock-pill .dock-n.dock-n-of { border-radius: var(--round-pill); padding: 0 5px; }
.table[data-shape="tall"] .dock-pill-thumb { flex: none; width: 30px; height: 30px; border-radius: 6px; overflow: hidden; background: var(--surface-2); box-shadow: 0 0 0 1px var(--opponent); }
.table[data-shape="tall"] .dock-pill-thumb.is-me { box-shadow: 0 0 0 1px var(--you); }
.table[data-shape="tall"] .dock-pill-thumb > img { display: block; width: 100%; height: 160%; object-fit: cover; object-position: 50% 12%; }
.table[data-shape="tall"] .dock-pill-text { display: flex; flex-direction: column; min-width: 0; text-align: left; line-height: 1.15; }
.table[data-shape="tall"] .dock-pill-name { font-size: 13px; font-weight: 700; color: var(--ink-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table[data-shape="tall"] .dock-pill-who { font-size: 12px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table[data-shape="tall"] .turn-line { flex: 1 1 0; min-width: 0; padding-left: var(--step-1); font-size: 12px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table[data-shape="tall"] .turn-line[hidden] { display: none; }
.table[data-shape="tall"] .turn-line-title { font: 700 13px var(--font-display); letter-spacing: 0.02em; color: var(--ink-1); }
.table[data-shape="tall"] .top-row > .turn-side,
.table[data-shape="tall"] .top-row > .turn-help { flex: none; position: relative; display: grid; place-items: center; width: var(--touch); min-width: var(--touch); height: var(--touch); padding: 0; margin: 0; border: 0; border-radius: 12px; background: var(--surface-1); box-shadow: inset 0 0 0 1px var(--line-2); color: var(--ink-1); }
.table[data-shape="tall"] .turn-side-count { position: absolute; top: 4px; right: 4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--decide); color: #1a1205; font: 800 10px/16px var(--font-ui); text-align: center; }


.table[data-shape="tall"] .side-right > .top-extras { order: -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--step-1) var(--step-2); margin: var(--step-1) var(--step-2) 0; min-height: 0; font-size: 12px; }
.table[data-shape="tall"] .side-right > .top-extras[hidden] { display: none; }
.table[data-shape="tall"] .side-right > .score-bar { order: -1; position: relative; flex: none; display: grid; grid-template-rows: 16px 22px; row-gap: 2px; height: var(--tall-score); margin: var(--step-1) var(--step-2); }

.table[data-shape="tall"] .score-names { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: var(--step-2); font-size: 12px; line-height: 16px; }
.table[data-shape="tall"] .score-side { display: flex; align-items: center; gap: var(--step-1); min-width: 0; }
.table[data-shape="tall"] .score-side.far { justify-content: flex-end; }
.table[data-shape="tall"] .score-who { min-width: 0; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table[data-shape="tall"] .score-side.near .score-who { color: var(--you-ink); }
.table[data-shape="tall"] .score-side.far .score-who { color: var(--opponent-ink); }
.table[data-shape="tall"] .score-extra { flex: none; color: var(--ink-2); white-space: nowrap; }
.table[data-shape="tall"] .score-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: transparent; }
.table[data-shape="tall"] .score-side.near[data-active="1"] .score-dot { background: var(--you); box-shadow: 0 0 6px var(--you); }
.table[data-shape="tall"] .score-side[data-active="1"] .score-who { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.table[data-shape="tall"] .score-side .series-boxes { --series-size: 10px; }
.table[data-shape="tall"] .score-ladder-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: end; height: 22px; }
.table[data-shape="tall"] .score-cell { position: relative; padding-bottom: 5px; text-align: center; font: 700 13px/16px var(--font-display); color: var(--ink-3); }
.table[data-shape="tall"] .score-cell::after { content: ""; position: absolute; left: 3px; right: 3px; bottom: 0; height: 3px; border-radius: 2px; background: var(--line-2); }
.table[data-shape="tall"] .score-cell.you.reached { color: var(--you-ink); }
.table[data-shape="tall"] .score-cell.you.reached::after { background: var(--you); }
.table[data-shape="tall"] .score-cell.opp.reached { color: var(--opponent-ink); }
.table[data-shape="tall"] .score-cell.opp.reached::after { background: var(--opponent); }
.table[data-shape="tall"] .score-cell.win { color: var(--decide-ink); }
.table[data-shape="tall"] .score-cell.here::before { content: ""; position: absolute; inset: -1px 2px 4px; border-radius: 4px; box-shadow: inset 0 0 0 1px currentColor; }

.table[data-shape="tall"] .score-half { position: absolute; top: calc(-1 * var(--step-1) / 2); height: var(--touch); width: 50%; border-radius: 8px; pointer-events: none; }
.table[data-shape="tall"] .score-half.near { left: 0; }
.table[data-shape="tall"] .score-half.far { right: 0; }
.table[data-shape="tall"] .score-half[role="button"] { pointer-events: auto; cursor: pointer; }
.table[data-shape="tall"] .score-half.candidate { box-shadow: 0 0 0 2px var(--candidate); }
.table[data-shape="tall"] .score-half:focus-visible { outline: var(--ring-w) solid var(--focus); outline-offset: var(--ring-off); }



.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) { display: flex; flex-flow: row wrap; align-content: safe center; align-items: center; gap: 6px; padding: 0 var(--step-2); }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) > :is(.decide-top, .decide-row) { display: contents; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) .decide-top > .decide-said { display: none; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) .decide-rewind { order: 0; flex: none; display: flex; gap: 6px; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) .decide-yield { order: 1; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) .decide-stops-toggle { order: 2; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) .decide-body { order: 3; flex: 1 1 0; min-width: 0; margin: 0; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) > .decide-trig { order: 4; flex: 1 0 100%; }
.table[data-shape="tall"] .panel.decide.is-phone :is(.decide-yield, .decide-stops-toggle) { position: relative; flex: none; display: grid; place-items: center; width: var(--touch); min-width: var(--touch); height: var(--touch); padding: 0; border-radius: 10px; background: var(--surface-2); border: 0; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-yield .decide-seg-icon,
.table[data-shape="tall"] .panel.decide.is-phone .decide-stops-icon { display: inline-flex; }
.table[data-shape="tall"] .panel.decide.is-phone :is(.decide-seg-word, .decide-stops-word) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-stops-count { position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--surface-1); font: 700 11px/18px var(--font-ui); text-align: center; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-body .decide-main { width: 100%; height: 48px; min-height: 48px; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-main > .decide-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 800; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-main.wait { padding: 0 var(--step-1); }
.table[data-shape="tall"] .panel.decide.is-phone .decide-main.wait > .decide-label { display: block; max-height: none; font-size: 12px; font-weight: 700; line-height: 13px; white-space: normal; text-align: center; overflow-wrap: anywhere; text-overflow: clip; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-main { min-width: 0; overflow: hidden; }
.table[data-shape="tall"] .panel.decide.is-phone .decide-main .decide-intent { font-size: 11px; font-weight: 600; line-height: 13px; min-height: 13px; }
.table[data-shape="tall"] .panel.decide.is-phone .rewind-btn { background: var(--surface-2); border: 0; border-radius: 10px; }

.table[data-shape="tall"] .side-right > .panel.decide:is([data-decide="copy"], [data-decide="ask"], [data-decide="over"]):not(.replay-bar) { height: var(--tall-ask); max-height: var(--tall-ask); min-height: var(--tall-ask); }
.table[data-shape="tall"][data-hand-form="strip"][data-hand-form] .side-right > .panel.decide:is([data-decide="copy"], [data-decide="ask"], [data-decide="over"]):not(.replay-bar) { height: calc(var(--tall-ask) + var(--tall-dock) - var(--strip-show, var(--touch))); max-height: calc(var(--tall-ask) + var(--tall-dock) - var(--strip-show, var(--touch))); min-height: calc(var(--tall-ask) + var(--tall-dock) - var(--strip-show, var(--touch))); }

.table[data-shape="tall"][data-hand-form="strip"][data-stated][data-stated][data-hand-form] .side-right > .panel.decide:is([data-decide="copy"], [data-decide="ask"]):not(.replay-bar, .over) {
  height: auto;
  min-height: var(--tall-decide);
  max-height: calc(var(--tall-ask) + var(--tall-dock) - var(--strip-min));
  margin-top: calc(var(--step-2) - (var(--tall-dock) - var(--strip-show, var(--tall-dock))));
  overflow: hidden;
}

.table[data-shape="tall"] .side-right > .panel.decide:is([data-decide="copy"], [data-decide="ask"], [data-decide="over"]) ~ .notice { bottom: var(--notice-foot, calc(var(--tall-ask) + var(--tall-dock) + 3 * var(--step-2))); }
.table[data-shape="tall"] .side-right > .panel.decide:is([data-decide="copy"], [data-decide="ask"], [data-decide="over"]) ~ .oracle-why { bottom: calc(var(--tall-ask) + var(--tall-dock) + 3 * var(--step-2)); }

.table[data-shape="tall"] .pregame-overlay:has(> .pregame-panel:not(.rolloff)) { padding-bottom: calc(var(--ask-panel, var(--tall-ask)) + var(--step-3) + var(--step-2) + env(safe-area-inset-bottom, 0px)); }


.table[data-shape="tall"] .panel.decide.is-phone { position: relative; }
.table[data-shape="tall"] .panel.decide.is-phone:is([data-decide="mine"], [data-decide="wait"]) { overflow: visible; }

.table[data-shape="tall"] .panel.decide.is-phone > .dock-hint { position: fixed; left: var(--step-3); right: var(--step-3); top: calc(env(safe-area-inset-top, 0px) + var(--step-1)); bottom: auto; z-index: 26; order: 9; height: calc(var(--touch) - 2 * var(--step-1)); display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 var(--step-3); border: 0; border-radius: 12px; background: var(--surface-overlay); box-shadow: 0 0 0 1px var(--line-2), 0 6px 16px rgba(0, 0, 0, 0.45); color: var(--ink-1); font-size: 12px; font-weight: 600; line-height: 1.3; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; }



.shell-menu.shell-menu-game.is-sidebar,
:root[data-compact] .shell-menu.shell-menu-game.is-sidebar {
  top: 0; bottom: 0; left: auto; right: 0; width: min(300px, 84vw); max-width: none; height: 100dvh; max-height: none;
  display: flex; flex-direction: column; gap: 0; overflow-y: auto; overscroll-behavior: contain;
  padding: var(--step-2) var(--step-2) calc(var(--step-4) + env(safe-area-inset-bottom, 0px));
  border-width: 0 0 0 1px; border-radius: 0; background: var(--surface-overlay); box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5); animation: none;
}
.shell-menu.is-sidebar .side-head { display: flex; flex: none; align-items: center; gap: var(--step-2); min-height: var(--touch); padding-left: var(--step-2); }
.shell-menu.is-sidebar .side-head-words { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; font-size: 12px; line-height: 1.3; color: var(--ink-2); }
.shell-menu.is-sidebar .side-title { font: 700 14px var(--font-display); letter-spacing: 0.02em; color: var(--ink-1); }
.shell-menu.is-sidebar .side-close { flex: none; display: grid; place-items: center; width: var(--touch); height: var(--touch); padding: 0; border: 0; border-radius: 50%; background: var(--surface-2); color: var(--ink-1); }
.shell-menu.is-sidebar > .ui-btn { flex: none; gap: var(--step-3); min-height: 48px; padding: 0 var(--step-3); font-size: 15px; font-weight: 600; border-radius: var(--round-2); }
.shell-menu.is-sidebar > .side-row:first-of-type { background: var(--surface-2); }
.shell-menu.is-sidebar .side-row-icon { display: inline-flex; color: var(--ink-2); }
.shell-menu.is-sidebar .side-group { flex: none; margin: var(--step-3) var(--step-3) var(--step-1); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }



.table[data-shape="tall"] .stage .pile-tile > .tile-row { display: flex; align-items: center; justify-content: center; gap: calc(3px / var(--fit, 1)); }

.table[data-shape="tall"] .stage .hidden-word {
  left: auto;
  right: 0;
  translate: none;
  max-width: 116%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 3px;
  font-size: calc(9.5px / var(--fit, 1));
  letter-spacing: 0.02em;
}

.table[data-shape="tall"] .stage .zone-trash :is(.pile-chip, .pile-tab.is-empty) {
  font-size: min(calc(13px / var(--fit, 1)), 28px);
  height: min(calc(20px / var(--fit, 1)), 34px);
  padding: 0 min(calc(4px / var(--fit, 1)), 3px);
  gap: min(calc(3px / var(--fit, 1)), 3px);
  max-width: calc(100% - 4px);
  line-height: 1;
}
.table[data-shape="tall"] .stage .zone-trash .pile-chip > .pile-tab-glyph { width: min(calc(11px / var(--fit, 1)), 14px); height: min(calc(11px / var(--fit, 1)), 14px); flex: none; }
.table[data-shape="tall"] .stage .pile-tile > .tile-n,
.table[data-shape="tall"] .stage .pile-tile > .tile-row > .tile-n { font-size: min(calc(15px / var(--fit, 1)), 24px); }
.table[data-shape="tall"] .stage .pile-tile > .tile-word { font-size: min(calc(12px / var(--fit, 1)), 24px); }
.table[data-shape="tall"] .stage .pile-tile .tile-mark { flex: none; width: min(calc(13px / var(--fit, 1)), 22px); height: min(calc(13px / var(--fit, 1)), 22px); color: var(--ink-2); }

.table[data-shape="tall"] .ask-tray-card.candidate .cf-hand,
.table[data-shape="tall"] .ask-tray-card.candidate .ask-back { box-shadow: 0 0 0 2px var(--candidate), 0 0 12px 2px var(--candidate-glow), 0 10px 26px rgba(0, 0, 0, 0.6); }


.table[data-shape="tall"][data-pregame="panel"][data-pregame] .hand-dock { visibility: hidden; }
.table[data-shape="tall"] .pregame-overlay .mulligan-hand {
  --mull-gap: var(--step-2);
  --mull-top: calc(var(--tall-top) + var(--tall-score) + var(--step-3) + var(--step-2));
  --mull-room: calc(100dvh - var(--mull-top) - var(--ask-panel, var(--tall-ask)) - 5 * var(--step-3) - 56px);
  --mull-w: min(calc((100vw - 2 * var(--step-2) - (var(--cols, 2) - 1) * var(--mull-gap)) / var(--cols, 2)), calc((var(--mull-room) / var(--rows, 1) - var(--mull-gap)) / 1.308), 230px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  gap: var(--mull-gap);
  max-width: calc(var(--cols, 2) * var(--mull-w) + (var(--cols, 2) - 1) * var(--mull-gap) + 1px);
  padding: var(--step-1) 0;
}
.table[data-shape="tall"] .pregame-overlay .mulligan-hand > .mulligan-card { flex: none; }
.table[data-shape="tall"] .pregame-overlay .card.at-mulligan { width: var(--mull-w); height: calc(var(--mull-w) * 1.308); }
.table[data-shape="tall"] .pregame-overlay:has(> .pregame-panel:not(.rolloff)) { padding-top: calc(var(--tall-top) + var(--tall-score) + var(--step-3) + var(--step-2)); }
.table[data-shape="tall"] .pregame-overlay .intro-chip { flex: none; margin: 0 0 var(--step-1); }


.table[data-shape="tall"] .ask-tray-stage > .peek-bar { order: -1; position: sticky; top: var(--step-2); bottom: auto; right: auto; align-self: flex-end; margin: 0 var(--step-2) 0 0; flex: none; z-index: 5; }
.table[data-shape="tall"] .ask-stage:not(.ask-tray-stage) { padding-top: calc(var(--touch) + 2 * var(--step-2)); }
.table[data-shape="tall"] .ask-stage:not(.ask-tray-stage) > .peek-bar { top: var(--step-2); right: var(--step-2); }


.table[data-shape="tall"] .ask-tray-ends > .is-pending { visibility: hidden; }


.table[data-shape="tall"] .panel.decide .decide-scroll { scrollbar-width: none; }
.table[data-shape="tall"] .panel.decide .decide-scroll::-webkit-scrollbar { display: none; }
.table[data-shape="tall"] .panel.decide .decide-scroll[data-cut] { mask-image: linear-gradient(to bottom, #000 calc(100% - 20px), transparent); }



.table[data-shape="tall"] { --hold-ask: 215px; --hold-reserve: calc(var(--step-2) + var(--tall-decide) + var(--step-2)); --hold-over: 0px; }

@media (min-height: 740px) {
  .table[data-shape="tall"] { --hold-reserve: max(calc(var(--step-2) + var(--tall-decide) + var(--step-2)), calc(var(--hold-ask) - var(--tall-dock))); }
}
.table[data-shape="tall"] .felt { padding-bottom: var(--hold-reserve); }
.table[data-shape="tall"] .fit { margin-bottom: var(--hold-over); }
.table[data-shape="tall"][data-shape][data-shape][data-shape] .side-right > .panel.decide:not(.replay-bar) { position: absolute; left: 0; right: 0; bottom: 0; }

.table[data-shape="tall"] .side-right > .panel.decide.replay-bar { margin-bottom: calc(var(--step-2) - var(--hold-reserve)); }

.table[data-shape="tall"] .hand-dock.is-strip { clip-path: inset(0 0 calc(var(--tall-dock) - var(--strip-show, var(--touch)) - 4px) 0); align-items: end; }


.ask-ghost-frame[data-shape="tall"] .ask-tray-stage > .peek-bar { order: -1; position: sticky; top: var(--step-2); bottom: auto; right: auto; align-self: flex-end; margin: 0 var(--step-2) 0 0; flex: none; z-index: 5; }
.ask-ghost-frame[data-shape="tall"] .ask-stage:not(.ask-tray-stage) { padding-top: calc(var(--touch) + 2 * var(--step-2)); }
.ask-ghost-frame[data-shape="tall"] .ask-stage:not(.ask-tray-stage) > .peek-bar { top: var(--step-2); right: var(--step-2); }
.ask-ghost-frame[data-shape="tall"] .ask-tray-ends > .is-pending { visibility: hidden; }
.ask-ghost-frame:is([data-shape="tall"], [data-shape="short"]) .ask-tray-title { position: relative; z-index: 1; border-radius: var(--round-pill); background: var(--surface-overlay); box-shadow: 0 0 0 4px var(--surface-overlay); color: var(--ink-1); }
.ask-ghost-frame:is([data-shape="tall"], [data-shape="short"]) .ask-tray-card.ask-subset { flex: 1 1 100%; padding: var(--step-3); }