/* Table-only polish. Brand colours remain owned by the platform tokens. */
#poker-table .seat-clock{pointer-events:none;}
#poker-table .join-dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-modal);overflow-y:auto;}
#poker-table .join-dialog .account-form{gap:12px;}
#poker-table .join-dialog h2{font-size:22px;margin:3px 0;letter-spacing:-.5px;}
#poker-table .join-dialog .eyebrow{color:var(--color-primary);margin:0;}
#poker-table .join-dialog :is(.dialog-close,input,select,button[type=submit]){min-height:44px;}
#poker-table .join-dialog :is(input,select){font-size:16px;}
#poker-table .join-dialog :is(#join-seat,.field-help){margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5;}
#poker-table .entry-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;}
#poker-table .entry-summary>div,#poker-table .entry-summary-note{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);}
#poker-table .entry-summary dt{font-size:10px;color:var(--color-text-secondary);margin-bottom:5px;}
#poker-table .entry-summary dd{margin:0;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#poker-table .entry-summary-note{margin:0;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;}
#poker-table .join-dialog{border-top:2px solid var(--color-primary);background:linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface) 60%)}
#poker-table .join-dialog .dialog-heading{align-items:center;gap:12px}
#poker-table .join-dialog .dialog-close{width:44px;flex:0 0 44px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background)}
#poker-table .entry-summary [data-live-wallet],#poker-table #rebuy-wallet{color:var(--color-success)}
#poker-table .entry-amount{gap:7px;font-size:13px}
#poker-table .entry-amount input{min-height:58px;font-size:27px;font-weight:700;background:var(--color-background);font-variant-numeric:tabular-nums}
#poker-table .entry-amount small{font-size:11px;line-height:1.4;font-weight:400;color:var(--color-text-secondary)}
#poker-table .entry-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#poker-table .entry-presets button{min-height:44px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated);color:var(--color-text);font-size:12px;font-weight:600}
#poker-table .entry-presets button[aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary)}
#poker-table .entry-presets button:disabled{opacity:.45;cursor:not-allowed}
#poker-table .entry-options{border-block:1px solid var(--color-border)}
#poker-table .entry-options summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;list-style:none;font-size:12px;color:var(--color-text-secondary);cursor:pointer}
#poker-table .entry-options summary::after{content:'+';color:var(--color-primary);font-size:18px}
#poker-table .entry-options[open] summary::after{content:'−'}
#poker-table .entry-options summary::-webkit-details-marker{display:none}
#poker-table .entry-options label{font-size:12px;display:grid;gap:8px;margin-bottom:12px}
#poker-table .entry-options .table-rake-note{font-size:11px;line-height:1.5;margin:12px 0}
#poker-table .join-dialog button[type=submit]{min-height:50px;font-size:15px}
#poker-table .join-dialog #rebuy-state:empty{display:none}
#poker-table #rebuy-offer-dialog{border-top:2px solid var(--color-primary);padding:22px}
#poker-table #rebuy-offer-dialog header h2{font-size:22px;line-height:1.2}
#poker-table #rebuy-offer-dialog .leave-actions{display:grid;gap:8px;margin-top:16px}
#poker-table #rebuy-offer-dialog .leave-actions button{min-height:48px}
#poker-table #rebuy-offer-dialog #rebuy-offer-state{font-size:12px;color:var(--color-primary)}
#poker-table :is(.entry-presets button,.entry-options summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
@media(max-width:480px){#poker-table .join-dialog{padding:18px}#poker-table .entry-summary>div{padding:10px}#poker-table .entry-summary dd{font-size:15px}}
@media(prefers-reduced-motion:no-preference){#poker-table .entry-presets button{transition:background-color 120ms,border-color 120ms}#poker-table .entry-presets button:active{transform:translateY(1px)}}
#poker-table .table-back{
  padding-inline: 12px;
  border-color: color-mix(in srgb, var(--color-primary) 34%, transparent);
  background: color-mix(in srgb, var(--color-primary) 9%, var(--color-background));
  color: var(--color-primary);
  font-weight: 650;
  text-decoration: none;
}
#poker-table .table-back:hover{ background: color-mix(in srgb, var(--color-primary) 17%, var(--color-background)); color: var(--color-primary-hover); }
#poker-table .table-back .product-icon{ transition: translate var(--motion-fast); }
#poker-table .table-back:hover .product-icon{ translate: -2px 0; }
#poker-table .table-customization-controls .table-tool{
  --tool-accent: var(--color-text-secondary);
  color: var(--tool-accent);
  background: linear-gradient(155deg, color-mix(in srgb, var(--tool-accent) 7%, var(--color-surface)), var(--color-surface));
  border-color: color-mix(in srgb, var(--tool-accent) 24%, var(--color-border));
  box-shadow: inset 0 1px #ffffff08;
  transition: color var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast);
}
#poker-table .table-tool[data-table-switcher-open="mine"]{ --tool-accent: var(--color-primary); }
#poker-table .table-tool[data-table-switcher-open="available"]{ --tool-accent: var(--color-success); }
#poker-table .table-tool[data-open-table-panel="table-information"]{ --tool-accent: #91b9d8; }
#poker-table .table-tool[data-open-table-panel="table-settings"]{ --tool-accent: var(--color-warning); }
#poker-table .table-tool[data-open-table-panel="table-history"]{ --tool-accent: #b7a4de; }
#poker-table .table-tool[data-open-table-panel="table-social"]{ --tool-accent: #e6ac91; }
#poker-table #rotate-table{ --tool-accent: #8bcfc8; }
#poker-table #table-sound-toggle{ --tool-accent: var(--color-primary); }
#poker-table #table-sound-toggle[data-sound="off"]{ --tool-accent: var(--color-text-secondary); }
#poker-table #table-tools-more{ display: none; }
#poker-table .table-tools-secondary{ display: contents; }
#poker-table .table-customization-controls .table-tool:hover{ color: var(--tool-accent); border-color: var(--tool-accent); background: color-mix(in srgb, var(--tool-accent) 15%, var(--color-surface)); transform: translateY(-1px); }
#poker-table .table-customization-controls .table-tool:active{ transform: translateY(1px); }
#poker-table .table-customization-controls .table-tool:is([aria-expanded="true"], [aria-pressed="true"]){
  background: color-mix(in srgb, var(--tool-accent) 14%, var(--color-surface));
  border-color: color-mix(in srgb, var(--tool-accent) 60%, var(--color-border));
  color: var(--tool-accent);
}
#poker-table:has(#table-information[open]) [data-open-table-panel="table-information"],#poker-table:has(#table-settings[open]) [data-open-table-panel="table-settings"],#poker-table:has(#table-history[open]) [data-open-table-panel="table-history"],#poker-table:has(#table-social[open]) [data-open-table-panel="table-social"]{ border-color: var(--tool-accent); color: var(--tool-accent); }
#poker-table .action-panel #hand-result.hand-outcome{
  max-width: 820px;
  margin-inline: auto;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
  border-radius: var(--radius-sm);
  background: linear-gradient(115deg, color-mix(in srgb, var(--color-primary) 9%, var(--color-surface)), var(--color-surface) 75%);
  box-shadow: inset 0 1px #ffffff10, 0 3px 8px #0003;
  color: var(--color-text);
}
#poker-table .outcome-heading{ display: flex; align-items:center; gap:6px; color: var(--color-primary); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 5px; }
#poker-table .outcome-heading .winner-trophy{ width:16px; height:16px; }
#poker-table .outcome-row{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 3px 10px; min-width: 0; line-height: 1.4; }
#poker-table .outcome-row + .outcome-row{ margin-top: 5px; }
#poker-table :is(.outcome-name, .outcome-hand){ min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#poker-table .outcome-name{ font-size: 12px; }
#poker-table .outcome-name:has(.outcome-avatar){ display:flex; align-items:center; gap:5px; }
#poker-table .outcome-name > span{ overflow:hidden; text-overflow:ellipsis; }
#poker-table .outcome-avatar{ display:inline-flex; position:static; flex:none; width:20px; height:20px; border-radius:50%; overflow:hidden; }
#poker-table .outcome-avatar img{ width:100%; height:100%; object-fit:cover; }
#poker-table .outcome-hand{ color: var(--color-text-secondary); font-size: 11px; }
#poker-table .outcome-amount{ font-variant-numeric: tabular-nums; color: var(--color-primary); font-size: 13px; white-space: nowrap; }
#poker-table .outcome-more{ min-height: 36px; width: 100%; margin-top: 6px; background: var(--color-surface-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text); cursor: pointer; font-size: 11px; }
#poker-table #table-outcome-details > header button{ min-width:44px; min-height:44px; }

#poker-table :is(#command-message, #action-error):empty{ display: none; }
#poker-table :is(#command-message, #action-error){ margin-bottom: 0; }
#poker-table #table-history details{ margin-block: 16px; }
#poker-table #table-history summary{ min-height: 40px; display: list-item; align-content: center; color: var(--color-text-secondary); cursor: pointer; }
@container table-play-area (max-height: 540px) {
  #poker-table .hand-outcome .outcome-row{ grid-template-columns: minmax(0, 1fr) auto; }
  #poker-table .hand-outcome .outcome-hand{ grid-column: 1; grid-row: 2; }
  #poker-table .hand-outcome .outcome-amount{ grid-column: 2; grid-row: 1 / 3; }
}
@media (max-width: 720px) {
  #poker-table .table-customization-controls{ position: relative; overflow: visible; gap: 4px; padding-inline: 0; }
  #poker-table .table-tools-divider{ display: none; }
  #poker-table #table-tools-more{ display: grid; margin-left: 0; }
  #poker-table .table-tools-secondary{ display: none; position: absolute; right: 0; top: calc(100% + 6px); width: min(240px, 100%); z-index: 30; padding: 6px; background: var(--color-surface-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-modal); }
  #poker-table .table-customization-controls:has(#table-tools-more[aria-expanded="true"]) .table-tools-secondary{ display: grid; gap: 4px; }
  #poker-table .table-tools-secondary .table-tool{ display: flex; justify-content: flex-start; gap: 12px; width: 100%; height: 44px; min-height: 44px; padding-inline: 12px; }
  #poker-table .table-tools-secondary .table-tool-label{ position: static; width: auto; height: auto; margin: 0; clip-path: none; overflow: visible; white-space: normal; font-size: 12px; }
  #poker-table .table-back{ padding: 8px; }
  #poker-table .hand-outcome .outcome-row{ grid-template-columns: minmax(0, 1fr) auto; }
  #poker-table .hand-outcome .outcome-hand{ grid-column: 1; grid-row: 2; }
  #poker-table .hand-outcome .outcome-amount{ grid-column: 2; grid-row: 1 / 3; }

}
@media (max-width: 720px) and (min-height: 501px) {
  #poker-table .table-customization-controls > .table-tool{ width: 44px; height: 44px; min-height: 44px; }
  #poker-table .table-customization-controls .table-tool:focus-visible{ outline-offset: -3px; }
}
@media (prefers-reduced-motion: reduce) {
  #poker-table :is(.table-tool, .table-back .product-icon){ transition: none; }
}
#poker-table[data-motion="off"] :is(.table-tool, .table-back .product-icon){ transition: none; }