:root{--c-felt-900: #0b2a22;--c-felt-800: #0f3a2e;--c-felt-700: #14483a;--c-felt-600: #1c5a48;--c-surface: #143c30;--c-surface-2: #1b4c3c;--c-line: #2a6553;--c-scrim: rgba(4, 18, 14, .72);--c-ink: #f3f7f4;--c-ink-soft: #bfd4cb;--c-ink-mute: #87a398;--c-card-face: #faf6ec;--c-card-edge: #e4dcc8;--c-card-back: #122e5c;--c-card-back-2: #1c4a8f;--c-card-ink: #1a1a1a;--c-brass: #d9a648;--c-brass-hi: #f2c879;--c-brass-lo: #a67a28;--suit-spades: #1f4e8c;--suit-hearts: #c1462b;--suit-clubs: #3f7d3a;--suit-diamonds: #9b3d8f;--suit-spades-felt: #6f9fd6;--suit-hearts-felt: #e8896f;--suit-clubs-felt: #7fc278;--suit-diamonds-felt: #d784cc;--team-a: #e8772e;--team-a-soft: #f2a968;--team-a-deep: #b65613;--team-a-on: #20140a;--team-b: #2bb6c4;--team-b-soft: #74d6e0;--team-b-deep: #167985;--team-b-on: #06262a;--c-success: #36b37e;--c-warning: #e6b23a;--c-danger: #e2503b;--c-info: #4c9ae8;--c-trump: #f2c879;--c-focus: #8fd0ff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-num: "SF Mono", "Roboto Mono", ui-monospace, Menlo, monospace;--fs-3xs: .69rem;--fs-2xs: .75rem;--fs-xs: .81rem;--fs-sm: .94rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.56rem;--fs-2xl: 1.95rem;--fs-3xl: 2.44rem;--fw-reg: 400;--fw-med: 500;--fw-semi: 600;--fw-bold: 700;--lh-tight: 1.1;--lh-snug: 1.25;--lh-body: 1.45;--ls-caps: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--tap-min: 44px;--tap-comfort: 52px;--card-w: 64px;--card-h: 90px;--card-w-sm: 44px;--card-h-sm: 62px;--card-w-lg: 80px;--card-h-lg: 112px;--card-radius: 8px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--el-1: 0 1px 2px rgba(0, 0, 0, .35);--el-2: 0 2px 6px rgba(0, 0, 0, .4);--el-3: 0 6px 16px rgba(0, 0, 0, .45);--el-card: 0 2px 4px rgba(0, 0, 0, .45), 0 0 0 1px var(--c-card-edge) inset;--el-lift: 0 12px 28px rgba(0, 0, 0, .55);--glow-turn: 0 0 0 3px var(--c-warning), 0 0 16px 2px rgba(230, 178, 58, .5);--glow-trump: 0 0 0 2px var(--c-trump), 0 0 14px 1px rgba(242, 200, 121, .55);--z-table: 0;--z-seats: 10;--z-trick: 20;--z-hand: 30;--z-bet: 40;--z-toast: 60;--z-modal: 80;--dur-1: 90ms;--dur-2: .16s;--dur-3: .24s;--dur-4: .36s;--dur-5: .6s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-ink);background:var(--c-felt-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}button{font-family:inherit;font-size:inherit;cursor:pointer}code{font-family:var(--font-num)}.app-root{height:100%;display:flex;flex-direction:column;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);max-width:760px;margin:0 auto;width:100%}.btn{min-height:var(--tap-comfort);padding:0 var(--sp-5);border:none;border-radius:var(--r-md);font-weight:var(--fw-semi);font-size:var(--fs-md);color:var(--c-ink);background:var(--c-surface-2);box-shadow:var(--el-1);transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--c-brass);color:#20140a}.btn--danger{background:var(--c-danger);color:#fff}.btn--ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--c-line)}.btn--block{width:100%}.toast{position:fixed;left:50%;bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:var(--z-toast);max-width:92%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-2);box-shadow:var(--el-3);font-size:var(--fs-sm);animation:toast-in var(--dur-3) var(--ease-out)}.toast--danger{box-shadow:var(--el-3),inset 0 0 0 1px var(--c-danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--c-scrim);display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:520px;background:var(--c-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-6) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));box-shadow:var(--el-3);animation:sheet-up var(--dur-3) var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal h2{margin:0 0 var(--sp-4);font-size:var(--fs-xl)}.team-badge{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:var(--r-pill);font-size:.8em}.team-0{color:var(--team-a)}.team-1{color:var(--team-b)}.team-fill-0{background:var(--team-a);color:var(--team-a-on)}.team-fill-1{background:var(--team-b);color:var(--team-b-on)}.auth-box{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.auth-tabs{display:flex;gap:var(--sp-1)}.auth-tabs button{flex:1;background:transparent;border:none;color:var(--c-ink-mute);padding:var(--sp-2);border-bottom:2px solid transparent;font-weight:var(--fw-semi)}.auth-tabs button.on{color:var(--c-ink);border-bottom-color:var(--c-brass)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-2)}.auth-who{font-size:var(--fs-sm)}.auth-actions{display:flex;gap:var(--sp-2)}.auth-actions .btn{flex:1}.auth-stats{font-size:var(--fs-xs);color:var(--c-ink-soft);font-family:var(--font-num);font-variant-numeric:tabular-nums}.auth-err{color:var(--c-danger);font-size:var(--fs-xs);margin:0}.auth-note{color:var(--c-ink-mute);font-size:var(--fs-2xs);margin:0}.result{text-align:center}.result__winner{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.result__how{color:var(--c-ink-soft);font-size:var(--fs-sm)}.result__chips{display:flex;justify-content:space-around;gap:var(--sp-4);margin:var(--sp-4) 0;font-family:var(--font-num);font-variant-numeric:tabular-nums}.result__note{color:var(--c-ink-mute);font-size:var(--fs-xs)}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--c-scrim);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-3);text-align:center;padding:var(--sp-6)}.pause-overlay .spinner{font-size:var(--fs-2xl);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--c-surface);border-top:1px solid var(--c-line);padding:var(--sp-3) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-bet)}.panel__title{font-size:var(--fs-sm);color:var(--c-ink-soft);margin:0 0 var(--sp-2)}.panel__hint{font-size:var(--fs-xs);color:var(--c-ink-mute);margin:var(--sp-1) 0 0}.suit-row{display:flex;gap:var(--sp-2)}.suit-btn{flex:1;min-height:var(--tap-comfort);border:none;border-radius:var(--r-md);background:var(--c-card-face);font-size:1.5rem;font-weight:var(--fw-bold);box-shadow:var(--el-1)}.suit-btn:disabled{opacity:.35}.style-row{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.style-row .btn{flex:1}.ladder{display:flex;flex-direction:column-reverse;gap:4px;margin:var(--sp-2) 0;max-height:180px;overflow-y:auto}.rung{display:flex;align-items:center;justify-content:space-between;padding:6px var(--sp-3);border-radius:var(--r-sm);background:var(--c-felt-700);font-size:var(--fs-xs)}.rung .name{text-transform:uppercase;letter-spacing:var(--ls-caps);font-weight:var(--fw-semi)}.bet-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.bet-actions .btn{flex:1}.waiting{text-align:center;color:var(--c-ink-mute);font-size:var(--fs-sm);padding:var(--sp-3)}.huddle{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--c-line)}.huddle__lock{font-size:var(--fs-2xs);color:var(--c-ink-mute);margin-bottom:var(--sp-1)}.huddle__chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.huddle__chip{padding:6px var(--sp-3);border-radius:var(--r-pill);background:var(--c-felt-600);border:none;color:var(--c-ink);font-size:var(--fs-xs)}.huddle__log{margin-top:var(--sp-2);font-size:var(--fs-2xs);color:var(--c-ink-soft);max-height:60px;overflow-y:auto}.table{flex:1;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 30%,var(--c-felt-700),var(--c-felt-900));min-height:0}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-felt-800);border-bottom:1px solid var(--c-line);font-size:var(--fs-xs)}.trump-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);background:var(--c-felt-600);font-weight:var(--fw-semi)}.trump-pill .glyph{font-size:1.1rem}.pot{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--c-brass-hi);font-weight:var(--fw-bold)}.scores{display:flex;gap:var(--sp-3);font-family:var(--font-num);font-variant-numeric:tabular-nums}.scores .s{display:flex;align-items:center;gap:4px}.seatring{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);padding:var(--sp-3)}.seatchip{position:relative;min-width:76px;padding:var(--sp-2);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--el-1);text-align:center;font-size:var(--fs-2xs)}.seatchip--turn{box-shadow:var(--glow-turn)}.seatchip--you{outline:2px dashed var(--c-line)}.seatchip .nick{font-weight:var(--fw-semi);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px}.seatchip .meta{color:var(--c-ink-mute);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px}.seatchip .dealer{position:absolute;top:-6px;right:-6px;background:var(--c-brass);color:#20140a;border-radius:var(--r-pill);width:18px;height:18px;font-size:10px;line-height:18px;font-weight:var(--fw-bold)}.seatchip .disc{color:var(--c-danger)}.revealed{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) var(--sp-3);background:var(--c-felt-700);border:1px solid var(--c-trump);border-radius:var(--r-md)}.revealed__row{display:flex;align-items:center;gap:var(--sp-3)}.revealed__who{font-size:var(--fs-xs);color:var(--c-trump);font-weight:var(--fw-semi);white-space:nowrap}.revealed__cards{display:flex;gap:var(--sp-1);flex-wrap:wrap}.trickwell{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);min-height:120px}.trickwell__play{display:flex;flex-direction:column;align-items:center;gap:4px}.trickwell__seat{font-size:var(--fs-3xs);color:var(--c-ink-mute)}.trickwell__empty{color:var(--c-ink-mute);font-size:var(--fs-lg);letter-spacing:var(--ls-caps)}.trickwell__play{animation:play-in var(--dur-3) var(--ease-spring)}@keyframes play-in{0%{opacity:0;transform:translateY(-22px) scale(.7)}}.turn-banner{margin:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--c-ink-soft);background:var(--c-felt-700)}.turn-banner--you{color:var(--c-ink);background:linear-gradient(180deg,var(--c-felt-600),var(--c-felt-700));box-shadow:var(--glow-turn);animation:banner-pulse 1.4s var(--ease-out) infinite}@keyframes banner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;pointer-events:none;padding:var(--sp-6)}.announce__inner{text-align:center;font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--c-ink);padding:var(--sp-6) var(--sp-8);border-radius:var(--r-xl);background:var(--c-scrim);box-shadow:var(--el-3);animation:announce-pop var(--dur-5) var(--ease-out) forwards}.announce__sub{display:block;font-size:var(--fs-md);font-weight:var(--fw-med);color:var(--c-ink-soft);letter-spacing:var(--ls-caps);text-transform:uppercase;margin-bottom:var(--sp-2)}@keyframes announce-pop{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--c-card-face);box-shadow:var(--el-card);color:var(--c-card-ink);flex:0 0 auto;-webkit-user-select:none;user-select:none;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2)}.card--sm{width:var(--card-w-sm);height:var(--card-h-sm)}.card--lg{width:var(--card-w-lg);height:var(--card-h-lg)}.card__index{position:absolute;top:4px;left:5px;font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1;text-align:center}.card__index--br{top:auto;left:auto;bottom:4px;right:5px;transform:rotate(180deg)}.card__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.7rem}.card--back{background:repeating-linear-gradient(45deg,var(--c-card-back),var(--c-card-back) 6px,var(--c-card-back-2) 6px,var(--c-card-back-2) 12px);box-shadow:var(--el-card)}.card--trump{box-shadow:var(--glow-trump)}.card--armed{transform:translateY(-18px) scale(1.06);box-shadow:var(--el-lift)}.card--disabled{filter:grayscale(.6) brightness(.82);opacity:.7}.card--button{cursor:pointer}.card--button:disabled{cursor:not-allowed}.hand{display:flex;justify-content:center;align-items:flex-end;padding:var(--sp-3) var(--sp-2) var(--sp-4);min-height:calc(var(--card-h) + var(--sp-6))}.hand__card{margin-left:-18px;background:none;border:none;padding:0}.hand__card:first-child{margin-left:0}.hand__empty{color:var(--c-ink-mute);font-size:var(--fs-sm);padding:var(--sp-6)}.felt{position:relative;width:100%;max-width:560px;height:40vh;min-height:280px;margin:var(--sp-3) auto var(--sp-5);border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,var(--c-felt-600),var(--c-felt-800) 78%);box-shadow:inset 0 0 0 8px var(--c-felt-900),inset 0 0 0 11px var(--c-brass-lo),inset 0 0 60px #00000073,var(--el-3);overflow:visible}.felt__rim{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:1px dashed rgba(217,166,72,.25);pointer-events:none}.felt__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.felt__trump-suit{font-size:var(--fs-3xl);color:var(--c-trump);text-shadow:0 0 10px rgba(242,200,121,.5)}.felt__phase{font-size:var(--fs-xs);letter-spacing:var(--ls-caps);color:var(--c-ink-mute);text-transform:uppercase}.felt__pot{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--c-brass-hi);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.felt__play{position:absolute;transform:translate(-50%,-50%);animation:play-in var(--dur-3) var(--ease-spring)}.seatpos{position:absolute;transform:translate(-50%,-50%);width:80px;padding:6px 4px;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--el-2);text-align:center;font-size:var(--fs-2xs)}.seatpos--turn{box-shadow:var(--glow-turn)}.seatpos--you{outline:2px solid var(--c-brass)}.seatpos--off{opacity:.5}.seatpos__nick{font-weight:var(--fw-semi);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seatpos__meta{color:var(--c-ink-mute);margin-top:1px}.seatpos__d{position:absolute;top:-7px;right:-7px;width:18px;height:18px;line-height:18px;border-radius:var(--r-pill);background:var(--c-brass);color:#20140a;font-weight:var(--fw-bold);font-size:10px}@media(max-width:400px){.felt{height:36vh;min-height:240px}.seatpos{width:64px;font-size:9px}.seatpos__nick{font-size:var(--fs-2xs)}.felt__trump-suit{font-size:var(--fs-2xl)}}.stats-fab{position:fixed;left:calc(var(--sp-4) + env(safe-area-inset-left));bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);height:var(--tap-comfort);padding:0 var(--sp-3);border-radius:var(--r-pill);border:none;background:var(--c-surface-2);color:var(--c-ink);font-size:var(--fs-sm);font-weight:var(--fw-semi);box-shadow:var(--el-3)}.stats-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:56vh;overflow-y:auto}.stats-card{background:var(--c-surface-2);border-radius:var(--r-md);padding:var(--sp-3)}.stats-name{font-weight:var(--fw-semi);margin-bottom:var(--sp-2)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.stats-cell{display:flex;justify-content:space-between;gap:var(--sp-2);color:var(--c-ink-soft)}.stats-cell b{color:var(--c-ink);font-family:var(--font-num);font-variant-numeric:tabular-nums}.stats-guest{font-size:var(--fs-xs);color:var(--c-ink-mute)}.stats-close{margin-top:var(--sp-3)}.help-fab{position:fixed;right:calc(var(--sp-4) + env(safe-area-inset-right));bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);width:var(--tap-comfort);height:var(--tap-comfort);border-radius:var(--r-pill);border:none;background:var(--c-info);color:#04121e;font-size:var(--fs-lg);font-weight:var(--fw-bold);box-shadow:var(--el-3)}.help-fab--on{background:var(--c-warning);box-shadow:var(--glow-turn)}.help-banner{position:sticky;top:0;z-index:var(--z-bet);background:var(--c-info);color:#04121e;text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-semi);padding:var(--sp-2) var(--sp-3)}.help-tip{margin:var(--sp-1) var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#4c9ae829;border-left:3px solid var(--c-info);color:var(--c-ink);font-size:var(--fs-xs);line-height:var(--lh-snug)}.help-tip b{color:var(--c-info)}.help-on .turn-banner,.help-on .statusbar,.help-on .seatring,.help-on .trickwell,.help-on .hand,.help-on .panel,.help-on .lobby .seat-list,.help-on .size-row{outline:2px dashed var(--c-info);outline-offset:3px;border-radius:var(--r-sm)}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.center-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);padding:var(--sp-6)}.center-screen h1{font-size:var(--fs-2xl);margin:0;text-align:center}.center-screen .tagline{text-align:center;color:var(--c-ink-soft);margin-top:calc(-1 * var(--sp-2))}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label{font-size:var(--fs-xs);color:var(--c-ink-soft)}.input{min-height:var(--tap-comfort);padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-md)}.size-row{display:flex;gap:var(--sp-2)}.size-row .btn{flex:1}.size-row .btn[aria-pressed=true]{background:var(--c-brass);color:#20140a}.divider{text-align:center;color:var(--c-ink-mute);font-size:var(--fs-xs);margin:var(--sp-2) 0}.lobby{padding:var(--sp-5)}.lobby__code{text-align:center;margin-bottom:var(--sp-4)}.lobby__code .code{font-family:var(--font-num);font-size:var(--fs-3xl);letter-spacing:.1em;color:var(--c-brass-hi)}.lobby__url{font-size:var(--fs-xs);color:var(--c-ink-soft);word-break:break-all}.seat-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-4) 0}.seat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface)}.seat-row .who{display:flex;align-items:center;gap:var(--sp-2)}.seat-open{color:var(--c-ink-mute);font-style:italic}.ready-dot{width:10px;height:10px;border-radius:var(--r-pill);background:var(--c-ink-mute)}.ready-dot--on{background:var(--c-success)}