.table-effects-settings { margin: 1rem 0; border: 0; padding: 0; }
.table-effects-settings legend { font: 600 .8rem var(--display); margin-bottom: .5rem; }
.table-effects-toggle { display: flex; align-items: center; gap: .6rem; min-height: 44px; font-size: .8rem; cursor: pointer; }
.table-effects-toggle input { width: 18px; height: 18px; accent-color: var(--focus); }
.sound-controls { display: grid; grid-template-columns: auto minmax(60px, 1fr) 3ch auto; align-items: center; gap: .6rem; font-size: .75rem; }
.sound-controls input { width: 100%; min-height: 44px; accent-color: var(--focus); }
.sound-controls button { min-height: 44px; }
.sound-controls output { font-variant-numeric: tabular-nums; text-align: right; }
#sound-feedback { min-height: 1em; margin: .35rem 0; color: var(--muted); font-size: .72rem; }
/* The glow lives on the rail beneath cards, seats, and every hit target. */
.big-pot-rail { position: absolute; inset: 5px; z-index: 2; border-radius: inherit; pointer-events: none; opacity: 0; border: 2px solid #e9cb83; }
.poker-table[data-big-pot] .big-pot-rail { animation: poker-big-pot-rail 2.6s ease-out both; }
.poker-table[data-big-pot] .pot-marker { border-color: #e9cb83; box-shadow: 0 0 16px #e9cb832b; }
.poker-table[data-big-pot] .pot-marker > span { font-size: 0; }
.poker-table[data-big-pot] .pot-marker > span::after { content: 'BIG POT'; font: 700 .6rem var(--display); letter-spacing: .12em; color: #f3d994; }
@keyframes poker-big-pot-rail {
    0% { opacity: 0; box-shadow: inset 0 0 0 #e9cb8300, 0 0 0 #e9cb8300; }
    18% { opacity: .95; box-shadow: inset 0 0 28px #e9cb8340, 0 0 18px #e9cb8335; }
    58% { opacity: .65; box-shadow: inset 0 0 12px #e9cb8320, 0 0 8px #e9cb8315; }
    100% { opacity: 0; box-shadow: inset 0 0 0 #e9cb8300, 0 0 0 #e9cb8300; }
}
@media (prefers-reduced-motion: reduce) {
    .poker-table[data-big-pot] .big-pot-rail { animation: none; opacity: .65; }
}
/* Settled cards own this reading space, including narrow phone runouts. */
.poker-table[data-table-state='complete'] .table-brand,
.poker-table[data-table-state='winner'] .table-brand { display: none !important; }

#hand-history-link { display: flex; align-items: center; min-height: 44px; text-decoration: none; }
#desktop-history-link { display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 721px) {
    #hand-history-link { display: none; }
}
@media (max-width: 720px) {
    .table-more-menu { max-height: calc(100dvh - 76px); overflow-y: auto; }
}