.tbl-setup{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.tbl-seats{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tbl-seats li{align-items:center;gap:6px;display:flex}.tbl-kind{flex:none;justify-content:center;min-width:80px;min-height:36px}.tbl-seats .input{flex:1 1 0;min-width:0}.tbl-bot{min-width:0;font-family:var(--f-word);color:var(--muted);flex:1 1 0;padding:0 4px}.tbl-x{flex:none;min-height:36px}.tbl-note{margin:0;font-size:14px}.tbl-ring{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tbl-ring li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:6px 10px;display:flex}.tbl-ring li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tbl-ring li.out{opacity:.5}.tbl-ring b{font-family:var(--f-word);overflow-wrap:anywhere;text-align:center;font-size:15px}.tbl-ring small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.tbl-status{text-align:center;min-height:1.4em;margin:0;font-weight:700}.tbl-log{color:var(--muted);text-align:center;flex-direction:column;gap:2px;max-width:520px;margin:0 auto;padding:0;font-size:14px;list-style:none;display:flex}.tbl-log li:last-child{color:var(--ink)}.tbl-play{flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto;display:flex}@media (max-width:340px){.tbl-kind{min-width:0;padding:5px 8px}.tbl-setup{gap:10px}}.tbl-felt{--felt:#1e5a38;--rail:#6e4a2a;--brass:#e8b64c;--brass-ink:#261a03;--surface:color-mix(in srgb, var(--felt) 70%, #000);--sunk:color-mix(in srgb, var(--felt) 52%, #000);--ink:#f5efdf;--muted:color-mix(in srgb, #f5efdf 70%, var(--felt));--line:color-mix(in srgb, #f5efdf 26%, var(--felt));--accent:var(--brass);--accent-ink:var(--brass-ink);--sun:#f2c552;--good:#86dba2;--bad:#ff9a8a;--info:#9ccbf4;--good-tint:color-mix(in srgb, #86dba2 22%, var(--surface));--bad-tint:color-mix(in srgb, #ff9a8a 22%, var(--surface));--warn-tint:color-mix(in srgb, #f2c552 20%, var(--surface));--info-tint:color-mix(in srgb, #9ccbf4 20%, var(--surface));--shadow:0 1px 0 #0000004d, 0 10px 24px -12px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:radial-gradient(120% 90% at 50% 40%, transparent 55%, #0000004d) padding-box, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E") padding-box, linear-gradient(var(--felt), var(--felt)) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--rail) 75%, #fff) 0%, var(--rail) 28%, color-mix(in srgb, var(--rail) 65%, #000) 100%) border-box;border:12px solid #0000;border-radius:28px;margin-block:18px 26px;padding-inline:20px;box-shadow:0 22px 44px -24px #000000b3,inset 0 3px 10px #00000073}.tbl-felt .play-bar{padding-block:16px 12px}.tbl-felt .input{background:var(--sunk);color:var(--ink)}.tbl-felt .input::placeholder{color:var(--muted)}.tbl-felt .panel{box-shadow:var(--shadow)}.tbl-felt .chip-btn:not([aria-pressed=true]){background:var(--sunk);color:var(--ink)}.tbl-spot{background:radial-gradient(closest-side, color-mix(in srgb, var(--felt) 86%, #fff), var(--felt));border-radius:999px/50%;padding:22px 18px;box-shadow:inset 0 0 0 7px #0000,inset 0 0 0 8px #ffffff24,inset 0 0 0 9.5px #0000002e}@media (max-width:760px){.tbl-felt{border-width:7px;border-radius:18px;width:auto;margin-inline:6px;padding-inline:10px}.tbl-spot{border-radius:28px;padding:14px 8px}}