/* Presentation only. All colors come from the existing live settings tokens.
   Seat coordinates, table geometry, hidden states and dock positioning stay in
   their original stylesheets. No application state is defined in this layer. */
:root {
  --orbit-radius:12px;
  --orbit-radius-sm:8px;
  --orbit-border:var(--line);
  --orbit-tint:color-mix(in srgb,var(--site-accent) 7%,var(--panel));
  --orbit-selection:color-mix(in srgb,var(--site-accent) 12%,var(--panel));
  --orbit-quiet:color-mix(in srgb,var(--text) 5%,var(--panel));
  --orbit-edge:color-mix(in srgb,var(--text) 15%,transparent);
}

body { font-variant-numeric:tabular-nums;line-height:1.5;-webkit-font-smoothing:antialiased; }
button,input,select,textarea { letter-spacing:0; }
button,select,textarea,input[type=search] { border-radius:var(--orbit-radius-sm); }
button { font-weight:550; }
button:disabled { opacity:.4; }
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid var(--text);outline-offset:3px;
}
button.primary,.transport button.play-button { background:var(--site-accent);color:var(--accent-ink); }
.topbar { height:62px;border-bottom-color:var(--orbit-border); }
.brand { font-size:25px;letter-spacing:-1px;font-weight:750; }
.brand-icon { color:var(--text);font-size:28px; }
.brand-tag { color:var(--muted);font-size:9px;letter-spacing:1.8px; }
.topbar .privacy { font-size:11px;color:var(--muted); }
.topbar .privacy i { background:var(--site-accent); }
.topbar-actions { gap:8px; }
.topbar-actions button { border-color:var(--orbit-border);min-height:38px; }
.topbar-actions .primary { padding:9px 17px; }
.settings-button,.library-button { font-size:12px; }
.session-clear { color:var(--muted); }
.tournament-bar { padding-block:17px 10px; }
.tournament-bar h1 { font-size:17px;font-weight:650;letter-spacing:-.4px; }
.session-meta { font-size:11px;line-height:1.6; }
.study-toolbar { gap:8px;padding-bottom:17px; }
.study-toolbar button { min-height:35px;padding:7px 11px;font-size:11px;background:var(--panel); }
.badge { background:var(--orbit-tint);color:var(--text);font-size:10px;font-weight:600;border:1px solid var(--orbit-border);border-radius:6px; }
.panel { border-radius:var(--orbit-radius); }
.panel-title h2 { font-size:13px;letter-spacing:-.15px;font-weight:650; }
.workspace,.study-toolbar { width:100%;max-width:none;margin-inline:0; }

/* A quiet, dense hand browser with an explicit selection edge. */
.hand-panel { padding:17px 12px 13px;background:var(--panel); }
.hand-panel>.panel-title { padding:0 3px 16px; }
.search { border-radius:9px;border-color:var(--orbit-border);margin-bottom:10px; }
.search>span { font-size:21px;color:var(--muted); }
.search input { padding:11px 9px;font-size:12px; }
.search:focus-within { border-color:var(--site-accent); }
.quick-filters { gap:6px;margin-bottom:10px; }
.quick-filters button { min-height:35px;font-size:11px;padding:6px 7px;background:transparent;border-color:var(--orbit-border);color:var(--muted); }
.quick-filters button[aria-pressed=true] { background:var(--orbit-selection);border-color:var(--site-accent);color:var(--text); }
.hand-panel>select { font-size:11px;min-height:38px;background:var(--ui-field);border-color:var(--orbit-border);color:var(--muted); }
.advanced-search { border-top-color:var(--orbit-border);margin-top:12px; }
.advanced-search summary { font-size:11px;color:var(--text);padding:11px 4px; }
.advanced-fields { gap:12px; }
.advanced-fields label { font-size:11px;line-height:1.5;color:var(--muted); }
.advanced-fields input,.advanced-fields select { font-size:12px;border-radius:8px; }
.list-meta { font-size:10px;padding:13px 3px 9px; }
.list-meta .text-button { font-size:10px; }
.hand-list { scrollbar-color:var(--orbit-edge) transparent; }
.hand-row { grid-template-columns:18px minmax(0,1fr) 26px;gap:7px;margin-bottom:5px;padding:10px 8px;border-radius:9px;background:transparent; }
.hand-row:hover { background:var(--orbit-quiet); }
.hand-row.selected { background:var(--orbit-tint);border-color:var(--site-accent);box-shadow:inset 2px 0 0 var(--site-accent); }
.hand-row input[type=checkbox] { width:15px;height:15px;margin:0; }
.hand-row button.hand-open { min-height:42px; }
.row-top { font-size:11px;font-weight:550;gap:7px;margin-bottom:6px; }
.mini-cards { font-size:15px;letter-spacing:.5px;color:var(--text); }
.row-bottom { font-size:11px;line-height:1.5; }
.hand-row .star { font-size:19px;min-height:34px;color:var(--muted); }
.hand-row .star[aria-pressed=true] { color:var(--text);background:var(--orbit-selection);border-radius:7px; }
.panel-footer { border-top-color:var(--orbit-border);margin-top:8px; }
.panel-footer button { font-size:11px;min-height:37px; }
.panel-footer small { font-size:10px;line-height:1.7; }

/* The arena still uses the existing percentage coordinates for every seat. */
.table-heading { padding-inline:7px;gap:12px; }
.table-heading h2 { font-size:22px;letter-spacing:-.6px;font-weight:650; }
.table-heading .eyebrow { color:var(--muted);font-size:10px;letter-spacing:1.1px;margin-bottom:4px; }
.heading-actions { gap:6px; }
.heading-actions button { min-height:38px;font-size:11px;padding:7px 10px;color:var(--muted);border-color:var(--orbit-border);background:transparent; }
.heading-actions button[aria-pressed=true],.heading-actions button[aria-expanded=true] { background:var(--orbit-selection);color:var(--text);border-color:var(--site-accent); }
.table-status { padding-inline:7px;font-size:11px;color:var(--muted); }
.table-status-hint { font-size:10px;color:var(--muted); }
.table-rail { padding:9px;background:var(--panel-2);border-color:var(--orbit-edge);box-shadow:0 6px 15px #00000014,inset 0 1px 0 #ffffff0a; }
.table-felt { background:var(--table-color);border-color:#ffffff24;box-shadow:inset 0 2px 10px #00000015; }
.table-felt::before { border-color:#ffffff15; }
.felt-mark { color:#ffffff;opacity:.09;font-size:13px;letter-spacing:4px; }
.felt-mark span { font-size:7px;letter-spacing:2px; }
.table-center>.eyebrow { color:#ffffffb8;font-size:9px;letter-spacing:1.7px;margin-bottom:6px; }
.board { gap:6px;margin:10px 0; }
.board .card { border-radius:6px;box-shadow:0 2px 4px #00000018; }
.pot { font-size:27px;letter-spacing:-.7px;line-height:1.3;font-weight:700;color:#ffffff; }
.side-pots { color:#ffffffd6;font-size:11px;line-height:1.6;max-width:94%;margin:6px auto 0; }
.street-label { display:inline-block;font-size:10px;font-weight:550;letter-spacing:.3px;color:#ffffffce;border:1px solid #ffffff1c;border-radius:5px;padding:2px 7px;margin-top:7px; }
.seat-box { background:var(--panel);border:1px solid var(--orbit-edge);border-radius:10px;padding:9px 6px 7px;box-shadow:0 2px 6px #00000014; }
.seat-identity { gap:5px;align-items:center; }
.seat-position { font-size:9px;color:var(--muted);font-weight:600;letter-spacing:-.1px; }
.seat .seat-name { color:var(--text);font-size:11px;font-weight:600;line-height:1.5; }
.seat .seat-stack { color:var(--text);font-size:17px;line-height:1.35;font-weight:700;letter-spacing:-.4px;margin-top:4px; }
.seat .seat-status { color:var(--muted);font-size:8px;line-height:1.4;min-height:11px;margin-top:3px; }
.seat .seat-action { color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px;min-height:15px; }
.seat.hero .seat-box { background:var(--orbit-tint);border-color:var(--site-accent); }
.seat.hero .seat-stack { color:var(--text);font-weight:750; }
.seat.hero .seat-status { color:var(--text);font-weight:650;letter-spacing:.6px; }
.seat.current .seat-box { border-color:var(--site-accent);outline:1px solid var(--orbit-edge);outline-offset:3px; }
.seat.to-act .seat-box { border-bottom:3px solid var(--site-accent); }
.seat.to-act .seat-name { color:var(--text);font-weight:700; }
.seat.folded .seat-box { opacity:.72; }
.seat.folded:not(.current) .seat-action { color:var(--muted); }
.seat.folded:not(.current) .seat-cards { opacity:.55; }
.seat-cards .card { border-radius:4px;box-shadow:0 1px 3px #00000016; }
.dealer { background:var(--text);color:var(--panel);border:2px solid var(--panel);font-weight:750;box-sizing:content-box; }
.seat-bet.table-bet { background:var(--ui-surface);border:1px solid var(--orbit-edge);border-radius:10px;color:var(--text);padding:3px 7px;font-size:10px;font-weight:600;box-shadow:0 1px 3px #00000018; }
.seat-bet.table-bet.latest-bet { background:var(--orbit-selection);color:var(--text);border-color:var(--site-accent);font-weight:700; }

/* Analysis panels keep the same fields, with a stronger numeric hierarchy. */
.hand-context { gap:12px; }
.hand-context .action-card { border-radius:10px;border:1px solid var(--orbit-border);border-left:2px solid var(--site-accent);background:var(--panel);padding:12px 15px; }
.action-card::before { content:"AÇÃO ATUAL";display:block;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:1.2px;margin-bottom:7px; }
.current-action { font-size:13px;line-height:1.6;font-weight:600;color:var(--text); }
.action-detail { font-size:12px;line-height:1.65;color:var(--muted);margin-top:5px; }
.decision-context { color:var(--muted);font-size:11px;line-height:1.6;padding-top:6px; }
.decision-context.hero-turn { color:var(--text);font-weight:600;border-top:1px solid var(--orbit-border);margin-top:8px;padding-top:8px; }
.hand-context .study-strip { background:var(--panel);border-color:var(--orbit-border);border-radius:10px;padding:12px 15px;gap:9px 14px; }
.hand-context .decision-player { font-size:11px;color:var(--muted);line-height:1.5;font-weight:550; }
.study-strip .eyebrow { font-size:9px;font-weight:550;letter-spacing:.65px;color:var(--muted);margin-bottom:5px; }
.hand-context .study-strip strong,.hand-context .study-strip #to-call { color:var(--text);font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-.5px; }
.hand-context .study-strip>div:nth-of-type(2) { border-color:var(--orbit-border);padding-inline:13px; }
.hand-context .study-strip small { font-size:10px;color:var(--muted);line-height:1.6; }
.showdown-results,.hand-summary { background:var(--panel);border-color:var(--orbit-border);border-radius:10px; }
.showdown-row { font-size:12px;padding-block:11px;border-color:var(--orbit-border); }
.showdown-row strong { color:var(--text);font-weight:600; }
.summary-stats .eyebrow { color:var(--muted);font-size:10px; }
.summary-stats strong { font-size:24px;letter-spacing:-.7px; }
.hand-summary li { font-size:12px;border-color:var(--orbit-border); }

/* Persistent controls: only finish and hierarchy change, never positioning. */
.playback { background:var(--panel);border-color:var(--orbit-border);border-radius:10px; }
.playback-header button { min-height:34px;font-size:11px;color:var(--muted);font-weight:550; }
.playback-header #options-toggle { color:var(--text);border:1px solid var(--orbit-border);padding:5px 10px; }
.timeline-wrap input { height:4px; }
.timeline-wrap span { font-size:10px;letter-spacing:.25px; }
.streets { gap:6px;border-top-color:var(--orbit-border); }
.streets button { font-size:11px;color:var(--muted);border-radius:6px; }
.streets button.active { color:var(--text);background:var(--orbit-selection); }
.replay-dock { background:var(--ui-surface);border-top-color:var(--orbit-edge);box-shadow:0 -4px 14px #0000000d;gap:25px; }
.replay-dock .transport button { font-size:18px;border:1px solid transparent;border-radius:9px; }
.replay-dock .transport button span { color:var(--text);font-size:12px;font-weight:550; }
.replay-dock .transport button:hover:enabled { background:var(--ui-hover);border-color:var(--orbit-border); }
.replay-dock .transport button.play-button { background:var(--site-accent);color:var(--accent-ink);font-size:13px;font-weight:650;letter-spacing:.1px;box-shadow:inset 0 1px 0 #ffffff16; }
.replay-dock .transport button.play-button:hover:enabled { background:var(--site-accent);filter:brightness(1.06); }
.replay-dock .speed-label select { background:var(--ui-field);border:1px solid var(--orbit-border);border-radius:8px;font-size:12px;color:var(--text);padding-inline:10px; }
.replay-dock .decision-controls { gap:8px; }
.replay-dock .decision-controls button { font-size:12px;border-radius:9px;background:transparent;color:var(--muted);border-color:var(--orbit-border); }
.replay-dock .decision-controls #next-decision { background:var(--orbit-tint);color:var(--text);border-color:var(--orbit-edge);font-weight:600; }
.replay-dock .decision-controls #mark-decision[aria-pressed=true] { background:var(--orbit-selection);color:var(--text);border-color:var(--site-accent); }

/* Study, library and settings use the same surfaces as the hand browser. */
.history-panel { background:var(--panel);border-color:var(--orbit-border); }
.history-panel>.panel-title { padding-bottom:13px;border-color:var(--orbit-border); }
.action-row { padding:9px 8px;font-size:12px;color:var(--muted);border-radius:7px; }
.action-row.active { color:var(--text);background:var(--orbit-tint);border-left-color:var(--site-accent); }
.action-row.street { font-size:10px;color:var(--text);font-weight:600; }
.notes textarea { font-size:12px;line-height:1.7;border-color:var(--orbit-border); }
.notes,.tags-section,.bookmarks-section { border-color:var(--orbit-border); }
.tags-section h3,.bookmarks-section h3 { font-size:12px;color:var(--text);font-weight:600; }
.tag-chip { background:var(--orbit-tint);color:var(--text);border-color:var(--orbit-border);font-size:11px;border-radius:6px; }
html[data-theme=light] .tag-chip,html[data-theme=light] .bookmark-jump strong,html[data-theme=light] .showdown-row strong { color:var(--text); }
.tag-remove,.tag-presets button { color:var(--muted); }
.tag-presets button { font-size:10px;min-height:30px; }
.bookmark-row { border-color:var(--orbit-border); }
.bookmark-jump strong { font-size:10px;color:var(--text); }
.bookmark-jump span { font-size:11px;line-height:1.6; }
.bookmark-edit { color:var(--muted); }
dialog { border-radius:16px;border-color:var(--orbit-edge);box-shadow:0 16px 60px #00000026; }
.dialog-heading h2 { font-size:24px;font-weight:650;letter-spacing:-.65px;color:var(--text); }
.dialog-heading .eyebrow { font-size:9px;color:var(--muted); }
.dialog-status { color:var(--muted)!important; }
.library-item,.review-item,.stack-chart { background:var(--ui-field);border-color:var(--orbit-border);border-radius:10px; }
.library-info strong,.review-info strong { font-size:14px;letter-spacing:-.2px;color:var(--text); }
.library-info span,.review-info span { font-size:12px;color:var(--muted); }
.review-info small { font-size:10px;color:var(--muted); }
.review-item.is-reviewed { opacity:.8; }
.chart-view-controls { background:var(--ui-field);border-color:var(--orbit-border); }
.chart-view-controls button,.chart-navigation select { color:var(--text);background:var(--panel);border-color:var(--orbit-border); }
.chart-view-controls button[aria-pressed=true] { background:var(--orbit-selection);border-color:var(--site-accent);color:var(--text); }
.chart-caption,.chart-detail,.chart-empty-hint,.empty-state { color:var(--muted); }
.chart-empty-hint { background:var(--orbit-tint);border-color:var(--orbit-border); }
.settings-tabs { border-radius:9px; }
.settings-tabs button[aria-selected=true] { border-color:var(--orbit-border);box-shadow:0 1px 3px #0000000a; }
.settings-dialog .setting-switches>label { border-color:var(--orbit-border); }
.color-field { border-color:var(--orbit-border); }
.app-footer { color:var(--muted);font-size:10px; }
.welcome-kicker,.welcome-hint,.welcome-steps,.preview-footer,.preview-heading .eyebrow,.orbit-label { color:var(--muted); }
.welcome h2 { font-weight:550;letter-spacing:-2px; }
.welcome h2 span { color:var(--text); }
.welcome-preview { background:var(--panel);border-color:var(--orbit-border); }
.preview-orbit { background:var(--table-color); }
.preview-card,.preview-card-purple { background:var(--card-face);color:var(--card-ink);box-shadow:0 3px 10px #00000012; }
.preview-card-purple { color:var(--card-red); }
body.four-colors .preview-card-purple { color:var(--card-diamond); }
.preview-live { color:var(--text);background:var(--orbit-tint);border-color:var(--orbit-border); }
.preview-orbit .orbit-label { color:#ffffffc9; }

@media(min-width:851px) {
  .workspace,.study-toolbar,.tournament-bar { padding-inline:24px; }
  .tournament-bar { padding-block:13px 6px; }
  .study-toolbar { padding-bottom:9px; }
  .table-heading { min-height:44px; }
  .table-status { padding-top:4px; }
  .arena { container-type:inline-size; }
  .seat { width:clamp(88px,12cqw,116px); }
  .seat.hero { width:clamp(94px,13cqw,126px); }
  .seat .seat-name { font-size:clamp(10px,1.2cqw,12px); }
  .seat .seat-stack { font-size:clamp(15px,1.8cqw,18px); }
  .seat-position { font-size:clamp(8px,1cqw,10px); }
  .pot { font-size:clamp(22px,3cqw,29px); }
  .hand-context { align-items:stretch; }
  .replay-dock .decision-controls { border-left:1px solid var(--orbit-border);padding-left:23px; }
}
@media(min-width:851px) and (max-width:1200px) {
  .hand-context .study-strip strong,.hand-context .study-strip #to-call { font-size:20px; }
  .replay-dock { gap:15px; }
  .replay-dock .decision-controls { padding-left:15px; }
  .replay-dock .decision-controls button { font-size:11px;padding-inline:9px; }
}
@media(max-width:850px) {
  .brand-icon { font-size:26px; }
  .table-heading h2 { font-size:19px; }
  .table-heading .eyebrow { font-size:9px; }
  .heading-actions button { font-size:10px;padding-inline:7px;min-height:44px; }
  .study-toolbar { padding-bottom:11px; }
  .study-toolbar button { min-height:40px; }
  .hand-panel { padding:16px 12px; }
  .search input,.advanced-fields input,.advanced-fields select,.tag-entry input,.notes textarea { font-size:16px; }
  .quick-filters button { min-height:44px;font-size:11px;padding-inline:4px; }
  .hand-panel>select { min-height:44px;font-size:13px; }
  .hand-row { grid-template-columns:22px minmax(0,1fr) 38px;padding:11px 8px;gap:8px; }
  .hand-row input[type=checkbox] { width:19px;height:19px; }
  .hand-row .star { min-height:44px; }
  .row-top { font-size:12px; }
  .mini-cards { font-size:17px; }
  .row-bottom { font-size:12px; }
  .advanced-search summary { min-height:44px;font-size:12px; }
  .seat-identity { gap:3px; }
  .seat .seat-name { font-size:10px; }
  .seat .seat-stack { font-size:14px; }
  .seat-position { font-size:8px; }
  .seat .seat-status { font-size:8px; }
  .seat .seat-action { font-size:9px; }
  .seat-box { padding:7px 4px 6px;border-radius:9px; }
  .seat.hero .seat-stack { font-size:16px; }
  .hand-context .action-card,.hand-context .study-strip { padding:12px 13px; }
  .hand-context .study-strip strong,.hand-context .study-strip #to-call { font-size:20px; }
  .hand-context .study-strip small { font-size:10px; }
  .study-strip .eyebrow { font-size:8px; }
  .replay-dock { gap:6px; }
  .replay-dock .decision-controls button { font-size:11px; }
  .replay-dock .transport button { padding-inline:10px; }
  .mobile-tabs { border-top-color:var(--orbit-border); }
  .mobile-tabs button { border-radius:8px;font-size:12px;color:var(--muted); }
  .mobile-tabs button.active { color:var(--text);background:var(--orbit-selection); }
  .playback-header button { min-height:40px; }
  .action-row { min-height:44px; }
  .tag-presets button { min-height:36px;font-size:11px; }
  .bookmark-jump span { font-size:12px; }
}
@media(max-width:850px) and (orientation:portrait) {
  .table-rail { background:var(--panel-2);border-color:var(--orbit-edge);box-shadow:0 6px 15px #00000014,inset 0 1px 0 #ffffff0a; }
  .table-felt { background:var(--table-color);border-color:#ffffff24; }
  .table-center>.eyebrow { display:none; }
  .pot { background:color-mix(in srgb,var(--table-color) 82%,black);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff08;font-size:clamp(20px,5vw,25px);padding:7px 12px;border-radius:10px; }
  .pot::before { color:#ffffffc9;font-size:8px;font-weight:600;letter-spacing:1.6px; }
  .board { gap:5px;margin:12px 0 7px; }
  .side-pots { font-size:10px; }
  .street-label { color:#ffffffd6;font-size:10px; }
  .seat-bet.table-bet { font-size:9px;padding:3px 5px; }
}
@media(max-width:359px) {
  .heading-actions { gap:3px; }
  .heading-actions button { font-size:9px;padding-inline:5px; }
  .table-heading .eyebrow { font-size:8px; }
  .seat .seat-name { font-size:9px; }
  .seat .seat-stack { font-size:13px; }
  .seat-position { font-size:7px; }
  .hand-context .study-strip strong,.hand-context .study-strip #to-call { font-size:18px; }
  .replay-dock .transport button { padding-inline:7px; }
  body.has-history .replay-dock .transport { gap:5px; }
  .replay-dock .transport button span { font-size:10px; }
  .replay-dock .speed-label select { width:48px;min-width:0;padding-inline:5px;font-size:11px; }
  .replay-dock .decision-controls button { font-size:10px; }
}

/* Reference layout: filter column + a dedicated replay stage. */
.sidebar-label { color:var(--muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:650;margin:0 0 9px; }
.sidebar-filters { margin:0 0 14px; }
.sidebar-filters .quick-filters { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px; }
.sidebar-filters .quick-filters button { min-height:36px;border-radius:7px;color:var(--text);font-size:11px; }
.sidebar-filters .quick-filters button[aria-pressed=true] { background:var(--orbit-selection);border-color:var(--site-accent); }
.sidebar-filters .result-filters { padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid var(--orbit-edge); }
@media(min-width:851px) {
  :root { --orbit-sidebar-width:clamp(240px,23vw,360px);--orbit-layout-gap:14px;--orbit-layout-gutter:16px; }
  body.has-history { padding-bottom:116px; }
  body.has-history .topbar { height:52px;padding-inline:var(--orbit-layout-gutter); }
  body.has-history .brand { font-size:23px; }
  body.has-history .session-heading { display:flex;align-items:center;gap:18px;padding:10px var(--orbit-layout-gutter) 12px;min-height:58px; }
  .session-heading .tournament-bar { flex:1;min-width:0;padding:0;gap:15px; }
  .session-heading .tournament-bar h1 { font-size:14px; }
  .session-heading .session-meta { font-size:10px;text-align:left;line-height:1.5; }
  .session-heading .study-toolbar { width:auto;flex-shrink:0;padding:0;gap:7px; }
  .session-heading .study-toolbar button { min-height:34px;font-size:11px; }
  .workspace.history-hidden { grid-template-columns:var(--orbit-sidebar-width) minmax(0,1fr); }
  .workspace:not(.history-hidden) { grid-template-columns:var(--orbit-sidebar-width) minmax(0,1fr) 280px; }
  .workspace { gap:var(--orbit-layout-gap);padding-inline:var(--orbit-layout-gutter);align-items:start; }
  .hand-panel { height:calc(100svh - 126px);min-height:540px;max-height:none;padding:17px 15px;overflow:auto;scrollbar-width:thin; }
  .hand-panel>.panel-title { padding-bottom:14px; }
  .hand-panel>*,.hand-panel>.sidebar-filters { flex-shrink:0; }
  .hand-panel .hand-list { min-height:140px;flex:1 1 auto; }
  .hand-panel .search input { font-size:12px; }
  .hand-panel .advanced-search { margin-top:8px; }
  .hand-panel .panel-footer small { font-size:9px; }
  .hand-row { border-radius:6px;border-color:transparent;border-bottom-color:var(--orbit-border);margin-bottom:1px; }
  .hand-row.selected { border-color:var(--site-accent); }
  .hand-row .mini-cards { font-size:16px; }
  .replay-column { min-width:0;padding:13px 17px 15px;border:1px solid var(--orbit-border);border-radius:12px;background:var(--ui-field); }
  .table-heading { min-height:42px;padding-inline:1px; }
  .table-heading h2 { font-size:20px; }
  .table-heading .eyebrow { font-size:9px; }
  .heading-actions button { min-height:34px;padding:6px 9px;font-size:10px; }
  .table-status { padding:3px 1px 0; }
  .table-status-hint { font-size:10px; }
  .arena,.history-hidden .arena { width:92%;max-width:1060px;height:clamp(320px,calc(100svh - 420px),510px);margin:0 auto 22px; }
  .table-rail { inset:58px 22px 52px;padding:9px;border-radius:999px;background:linear-gradient(180deg,var(--panel-2),var(--bg));border-color:var(--orbit-edge);box-shadow:0 9px 18px #00000024,inset 0 1px 0 #ffffff0d; }
  .table-felt { position:relative;border-radius:999px;border-color:color-mix(in srgb,var(--site-accent) 45%,var(--table-color));background:var(--table-color);box-shadow:inset 0 0 0 2px #0000000c,inset 0 1px 12px #00000012; }
  .table-felt::before { content:"";position:absolute;inset:12px;border:1px solid #ffffff0b;border-radius:999px;pointer-events:none; }
  .felt-mark { font-size:16px;letter-spacing:4px;opacity:.1; }
  .felt-mark span { font-size:8px; }
  .seat { width:clamp(82px,11.5cqw,104px); }
  .seat.hero { width:clamp(88px,12.5cqw,114px); }
  .seat-box { padding:7px 5px 6px;border-radius:9px; }
  .seat .seat-name { font-size:clamp(10px,1.2cqw,11px); }
  .seat .seat-stack { font-size:clamp(14px,1.7cqw,16px);margin-top:3px; }
  .seat-position { font-size:8px; }
  .seat .seat-action { font-size:9px;margin-top:4px; }
  .seat-cards { height:32px; }
  .seat-cards .card { width:24px;height:33px;font-size:14px; }
  .seat-cards .suit { font-size:12px; }
  .seat.hero .seat-cards { height:35px; }
  .seat.hero .seat-cards .card { width:26px;height:36px;font-size:16px; }
  .seat.hero .seat-cards .suit { font-size:13px; }
  .board { gap:5px;min-height:54px;margin:9px 0; }
  .board .card { width:38px;height:53px;font-size:22px; }
  .board .suit { font-size:18px; }
  .pot { font-size:clamp(20px,2.7cqw,26px); }
  .side-pots { font-size:10px; }
  .street-label { font-size:9px;padding:2px 6px; }
  .seat-bet.table-bet { font-size:9px;padding:2px 6px; }
  .hand-context { max-width:none;gap:10px; }
  .hand-context .action-card,.hand-context .study-strip { background:var(--panel);padding:10px 12px; }
  .hand-context .study-strip strong,.hand-context .study-strip #to-call { font-size:20px; }
  .hand-context .study-strip small { font-size:10px; }
  .playback { max-width:none;background:transparent;border:0;border-top:1px solid var(--orbit-border);border-radius:0;padding:7px 0 0; }
  .playback-header { min-height:32px; }
  .timeline-wrap { margin:5px 0; }
  .streets { justify-content:flex-start;gap:6px;border:0;margin-top:2px; }
  .streets button { flex:0 1 120px;background:var(--panel);border:1px solid var(--orbit-border);min-height:33px; }
  .streets button.active { border-color:var(--site-accent);background:var(--orbit-selection); }
  .replay-dock {
    left:calc(var(--orbit-layout-gutter) + var(--orbit-sidebar-width) + var(--orbit-layout-gap));
    right:var(--orbit-layout-gutter);bottom:12px;
    min-height:78px;padding:12px 15px;border:1px solid var(--orbit-edge);border-radius:11px;
    gap:18px;justify-content:center;box-shadow:0 3px 16px #00000020;
  }
  .replay-dock .transport button { padding-inline:9px; }
  .replay-dock .transport button.play-button { min-width:132px; }
  .replay-dock .decision-controls { padding-left:17px; }
  .replay-dock .decision-controls button { padding-inline:10px;font-size:11px; }
  .workspace:not(.history-hidden) .replay-dock { right:calc(var(--orbit-layout-gutter) + 280px + var(--orbit-layout-gap));flex-wrap:wrap;row-gap:7px; }
  .app-footer { padding-top:15px;padding-bottom:15px; }
  .history-panel { min-width:0; }
}
@media(min-width:851px) and (max-width:1280px) {
  .workspace:not(.history-hidden) { grid-template-columns:var(--orbit-sidebar-width) minmax(0,1fr); }
  .workspace:not(.history-hidden) .history-panel { grid-column:1/-1; }
  .workspace:not(.history-hidden) .replay-dock { right:var(--orbit-layout-gutter); }
  .session-heading .session-meta { max-width:220px; }
  .replay-dock { flex-wrap:wrap;gap:7px;padding:8px 12px; }
  .replay-dock .decision-controls { border-left:0;padding-left:0; }
  .replay-dock .decision-controls button { min-height:35px; }
  .hand-context { grid-template-columns:1fr;gap:8px; }
  .hand-context .study-strip { grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));align-items:center; }
  .hand-context .decision-player { grid-column:auto; }
  .hand-context .study-strip small { grid-column:1/-1; }
  body.has-history { padding-bottom:140px; }
}
@media(max-width:850px) {
  .sidebar-filters .quick-filters button { min-height:44px;font-size:12px; }
  .sidebar-label { font-size:11px; }
}


/* Phone replay: reserve the center for the pot and board. */
@media (max-width:600px) and (orientation:portrait) {
  .arena { height:520px;min-height:520px;max-width:440px;margin:8px auto 22px; }
  .table-rail { inset:28px 18px 34px;padding:7px; }
  .seat,.seat.hero { width:clamp(64px,20vw,82px); }
  .seat .seat-box { padding:5px 3px;border-radius:8px; }
  .seat .seat-identity { flex-direction:column;gap:0; }
  .seat .seat-position { font-size:7px;line-height:10px; }
  .seat .seat-name { font-size:10px;line-height:14px;max-width:100%; }
  .seat .seat-stack,.seat.hero .seat-stack { font-size:12px;line-height:17px;margin-top:1px;letter-spacing:-.3px; }
  .seat .seat-status { font-size:7px;line-height:10px;min-height:0;margin-top:1px; }
  .seat .seat-status:empty { display:none; }
  .seat .seat-action { display:none; }
  .seat:not(.hero) .seat-cards:empty,.seat:not(.hero) .seat-cards:has(.back) { display:none; }
  .seat:not(.hero) .seat-cards { height:27px; }
  .seat:not(.hero) .seat-cards .card { width:20px;height:27px;font-size:13px; }
  .seat:not(.hero) .seat-cards .suit { font-size:10px; }
  .seat.hero .seat-cards { height:35px;margin-bottom:0; }
  .seat.hero .seat-cards .card { width:25px;height:35px;font-size:17px; }
  .seat.hero .seat-cards .suit { font-size:13px; }
  .seat.folded:not(.current) .seat-box { opacity:.48; }
  .seat.current .seat-box { outline:none; }
  .arena .seat-bet.table-bet { left:var(--mobile-bet-x);top:var(--mobile-bet-y);font-size:8px;padding:2px 4px;white-space:nowrap;line-height:13px; }
  .table-center { top:46%;width:54%;gap:0; }
  .table-center .pot { font-size:19px;padding:5px 9px;line-height:1.2; }
  .table-center .pot::before { font-size:7px; }
  .table-center .board { gap:3px;margin:9px 0 5px;min-height:39px; }
  .table-center .board .card { width:clamp(24px,7.5vw,32px);height:42px;font-size:18px; }
  .table-center .board .suit { font-size:15px; }
  .table-center .board .ghost { opacity:.16; }
  .table-center .side-pots { font-size:8px;line-height:1.5;overflow-wrap:anywhere; }
  .table-center .side-pots:empty { display:none; }
  .table-center .street-label { font-size:9px;margin-top:5px; }
  .felt-mark { display:none; }
  body.has-history .replay-dock { display:contents; }
  body.has-history .replay-dock .transport { position:fixed;inset:auto 0 calc(58px + env(safe-area-inset-bottom,0px));width:100%;max-width:none;min-height:64px;padding:8px 10px;background:var(--ui-surface);border-top:1px solid var(--orbit-edge);z-index:30; }
  body.has-history { padding-bottom:calc(140px + env(safe-area-inset-bottom,0px)); }
  .playback .decision-controls { display:flex;margin-top:8px; }
  .replay-dock .transport button.play-button { min-width:100px; }
}