:root{color-scheme:dark}.table{--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .08);--overlay: rgba(0, 0, 0, .25);--overlay-strong: rgba(0, 0, 0, .35);--panel-solid: rgba(12, 20, 16, .96);--felt: #1A4A40;--felt-deep: #0E2F28;--rail: #3E2B22;--rail-edge: #56392B;--accent: #C9A14E;--text: #EFE9D8;--text-dim: #A8BBAF}.table--light{color-scheme:light;--line: rgba(0, 0, 0, .25);--line-soft: rgba(0, 0, 0, .1);--overlay: rgba(255, 255, 255, .5);--overlay-strong: rgba(255, 255, 255, .72);--panel-solid: rgba(250, 248, 240, .97)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Outfit,system-ui,sans-serif;font-size:15px}.mono{font-family:IBM Plex Mono,monospace}.table{min-height:100%;display:flex;flex-direction:column;color:var(--text);background:radial-gradient(120% 90% at 50% 30%,var(--felt) 0%,var(--felt-deep) 100%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line-soft)}.wordmark{margin:0;font-family:Fraunces,serif;font-weight:500;font-size:24px;letter-spacing:.5px}.wordmark em{font-style:italic;color:var(--accent)}.pickers{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pickers label{display:flex;gap:7px;align-items:center;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.pickers select{font:inherit;color:var(--text);background:var(--overlay);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.playfield{flex:1;display:grid;grid-template-columns:1fr minmax(300px,380px);gap:20px;padding:20px 22px;align-items:start}.pool{background:var(--overlay);border:1px solid var(--line-soft);border-radius:26px;padding:16px 20px;min-height:220px}.pool__label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.pool__tiles{display:flex;flex-wrap:wrap;gap:6px}.pool__tiles--stream{flex-wrap:nowrap;overflow-x:auto;align-items:center;padding:12px 4px 16px;scrollbar-width:thin}.pool__drift{display:inline-flex}.pool__livewrap{position:relative;display:inline-flex;border-radius:10px;outline:3px solid var(--accent);outline-offset:2px}.pool__livecaption{position:absolute;left:50%;transform:translate(-50%);top:100%;margin-top:7px;white-space:nowrap;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:600}.pool__empty{color:var(--text-dim);max-width:36ch;line-height:1.5}.card-panel{background:#f6efdc;color:#2e2818;border-radius:12px;padding:16px 18px;box-shadow:0 10px 30px #00000059;max-height:calc(100vh - 250px);overflow:auto}.card-panel__head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #2E2818;padding-bottom:6px}.card-panel__head h2{margin:0;font-family:Fraunces,serif;font-size:18px}.card-panel__year{font-family:IBM Plex Mono,monospace;font-size:13px}.card-panel__legal{font-size:11px;color:#6e6448;line-height:1.45}.card-panel__cat h3{margin:14px 0 6px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#6e6448}.card-hand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 6px;border-radius:6px}.card-hand--win{background:#c9a14e40}.card-hand__pattern{font-family:IBM Plex Mono,monospace;font-size:13.5px;letter-spacing:.5px}.card-hand__meta{display:flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;white-space:nowrap}.card-hand__away{font-size:10.5px;padding:2px 7px;border-radius:999px;background:#2e28181f}.rackzone{padding:14px 22px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.notice{margin-bottom:10px;font-size:13.5px;color:var(--text);background:var(--overlay-strong);border-left:3px solid var(--accent);padding:8px 12px;border-radius:6px;width:fit-content}.rack{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 10px;border-radius:12px;background:linear-gradient(180deg,var(--rail-edge),var(--rail));border-top:3px solid var(--accent);box-shadow:inset 0 6px 14px #00000059,0 8px 22px #00000059;width:fit-content;max-width:100%}.tile{padding:0;border:0;background:none;cursor:pointer;border-radius:8px;transition:transform .12s ease,filter .12s ease}.tile:disabled{cursor:default}.tile:not(:disabled):hover{transform:translateY(-6px)}.tile--selected{transform:translateY(-10px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));outline:2px solid var(--accent);outline-offset:2px}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.status{font-family:Fraunces,serif;font-size:26px;font-weight:500;font-style:italic;color:var(--text);min-width:170px;line-height:1.1}button{font:inherit;font-weight:500;color:var(--text);background:var(--overlay);border:1px solid var(--line);border-radius:999px;padding:9px 20px;cursor:pointer;transition:background .12s ease}button:hover:not(:disabled){background:var(--overlay-strong)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#221a0c;border-color:transparent;font-weight:600;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent)}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.ghost{background:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sorttoggle{display:flex;gap:6px;align-items:center;color:var(--text-dim);font-size:13px}@media (max-width: 900px){.playfield{grid-template-columns:1fr}.card-panel{max-height:none}}@media (prefers-reduced-motion: reduce){.tile,button{transition:none}.tile:not(:disabled):hover{transform:none}}.online-shell{min-height:100vh}.lobby{display:grid;gap:18px;max-width:560px;margin:40px auto;padding:0 20px}.panel{background:var(--overlay);border:1px solid var(--line-soft);border-radius:14px;padding:20px 22px;color:var(--text, #f3ead8)}.panel h2{margin:0 0 8px;font-family:Fraunces,serif;font-size:20px}.panel .dim{color:var(--text-dim, #cfe3d8);font-size:14px;line-height:1.5}.panel__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.codeinput{font-size:22px;letter-spacing:.3em;text-transform:uppercase;width:9ch;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--overlay);color:inherit}.codeshow{font-size:34px;letter-spacing:.35em;color:var(--accent, #c9a14e)}.callable-flag{color:var(--accent, #c9a14e)}.exposure{display:inline-flex;gap:2px;padding:3px 5px;margin:2px;background:var(--overlay);border-radius:6px}.counter{margin-top:14px}.counter__toggle{font-size:13px}.counter__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin-top:8px}.counter__cell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 1px;border-radius:6px;background:var(--overlay)}.counter__cell--gone{opacity:.35}.counter__n{font-size:11px;color:var(--text-dim)}.rack__slot{display:inline-flex}.rack__slot[draggable=true]{cursor:grab}.rack__slot[draggable=true]:active{cursor:grabbing}.charleston{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.charleston__step{color:var(--text);font-size:14px}.charleston .dim{color:var(--text-dim);font-size:13px}.chat{position:relative;margin-top:8px}.chat__toggle{font-size:13px}.chat__badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent);color:#1c1c22;font-size:11px}.chat__panel{position:absolute;bottom:40px;right:0;width:min(340px,92vw);background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;z-index:30}.chat__log{max-height:220px;overflow-y:auto;display:grid;gap:4px}.chat__msg{margin:0;font-size:13px;color:var(--text);line-height:1.4}.chat__msg--mine .chat__name{color:var(--accent)}.chat__name{font-weight:600;margin-right:4px;color:var(--text-dim)}.chat__quick{display:flex;gap:4px}.chat__emoji{font-size:17px;padding:3px 7px;background:var(--overlay);border:1px solid var(--line-soft);border-radius:8px}.chat__inputrow{display:flex;gap:6px}.chat__input{flex:1;padding:7px 10px;border-radius:8px;font-size:13px;border:1px solid var(--line);background:var(--overlay);color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(720px,100%);max-height:86vh;overflow-y:auto}.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal__head h2{margin:0;font-family:Fraunces,serif}.cardlist{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.cardlist li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--overlay)}.cardlist label{display:flex;gap:8px;align-items:center;cursor:pointer}.cardlist__actions{display:flex;gap:4px}.importbox{width:100%;box-sizing:border-box;border-radius:8px;padding:8px;border:1px solid var(--line);background:var(--overlay);color:var(--text)}.cardedit__cat{margin:12px 0;padding:10px;border-radius:10px;background:var(--overlay)}.cardedit__hand{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0}.patterninput{flex:1;min-width:220px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--overlay);color:var(--text)}.pointsinput{width:70px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--overlay);color:var(--text)}.patternerror{flex-basis:100%;color:#ffb0a6;font-size:12px}.cardedit input:not([type=checkbox]){color:var(--text)}.cardedit section input:first-child{background:var(--overlay);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.chat__msgtools{margin-left:6px;opacity:0;transition:opacity .15s}.chat__msg:hover .chat__msgtools{opacity:.9}.chat__linklike{background:none;border:none;padding:0 3px;cursor:pointer;color:var(--text-dim, #cfe3d8);font-size:12px}.chat__linklike:hover{color:var(--text)}.chat__msg--muted{opacity:.5;font-style:italic}.handtabs{display:flex;gap:6px;margin-bottom:6px}.handtabs button{font-size:13px;padding:5px 12px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--overlay);border:1px solid var(--line)}.chip--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chip__swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--line);display:inline-block}.seats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.seat-card{display:flex;flex-direction:column;gap:3px;padding:8px 14px;border-radius:14px;min-width:108px;background:var(--overlay);border:1px solid var(--line-soft)}.seat-card--turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.seat-card__name{font-weight:600;font-size:13.5px}.seat-card__meta{font-size:12px;color:var(--text-dim)}.seat-card__exposures{display:flex;gap:2px}.welcome{font-family:Fraunces,serif;font-size:28px;margin:0 0 4px}.codehero{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.seatchips{display:flex;gap:8px;margin:10px 0}.seatchip{width:15px;height:15px;border-radius:50%;border:2px dashed var(--line)}.seatchip--filled{background:var(--accent);border:2px solid var(--accent)}.chat__msg{padding:6px 11px;border-radius:14px;width:fit-content;max-width:88%;background:var(--overlay)}.chat__msg--mine{margin-left:auto;background:color-mix(in srgb,var(--accent) 26%,transparent)}.chat__msg--muted{background:none;width:100%;text-align:center}.chat__quip{font-size:12px;padding:3px 10px}