:root{--bg: #0a0e14;--panel: #111822;--panel-2: #18212d;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #eef2f6;--muted: #8e9bab;--felt-1: #1a4f8c;--felt-2: #0d2e59;--felt-3: #0a2447;--gold: #f5c451;--good: #3ddc97;--bad: #ff7a59;--suit-red: #d4313b;--suit-black: #1a1e24;--card: #fbfaf6;--ink: #000;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", sans-serif;--font-card: "Georgia", "Times New Roman", serif;--r-card: 7px;--r-ui: 14px;--gutter: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;max-width:560px;margin:0 auto}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--line-2);background:transparent;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;min-height:48px}.btn--primary{background:var(--gold);border-color:var(--gold);color:#10151c}.btn--primary:disabled{background:var(--line-2);border-color:transparent;color:var(--muted);cursor:default}.btn--ghost{border-color:transparent;padding:8px 12px;min-height:40px;color:var(--muted)}.btn--block{width:100%}.btn--danger{background:var(--suit-red);border-color:var(--suit-red);color:#fff;flex:1}.pill{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--gold);color:#10151c;font-size:11px;font-weight:800;line-height:18px;vertical-align:2px}.blackball{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle;background:radial-gradient(circle at 32% 28%,#5a5a5a 0 9%,#1c1c1c 22%,var(--ink) 62%);box-shadow:0 2px 3px #00000073}.blackball--sm{width:16px;height:16px}.blackball--logo{width:96px;height:96px;box-shadow:0 0 0 1px #ffffff12,0 14px 30px #0009,0 0 70px #1a4f8c80}.setup{padding:32px var(--gutter) 40px}.setup__brand{text-align:center;margin-bottom:28px}.wordmark{font:800 clamp(42px,13vw,60px)/1 var(--font);margin:20px 0 8px;color:var(--text);letter-spacing:-.035em}.wordmark span{color:var(--gold)}.setup__tag{margin:0 auto;max-width:30ch;color:var(--muted)}.setup__form{display:grid;gap:18px}.setup__summary{color:var(--muted);font-size:14px;margin:4px 0 0}.field{border:0;margin:0;padding:0;display:grid;gap:8px}.field legend,.field__label{font-weight:600;padding:0}.field__hint{margin-left:8px;color:var(--muted);font-weight:400;font-size:14px}.field--row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field input,.field select{background:var(--panel);border:1.5px solid var(--line-2);border-radius:var(--r-ui);padding:12px 14px;min-height:48px;width:100%}.segmented{display:flex;background:var(--panel);border-radius:999px;padding:4px}.segmented button{flex:1;border:0;background:transparent;border-radius:999px;padding:10px 8px;min-height:42px;cursor:pointer;font-weight:600;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--felt-1);color:var(--text)}.segmented button:disabled{cursor:not-allowed;opacity:.55;display:grid;line-height:1.1}.soon{font-size:11px;font-weight:400}.stepper{display:flex;align-items:center;background:var(--panel);border-radius:999px}.stepper button{width:46px;height:46px;border:0;background:transparent;font-size:22px;cursor:pointer;border-radius:50%}.stepper button:disabled{opacity:.3}.stepper output{min-width:2.2ch;text-align:center;font:800 20px var(--font)}.game{display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;gap:4px;padding:8px 6px 4px;padding-top:max(8px,env(safe-area-inset-top))}.topbar__side{flex:0 0 auto;min-width:72px}.topbar__round{display:grid;flex:1;justify-items:center;line-height:1.15}.topbar__round-num{font:800 20px var(--font);color:var(--text)}.topbar__round-of{font-size:13px;color:var(--muted)}.tablehead{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:4px var(--gutter) 10px}.trump,.bidmeter{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:var(--panel);border:1px solid var(--line);min-width:0}.trump{box-shadow:inset 0 0 0 2px var(--gold)}.trump__label,.bidmeter__label{display:grid;line-height:1.15;min-width:0;font-weight:800;font-size:15px;white-space:nowrap}.trump__label small,.bidmeter__label small{font-weight:400;color:var(--muted);font-size:12px}.trump__suit{color:var(--text);font-size:18px;white-space:nowrap}.trump__suit--red{color:#ff8a8f}.bidmeter{flex-direction:column;justify-content:center;gap:2px;text-align:center}.bidmeter__caption{font-size:12px;color:var(--muted)}.bidmeter__value{font:800 28px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.bidmeter__slash{color:var(--muted);margin:0 1px}.bidmeter--under .bidmeter__label{color:#a9d4ff}.bidmeter--over .bidmeter__label{color:var(--gold)}.bidmeter--even .bidmeter__label{color:var(--good)}.seats{list-style:none;margin:0;padding:4px var(--gutter) 10px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.seats::-webkit-scrollbar{display:none}.seat{flex:0 0 auto;min-width:104px;padding:8px 10px 9px;border-radius:var(--r-ui);background:var(--panel);display:grid;grid-template-columns:1fr auto;gap:2px 8px;scroll-snap-align:start;border:2px solid transparent;transition:border-color .2s}.seat--active{border-color:var(--gold)}.seat__name{font-weight:800;font-size:14px;white-space:nowrap}.seat__score{font:800 15px var(--font);text-align:right}.seat__bid{grid-column:1 / -1;font-size:13px;color:var(--muted)}.seat__bid .good{color:var(--good);font-weight:800}.seat__bid .bad{color:var(--bad);font-weight:800}.seat__backs{grid-column:1 / -1;display:flex;align-items:center;height:18px}.seat__backs .card+.card{margin-left:-8px}.seat__more{font-size:11px;margin-left:4px;color:var(--muted)}.seat__reveal{grid-column:1 / -1;font-size:12px;color:var(--text);max-width:150px}.seat--active .seat__bid{color:var(--text)}.felt{flex:1;margin:0 10px;border-radius:22px;padding:14px 12px 18px;background:radial-gradient(120% 90% at 50% 35%,var(--felt-1) 0%,var(--felt-2) 100%);box-shadow:inset 0 0 0 6px #0000002e,inset 0 10px 40px #00000059;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:230px}.status{margin:0;font-weight:600;text-align:center;color:var(--text);min-height:1.45em}.trick{list-style:none;margin:auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px}.trick--empty{margin:auto 0}.trick__play{display:grid;justify-items:center;gap:4px;animation:land .22s ease-out}.trick__who{font-size:12px;color:var(--text);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trick__who small{color:var(--muted)}.trick__play--win .trick__who{color:var(--gold);font-weight:800}@keyframes land{0%{transform:translateY(10px) scale(.96);opacity:0}}.tally{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tally li{display:grid;justify-items:center;min-width:62px;padding:6px 8px;border-radius:var(--r-ui);background:#0000002e;font-size:12px}.tally b{font:800 22px var(--font);color:var(--text)}.tally--active{outline:2px solid var(--gold)}.tiebreak{text-align:center;font-size:13px;background:#00000038;border-radius:var(--r-ui);padding:8px 12px}.tiebreak p{margin:0 0 6px}.draws{display:grid;gap:8px}.draws__pass{display:grid;gap:4px;justify-items:center}.draws__label{font-size:12px;color:var(--muted)}.draws ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.draws li{display:grid;justify-items:center;font-size:12px;gap:2px}.me{padding:10px var(--gutter) max(14px,env(safe-area-inset-bottom))}.me--watch{display:flex;justify-content:space-between;align-items:center}.me__stats{display:flex;gap:14px;align-items:baseline;font-size:14px;color:var(--muted);flex-wrap:wrap}.me__stats b{color:var(--text);font-size:16px}.me__name{font-weight:800;color:var(--text);margin-right:auto}.hand{position:relative;height:calc(var(--cw) * 1.42 + 22px);margin-top:8px}.hand .card{position:absolute;bottom:0;transition:transform .15s ease-out,opacity .15s}.hand__empty{text-align:center;color:var(--muted);margin:0;padding-top:30px}.hint{text-align:center;margin:6px 0 0;font-size:13px;color:var(--muted)}.error{margin:6px 0 0;color:var(--bad);font-size:14px;font-weight:600}.toggle{display:flex;gap:8px;align-items:center;font-size:14px}.toggle input{width:20px;height:20px;accent-color:var(--gold)}.card{--w: 52px;position:relative;display:inline-block;width:var(--w);height:calc(var(--w) * 1.42);background:var(--card);border-radius:var(--r-card);border:0;padding:0;box-shadow:0 1px #0000001f,0 4px 10px #00000059;color:var(--suit-black);font-family:var(--font-card);text-align:left;flex:0 0 auto}.card--red{color:var(--suit-red)}.card--sm{--w: 30px;border-radius:4px}.card--trump{--w: 50px}.card--md{--w: 54px}.card--lg{--w: var(--cw, 64px)}button.card{cursor:pointer}.card__index{position:absolute;top:4px;left:5px;display:grid;justify-items:center;font-weight:800;font-size:calc(var(--w) * .3);line-height:.95}.card__index-suit{font-size:.85em}.card__pip{position:absolute;right:8%;bottom:6%;font-size:calc(var(--w) * .52);line-height:1}.card--sm .card__index{top:2px;left:3px;font-size:11px}.card--sm .card__pip{display:none}.card--raised{transform:translateY(-18px)}.card--highlight{box-shadow:0 0 0 3px var(--gold),0 6px 14px #0006}.card--dim{filter:brightness(.55) saturate(.6)}.card--back{--w: 14px;height:18px;border-radius:3px;background:var(--felt-1);box-shadow:inset 0 0 0 1.5px var(--card),0 1px 2px #0006}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ca8;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade .18s ease-out}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow:auto;background:var(--panel);border-radius:22px 22px 0 0;padding:22px var(--gutter) max(20px,env(safe-area-inset-bottom));display:grid;gap:14px;animation:rise .24s ease-out}.sheet__title{margin:0;font:800 26px/1.1 var(--font);color:var(--text)}.sheet__lead{margin:0}.sheet__actions{display:flex;gap:8px;flex-wrap:wrap}.sheet__actions .btn--primary{flex:1}@keyframes rise{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.bidsheet{width:100%;background:#00000038;border-radius:16px;padding:16px 14px;display:grid;gap:12px;animation:rise .24s ease-out}.bidsheet__title{margin:0;font:800 21px/1.15 var(--font);color:var(--text)}.bidsheet__meta{margin:-6px 0 0;color:var(--muted);font-size:14px}.balls{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;justify-items:center}.ball{width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#5c5c5c 0 7%,#1d1d1d 22%,var(--ink) 64%);box-shadow:0 3px 6px #00000080;transition:transform .12s}.ball span{width:26px;height:26px;border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;font:800 14px var(--font)}.ball[aria-pressed=true]{transform:scale(1.12);box-shadow:0 0 0 3px var(--gold),0 3px 6px #00000080}.results{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.results th,.results td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--line)}.results th[scope=row]{text-align:left;font-weight:600}.results thead th{color:var(--muted);font-weight:600;font-size:13px}.results tr.missed td,.results tr.missed th{color:var(--muted)}.results small{display:block;font-size:10px;color:var(--muted)}.results tfoot td,.results tfoot th{font:800 15px var(--font);border-bottom:0;color:var(--text)}.scoreboard{overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.results--wide th:not(:first-child),.results--wide td{min-width:52px}.results--wide thead th{white-space:nowrap}.ranking{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ranking li{display:grid;grid-template-columns:1fr auto 56px;gap:12px;align-items:center;padding:10px 12px;background:#0000002e;border-radius:var(--r-ui)}.ranking li:first-child{background:var(--felt-1)}.ranking b{font:800 18px var(--font);text-align:right}.ranking__balls{display:flex;gap:5px;align-items:center;font-size:13px;color:var(--muted)}@media(min-width:600px){.scrim{align-items:center}.sheet{border-radius:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:359px){.card--trump{--w: 42px}.trump__suit{font-size:16px}.bidmeter__value{font-size:26px}}