:root{--felt-900: #062e23;--felt-700: #0b3d2e;--felt-500: #136e51;--felt-300: #2da27d;--gold-400: #d9b66a;--ink-900: #0c1410;--ink-700: #1a2622;--ink-100: #f4f1e6;--red-500: #c63b3b;--blue-500: #2a6cd1;--warn-500: #c98a1a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--shadow-card: 0 2px 6px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--felt-900);color:var(--ink-100);font-family:ui-sans-serif,system-ui,Segoe UI,-apple-system,Helvetica,Arial,sans-serif;font-feature-settings:"tnum" 1}button{font:inherit;color:inherit;background:var(--ink-700);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;transition:background .12s ease,transform 80ms ease,border-color .12s ease}button:hover:not(:disabled){background:var(--felt-500);border-color:var(--gold-400)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}input[type=text]{font:inherit;color:inherit;background:var(--ink-900);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);padding:8px 10px;min-width:0}input[type=text]:focus-visible{outline:2px solid var(--gold-400);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table{position:relative;width:100%;min-height:100vh;padding:88px 12px 220px;display:flex;flex-direction:column;gap:16px}.table-loading{display:grid;place-items:center;min-height:60vh;color:var(--ink-100)}.table-bottom{position:fixed;left:0;right:0;bottom:0;padding:12px 12px 16px;background:linear-gradient(180deg,transparent,rgba(6,46,35,.6));pointer-events:none;z-index:5}.table-bottom>*{pointer-events:auto}.hud{position:sticky;top:0;left:0;right:0;z-index:10;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#061410d9,#0614108c);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(217,182,106,.15)}.hud-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;min-width:84px;border-radius:var(--radius-md);background:#00000040;border:1px solid rgba(255,255,255,.05)}.hud-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f4f1e6b3}.hud-value{font-size:18px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.hud-of{font-size:13px;font-weight:500;color:#f4f1e68c}.hud-sub{font-size:11px;color:#f4f1e6b3}.hud-suit{font-size:22px;line-height:1}.hud-value-suit{font-size:18px}.hud-suit.suit-red{color:var(--red-500)}.hud-suit.suit-black{color:var(--ink-100)}.hud-suit-empty{color:#f4f1e666}.hud-targets-value{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;font-weight:500;gap:1px}.hud-target{white-space:nowrap;color:#f4f1e6cc}.hud-target.is-contract{color:var(--gold-400);font-weight:700}.hud-score-value{display:flex;gap:8px}.hud-score-pill{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0003;font-size:14px;font-weight:500;display:inline-flex;gap:5px;align-items:baseline}.hud-score-pill.is-contract{border-color:var(--gold-400);color:var(--gold-400);font-weight:700}.hud-score-pill strong{font-size:16px}.felt{position:relative;width:100%;max-width:1100px;margin:0 auto;aspect-ratio:16 / 10;min-height:360px}.felt-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,var(--felt-700) 0%,var(--felt-700) 38%,var(--felt-900) 100%);box-shadow:inset 0 0 40px #0000008c,inset 0 0 0 6px #d9b66a2e,0 18px 60px #00000080}.felt-content{position:absolute;inset:0}@media (max-width: 600px){.felt{aspect-ratio:5 / 4;min-height:320px}.table{padding-top:84px;padding-bottom:260px}}.seat{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.seat-ring{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center}.seat-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(140deg,var(--ink-700),var(--ink-900));border:2px solid rgba(255,255,255,.12);display:grid;place-items:center;font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--ink-100);box-shadow:0 4px 12px #00000073}.seat-initials{user-select:none}.seat-meta{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:1.15;text-align:center;max-width:110px}.seat-name{display:inline-flex;align-items:center;gap:3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.seat-host-marker{color:var(--gold-400)}.seat-you .seat-avatar{border-color:var(--gold-400)}.seat-partner .seat-avatar{border-color:#d9b66a73;border-style:dashed}.seat-team-A .seat-avatar{box-shadow:0 4px 12px #00000073,inset 0 0 0 2px #2a6cd140}.seat-team-B .seat-avatar{box-shadow:0 4px 12px #00000073,inset 0 0 0 2px #c63b3b40}.seat-passed .seat-avatar{opacity:.45;filter:grayscale(.4)}.seat-turn-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--gold-400);pointer-events:none;animation:seat-turn-pulse 1.5s ease-in-out infinite;box-shadow:0 0 16px #d9b66a73}@keyframes seat-turn-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:.55}}.seat-hand-chip{position:absolute;right:-14px;bottom:-4px;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--ink-900);border:1px solid rgba(217,182,106,.45);color:var(--ink-100);font-size:11px;font-weight:700;border-radius:999px;box-shadow:var(--shadow-card)}.seat-hand-chip-icon{font-size:11px;line-height:1}.seat-bot-badge{position:absolute;left:-14px;top:-6px;background:var(--warn-500);color:var(--ink-900);font-size:10px;font-weight:800;letter-spacing:.08em;padding:1px 6px;border-radius:4px;box-shadow:var(--shadow-card)}.seat-caller-badge,.seat-bidder-badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--ink-900);border:1px solid rgba(0,0,0,.35)}.seat-caller-badge{background:var(--gold-400)}.seat-bidder-badge{background:var(--ink-100);right:auto;left:-8px}.seat-conn-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--ink-900)}.seat-conn-dot.is-connected{background:#4ec488}.seat-conn-dot.is-offline{background:#707070}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;max-width:360px;min-height:120px;display:grid;place-items:center;pointer-events:none}.table-center>*{pointer-events:auto}.round-summary-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0614108c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;padding:16px}.round-summary-card{background:linear-gradient(160deg,var(--ink-700),var(--ink-900));border:1px solid rgba(217,182,106,.35);border-radius:var(--radius-lg);padding:22px 24px;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #00000080}.round-summary-card h2{margin:0 0 4px;font-size:18px;letter-spacing:.02em}.round-summary-row{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.round-summary-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f4f1e6a6}.round-summary-value{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px}.round-summary-meta{color:#f4f1e699;font-size:12px}.round-team-pill{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000040;font-size:13px}.round-team-pill.is-contract{border-color:var(--gold-400);color:var(--gold-400)}.round-winner{font-size:16px;color:var(--gold-400)}.round-winner-push{color:#f4f1e6bf}.round-summary-forfeit .round-summary-value{color:var(--warn-500);font-size:13px}.round-summary-next{margin:0;font-size:12px;color:#f4f1e68c;text-align:right}.game-over-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#061410b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:60;padding:16px}.game-over-card{background:linear-gradient(160deg,var(--ink-700),var(--ink-900));border:1px solid var(--gold-400);border-radius:var(--radius-lg);padding:24px 28px;width:min(640px,100%);display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 60px #0009}.game-over-title{margin:0;font-size:24px;letter-spacing:.04em;color:var(--gold-400);text-align:center}.game-over-aggregates{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.game-over-agg{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius-md);background:#00000040;border:1px solid rgba(255,255,255,.05);min-width:150px}.game-over-agg-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#f4f1e6a6}.game-over-agg-value{font-size:14px;font-weight:600}.game-over-agg-value .is-winner{color:var(--gold-400)}.game-over-pushes{color:#f4f1e680;font-weight:500}.game-over-ledger-wrap{max-height:280px;overflow:auto;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}.game-over-ledger{width:100%;border-collapse:collapse;font-size:13px}.game-over-ledger th,.game-over-ledger td{padding:6px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.game-over-ledger thead th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#f4f1e6a6;background:#00000040;position:sticky;top:0}.game-over-ledger tbody tr:last-child td{border-bottom:none}.game-over-delta{color:#f4f1e68c;font-size:12px}.game-over-forfeit-tag{color:var(--warn-500);font-size:12px}.game-over-actions{display:flex;justify-content:flex-end}.game-over-back{background:var(--gold-400);color:var(--ink-900);border-color:var(--gold-400);font-weight:700;padding:10px 18px}.game-over-back:hover:not(:disabled){background:#f0c97a;border-color:#f0c97a}.lobby{max-width:880px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:20px}.lobby-loading,.lobby-disconnected{text-align:center;padding-top:80px}.lobby-loading-msg,.lobby-disconnected-msg{color:var(--ink-100);opacity:.85}.lobby-title{font-size:32px;font-weight:700;letter-spacing:1px;color:var(--gold-400);margin:0 0 4px}.lobby-host-line{margin:0;opacity:.8;font-size:14px}.lobby-header{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.lobby-section-title{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-400);margin:0 0 8px;opacity:.9}.lobby-config{background:#0000002e;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:14px 16px}.lobby-config-row{display:flex;flex-wrap:wrap;gap:14px}.lobby-fieldset{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:8px 10px 10px;margin:0;min-width:0;flex:1 1 200px}.lobby-fieldset[disabled]{opacity:.55}.lobby-fieldset legend{padding:0 6px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.lobby-radio{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:14px}.lobby-radio input[type=radio]{accent-color:var(--gold-400);cursor:pointer}.lobby-fieldset[disabled] .lobby-radio{cursor:default}.lobby-config-note{margin:10px 0 0;font-size:13px;opacity:.8}.lobby-seats-section{background:#0000002e;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:14px 16px}.lobby-seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-seat{display:grid;grid-template-columns:40px 76px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:var(--ink-700);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm)}.lobby-seat-you{border-color:var(--gold-400);background:#d9b66a14}.lobby-seat-host{box-shadow:inset 3px 0 0 var(--gold-400)}.lobby-seat-offline .lobby-seat-name{opacity:.65}.lobby-seat-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;opacity:.7}.lobby-seat-team{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.85}.lobby-seat-team[data-team=A]{color:#7dc4ff}.lobby-seat-team[data-team=B]{color:#ffb47d}.lobby-seat-name{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:500}.lobby-seat-meta{opacity:.6;font-weight:400;font-size:12px;margin-left:2px}.lobby-seat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#333;box-shadow:0 0 0 2px #00000040}.lobby-seat-dot-on{background:#4cd181}.lobby-seat-dot-off{background:#6a5b3a}.lobby-seat-badge{font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:999px;white-space:nowrap}.lobby-seat-badge-human{background:#4cd1812e;color:#b6e9c8}.lobby-seat-badge-bot{background:#6a86d92e;color:#c2cff0}.lobby-seat-badge-covering{background:#c98a1a38;color:#ffd9a0}.lobby-seat-swap{padding:4px 10px;font-size:12px}.lobby-hint{margin:10px 0 0;font-size:12px;opacity:.7}.lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px}.lobby-start{background:var(--gold-400);color:var(--ink-900);font-weight:700;padding:10px 24px;border:1px solid var(--gold-400)}.lobby-start:hover:not(:disabled){background:#e9c47b;border-color:#e9c47b}.lobby-start:disabled{background:#d9b66a59;color:#0c1410a6}.lobby-leave{background:transparent;border-color:#ffffff2e;font-size:13px}.lobby-waiting{margin:0;font-size:14px;opacity:.85}.lobby-reconnecting{align-self:flex-start;padding:8px 12px;background:#c98a1a2e;border:1px solid rgba(201,138,26,.45);border-radius:var(--radius-sm);font-size:13px;color:#ffd9a0}.share-link{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.share-link-code-wrap{display:flex;flex-direction:column;gap:2px}.share-link-code-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.share-link-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:32px;font-weight:700;letter-spacing:6px;color:var(--gold-400);user-select:all}.share-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.share-link-copy{font-size:13px;padding:6px 14px}.share-link-copy-copied{background:#4cd18140;border-color:#4cd18199}.share-link-copy-failed{background:#c63b3b40;border-color:#c63b3b99}.share-link-href{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink-100);opacity:.65;text-decoration:underline dotted;text-underline-offset:3px;overflow-wrap:anywhere;cursor:default}.share-link-scan{width:200px;height:120px;border-radius:8px;box-shadow:var(--shadow-card)}@media (max-width: 520px){.lobby{padding:16px 12px 32px}.lobby-title{font-size:26px}.lobby-seat{grid-template-columns:32px 64px 1fr;grid-template-rows:auto auto;row-gap:4px}.lobby-seat-badge{grid-column:2 / -1;justify-self:start}.lobby-seat-swap{grid-column:1 / -1;justify-self:stretch}.share-link-code{font-size:26px;letter-spacing:4px}.lobby-config-row{flex-direction:column;gap:10px}}.card{--card-w: 56px;--card-h: 80px;width:var(--card-w);height:var(--card-h);border-radius:var(--radius-sm);background:#fbfaf6;color:var(--ink-900);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:6px 7px 5px;font-weight:700;border:1px solid rgba(0,0,0,.18);font-family:ui-sans-serif,system-ui,Segoe UI,-apple-system,Helvetica,Arial,sans-serif;user-select:none;position:relative;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.card-rank{font-size:18px;line-height:1}.card-suit-glyph{font-size:22px;line-height:1;align-self:flex-end}.card-suit-letter{position:absolute;bottom:4px;left:6px;font-size:10px;letter-spacing:.08em;color:#0000008c}.card-color-red{color:var(--red-500)}.card-color-red .card-suit-letter{color:#c63b3bd9}.card-color-black{color:var(--ink-900)}.card-joker{align-items:center;justify-content:center;gap:4px;background:linear-gradient(160deg,#efe9d8,#d8cfb7)}.card-joker-glyph{font-size:28px;line-height:1}.card-joker-label{font-size:10px;letter-spacing:.16em;font-weight:800}.card-joker-red{border-color:var(--red-500)}.card-joker-red .card-joker-label{color:var(--red-500)}.card-joker-black{border-color:var(--ink-900)}.card-joker-black .card-joker-label{color:var(--ink-900)}button.card.card-interactive{cursor:pointer}button.card.card-interactive:hover{transform:translateY(-6px);box-shadow:0 6px 14px #00000073}button.card.card-interactive:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px;transform:translateY(-6px)}.card-dim{opacity:.35;filter:grayscale(.45);cursor:not-allowed}.card[aria-disabled=true]{cursor:not-allowed}.hand{display:flex;justify-content:center;align-items:flex-end;gap:6px;padding:8px 12px 14px;flex-wrap:wrap;max-width:100%}.hand-empty{min-height:40px}.hand-slot{display:inline-flex;position:relative;transition:transform .12s ease}.hand-slot-legal .card{box-shadow:var(--shadow-card),0 0 0 1px #d9b66a59}.hand-slot-focused .card{outline:2px solid var(--gold-400);outline-offset:2px}@media (max-width: 720px){.hand{gap:0}.hand-slot+.hand-slot{margin-left:-22px}.hand-slot:hover,.hand-slot-focused{z-index:2}}.trick{position:relative;width:min(380px,80vw);height:min(280px,60vh);margin:0 auto;display:block;pointer-events:none}.trick-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .28s ease,opacity .28s ease}.trick-play-slot-0{transform:translate(-50%,calc(-50% + 70px))}.trick-play-slot-1{transform:translate(calc(-50% + 90px),-50%)}.trick-play-slot-2{transform:translate(-50%,calc(-50% - 70px))}.trick-play-slot-3{transform:translate(calc(-50% - 90px),-50%)}.trick-play-slot-4{transform:translate(calc(-50% - 80px),calc(-50% - 50px))}.trick-play-slot-5{transform:translate(calc(-50% - 80px),calc(-50% + 50px))}.felt-6p .trick-play-slot-1{transform:translate(calc(-50% + 78px),calc(-50% + 45px))}.felt-6p .trick-play-slot-2{transform:translate(calc(-50% + 78px),calc(-50% - 45px))}.felt-6p .trick-play-slot-3{transform:translate(-50%,calc(-50% - 70px))}@keyframes trick-sweep-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.trick-play-sweep{animation:trick-sweep-fade .6s ease forwards}.bidding-panel{background:#0c1410eb;border:1px solid rgba(217,182,106,.4);border-radius:var(--radius-lg);padding:16px 18px;margin:12px auto;max-width:460px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 36px #00000073}.bidding-panel-header{display:flex;flex-direction:column;gap:4px}.bidding-panel-title{margin:0;font-size:18px;color:var(--gold-400)}.bidding-panel-high{margin:0;font-size:13px;color:#f4f1e6cc}.bidding-panel-form{display:flex;flex-direction:column;gap:12px}.bidding-panel-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bidding-panel-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f4f1e6b3;min-width:78px}.bidding-panel-output{font-size:22px;font-weight:700;color:var(--ink-100);padding:4px 12px;border-radius:var(--radius-sm);background:#0000004d}.bidding-panel-value-readout{font-size:14px;color:var(--ink-100);font-variant-numeric:tabular-nums}.bidding-panel-trumps{gap:8px}.bidding-panel-trump{width:48px;height:48px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:20px;padding:0}.bidding-panel-trump-letter{font-size:9px;letter-spacing:.1em}.bidding-panel-trump-d,.bidding-panel-trump-h{color:var(--red-500)}.bidding-panel-trump-c,.bidding-panel-trump-s{color:var(--ink-100)}.bidding-panel-trump-selected{background:var(--felt-500);border-color:var(--gold-400)}.bidding-panel-actions{display:flex;gap:8px;justify-content:flex-end}.bidding-panel-submit{background:var(--gold-400);color:var(--ink-900);border-color:var(--gold-400);font-weight:700}.bidding-panel-submit:hover:not(:disabled){background:#f0c97a}.bidding-panel-pass-confirm{background:var(--warn-500);border-color:var(--warn-500);color:var(--ink-900)}.bidding-panel-pass-warning{margin:0;font-size:12px;color:var(--warn-500)}.announce{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:20;background:#0c1410f2;border:1px solid var(--gold-400);border-radius:var(--radius-md);padding:12px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 14px 28px #0009;animation:announce-pop .24s ease-out}@keyframes announce-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.announce-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-400)}.announce-detail{font-size:15px;color:var(--ink-100);text-align:center}.announce-roundForfeited{border-color:var(--warn-500)}.announce-roundForfeited .announce-title{color:var(--warn-500)}.room-gate{min-height:100vh;display:grid;place-items:center;padding:16px}.gate-card{background:linear-gradient(160deg,var(--ink-700),var(--ink-900));border:1px solid rgba(217,182,106,.35);border-radius:var(--radius-lg);padding:28px 24px;width:min(400px,100%);display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px #00000080}.gate-title{margin:0;font-size:32px;font-weight:700;letter-spacing:1px;color:var(--gold-400)}.gate-sub{margin:0;font-size:14px;opacity:.8}.gate-form{display:flex;flex-direction:column;gap:14px}.gate-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.gate-field span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.gate-field input[type=text]{width:100%}.gate-actions{display:flex;gap:10px;flex-wrap:wrap}.gate-actions button{flex:1 1 auto;min-height:44px;font-weight:600}.gate-actions button[type=submit]{background:var(--gold-400);color:var(--ink-900);border-color:var(--gold-400);font-weight:700}.gate-actions button[type=submit]:hover:not(:disabled){background:#f0c97a;border-color:#f0c97a}.lobby-seat-swap,.share-link-copy,.lobby-leave,.lobby-start,.game-over-back{min-height:44px}.bidding-panel-submit,.bidding-panel-pass,.bidding-panel-pass-confirm{min-height:44px;padding:10px 16px}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}button.card.card-interactive:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px;box-shadow:0 6px 14px #00000073,0 0 0 4px #d9b66a59}input[type=radio]:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}@media (prefers-reduced-motion: reduce){.seat-turn-ring{animation:none}.trick-play-sweep{animation:none;opacity:0}.announce{animation:none}.card,.hand-slot,.trick-play,button{transition:none}}@media (prefers-contrast: more){:root{--felt-900: #000;--ink-100: #fff;--gold-400: #ffd700}.hud{border-bottom:2px solid var(--gold-400)}.card{border:2px solid #000}button:focus-visible,:focus-visible{outline-width:3px}}@media (max-width: 400px){.felt{aspect-ratio:4 / 5;min-height:260px}.table{padding:80px 6px 300px}.hud{gap:6px;padding:8px}.hud-block{min-width:60px;padding:4px 8px;flex:1 1 auto}.hud-label{font-size:10px}.hud-value{font-size:15px}.hud-suit{font-size:18px}.hud-of{font-size:11px}.hud-sub{font-size:10px}.hud-score-pill{font-size:12px;padding:2px 6px}.hud-score-pill strong{font-size:14px}.hud-targets-value{font-size:11px}.hand{gap:0;padding:6px 6px 10px}.hand-slot+.hand-slot{margin-left:-28px}.hand-slot:hover,.hand-slot-focused{z-index:2}.card{--card-w: 48px;--card-h: 68px}.card-rank{font-size:15px}.card-suit-glyph{font-size:18px}.card-suit-letter{font-size:9px}.trick{width:min(280px,72vw);height:min(200px,48vh)}.bidding-panel{margin:8px 4px;padding:12px;max-width:100%}.lobby{padding:12px 8px 28px}.lobby-title{font-size:24px}.share-link-code{font-size:22px;letter-spacing:3px}.lobby-config-row{flex-direction:column;gap:8px}.lobby-seat{grid-template-columns:28px 60px 1fr;grid-template-rows:auto auto;row-gap:4px;padding:6px 8px}.lobby-seat-badge{grid-column:2 / -1;justify-self:start}.lobby-seat-swap{grid-column:1 / -1;justify-self:stretch}.gate-card{padding:20px 16px}.gate-title{font-size:26px}.round-summary-card,.game-over-card{padding:16px 14px}.game-over-ledger-wrap{max-height:200px}.game-over-ledger th,.game-over-ledger td{padding:5px 6px;font-size:12px}}@media (max-width: 520px){.table-bottom{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.table-center{width:70%;max-width:260px}.announce{max-width:calc(100vw - 24px);white-space:normal;text-align:center}.seat-name{max-width:80px;font-size:10px}.hud-block{min-width:72px}}.seat-team-A .seat-ring{outline:2px dashed transparent;outline-offset:3px}.seat-team-B .seat-ring{outline:2px solid transparent;outline-offset:3px}@media (prefers-contrast: more){.seat-team-A .seat-ring{outline-color:#7dc4ff}.seat-team-B .seat-ring{outline-color:#ffb47d}}.felt-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}.felt-surface{box-shadow:inset 0 0 80px #0000008c,inset 0 0 0 2px #d9b66a52,inset 0 0 0 6px #00000059,inset 0 0 0 7px #d9b66a24,0 22px 70px #0000008c,0 4px 14px #00000059}.card.card-pip{background:linear-gradient(180deg,#fff,#fbf9f1 70%,#f1ecdb);box-shadow:var(--shadow-card),inset 0 1px #ffffffe6,inset 0 -1px #0000000f;border-color:#00000038}.card .card-rank{font-feature-settings:"tnum" 1,"lnum" 1;font-weight:800;letter-spacing:-.01em}.card.card-pip .card-suit-glyph{font-size:28px;align-self:center;margin:-4px 0 0;text-shadow:0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.08)}.card .card-suit-letter{font-weight:700;opacity:.65}.card.card-pip .card-rank{font-size:19px}.card.card-color-red{color:#b8302f}.card.card-color-red .card-suit-letter{color:#b8302fb3}.card.card-joker{background:none;border-width:1.5px;box-shadow:var(--shadow-card),inset 0 0 0 1px #ffffff40}.card.card-joker-red{background:radial-gradient(circle at 50% 40%,#ffe7e3,#ffd1c9 55%,#f6b3a7);border-color:#9b2a2a}.card.card-joker-red .card-joker-label{color:#8a2222;text-shadow:0 1px 0 rgba(255,255,255,.55)}.card.card-joker-black{background:radial-gradient(circle at 50% 40%,#f4f0e3,#d7cfb8 55%,#9c947f);border-color:#1a1a1a}.card.card-joker-black .card-joker-label{color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.65)}.card.card-joker .card-joker-glyph{font-size:30px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.card.card-joker .card-joker-label{font-size:9px;letter-spacing:.22em;font-weight:900}@media (max-width: 400px){.card.card-joker .card-joker-glyph{font-size:24px}.card.card-pip .card-suit-glyph{font-size:22px}.card.card-pip .card-rank{font-size:16px}}.table-bottom{background:linear-gradient(180deg,#062e2300,#06141073 45%,#061410c7);box-shadow:inset 0 1px #d9b66a14}.hand-slot.hand-slot-legal .card{box-shadow:var(--shadow-card),0 0 0 1.5px #d9b66a8c,0 0 10px #d9b66a2e}button.card.card-interactive:hover{transform:translateY(-8px);box-shadow:0 10px 18px #00000080,0 0 0 1.5px #d9b66aa6}.hud-block.hud-trump .hud-value.hud-suit{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#00000047;border:1px solid rgba(217,182,106,.22);font-size:22px}.hud-block.hud-trump .hud-suit.suit-red{color:#ff8a87}.hud-block.hud-trump .hud-suit.suit-black{color:var(--ink-100)}.hud-block.hud-trump .hud-suit.hud-suit-empty{font-size:18px;background:#0000002e;border-style:dashed}.hud-block.hud-round .hud-sub strong{color:var(--gold-400)}.bidding-panel-trump{background:#00000059;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006;border-radius:8px;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.bidding-panel-trump:hover:not(:disabled){background:#d9b66a14}.bidding-panel-trump.bidding-panel-trump-selected{background:linear-gradient(180deg,#d9b66a47,#d9b66a29);border-color:var(--gold-400);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #d9b66a73,0 0 12px #d9b66a40}.seat-avatar{background:linear-gradient(140deg,#243029,#0c1410)}.seat-you .seat-avatar{box-shadow:0 4px 12px #00000073,0 0 0 1px #d9b66a40,0 0 18px #d9b66a38}.seat-initials{color:#f6efd6;text-shadow:0 1px 1px rgba(0,0,0,.55)}.lobby-title,.gate-title{text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 24px rgba(217,182,106,.25)}.share-link{background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff0f}.announce{background:linear-gradient(180deg,#14201af5,#08100cf5);box-shadow:0 16px 32px #000000a6,inset 0 1px #d9b66a2e}@media (prefers-reduced-motion: reduce){.bidding-panel-trump{transition:none}.felt-surface:after{animation:none}}@media (prefers-contrast: more){.felt-surface:after{display:none}.card.card-pip,.card.card-joker{background:#fff;border-color:#000}.card.card-color-red{color:#c0392b}.card.card-joker-red{background:#fff;border-color:#c0392b}.card.card-joker-black{background:#fff;border-color:#000}.hand-slot.hand-slot-legal .card{box-shadow:0 0 0 2px var(--gold-400)}.hud-block.hud-trump .hud-value.hud-suit{background:transparent;border-width:2px}}@media (max-width: 400px){.felt .seat[data-slot="0"]{display:none}}.card.card-trump{background:linear-gradient(180deg,#fffdf3,#fbf6e3 70%,#f0e7c8);border-color:#a582328c;box-shadow:var(--shadow-card),inset 0 3px #d9b66ad9,inset 0 1px #ffffffe6,inset 0 -1px #0000000f}.card.card-trump:after{content:"★";position:absolute;bottom:3px;right:6px;font-size:10px;line-height:1;color:#a58232d9;text-shadow:0 1px 0 rgba(255,255,255,.55);pointer-events:none}button.card.card-trump.card-interactive:hover{box-shadow:0 10px 18px #00000080,inset 0 3px #d9b66af2,0 0 0 1.5px #d9b66ad9}.hand-slot.hand-slot-legal .card.card-trump{box-shadow:var(--shadow-card),inset 0 3px #d9b66ae6,0 0 0 1.5px #d9b66ab3,0 0 12px #d9b66a40}.card.card-trump.card-dim:after{opacity:.7}@media (prefers-contrast: more){.card.card-trump{background:#fff;border-color:#8a6a1e;box-shadow:inset 0 4px #8a6a1e,0 0 0 2px #8a6a1e80}.card.card-trump:after{color:#8a6a1e;font-weight:900}}.felt-surface:after{opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.card.card-joker{box-shadow:var(--shadow-card),inset 0 0 0 1px #ffffff52,inset 0 0 14px #0000002e}.card.card-joker-red{background:radial-gradient(circle at 50% 36%,#fff1ee,#ffd1c9 40%,#e89b8e 78%,#b85a4d);border-color:#7e1e1e;border-width:1.5px}.card.card-joker-red .card-joker-label{color:#6b1a1a;background:#ffffff73;padding:1px 6px;border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,.85)}.card.card-joker-black{background:radial-gradient(circle at 50% 36%,#faf5e6,#d8d0b9 40%,#8b8472 78%,#3a362d);border-color:#0c0c0c;border-width:1.5px}.card.card-joker-black .card-joker-label{color:#141414;background:#ffffff6b;padding:1px 6px;border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,.75)}.card.card-joker .card-joker-glyph{font-size:32px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3)) drop-shadow(0 0 4px rgba(0,0,0,.18))}@media (max-width: 400px){.card.card-joker .card-joker-glyph{font-size:26px}.card.card-joker .card-joker-label{font-size:8px;letter-spacing:.18em;padding:1px 4px}}.gate-footer{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-300, rgba(255, 255, 255, .6));font-size:14px}.gate-howto-label{letter-spacing:.02em}.howto-button{width:32px;height:32px;border-radius:50%;background:transparent;border:1.5px solid rgba(217,182,106,.45);color:var(--gold-400, #d9b66a);font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.howto-button:hover,.howto-button:focus-visible{background:#d9b66a1f;outline:2px solid var(--gold-400, #d9b66a);outline-offset:2px}.howto-backdrop{position:fixed;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px;animation:howto-fade-in .12s ease-out}@keyframes howto-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.howto-backdrop{animation:none}}.howto-panel{background:linear-gradient(165deg,#0e2a22,#061814);border:1.5px solid rgba(217,182,106,.3);border-radius:12px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 18px 42px #0000008c;color:var(--ink-100, #f5f1e6)}.howto-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px;border-bottom:1px solid rgba(217,182,106,.18)}.howto-title{font-size:22px;font-weight:700;letter-spacing:.01em;margin:0;color:var(--gold-400, #d9b66a)}.howto-close{background:transparent;border:none;color:var(--ink-300, rgba(255, 255, 255, .6));font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.howto-close:hover,.howto-close:focus-visible{background:#ffffff14;color:var(--ink-100, #f5f1e6);outline:2px solid rgba(217,182,106,.55);outline-offset:2px}.howto-body{overflow-y:auto;padding:14px 22px 20px;font-size:14.5px;line-height:1.55}.howto-section{margin-top:14px}.howto-section:first-child{margin-top:4px}.howto-section h3{font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--gold-400, #d9b66a);margin:0 0 6px}.howto-section p,.howto-section ul{margin:0 0 6px}.howto-section ul{padding-left:18px}.howto-section li{margin-bottom:4px}.howto-section.howto-aside{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(217,182,106,.2);color:var(--ink-300, rgba(255, 255, 255, .75))}.howto-footer{padding:14px 22px 18px;display:flex;justify-content:flex-end;border-top:1px solid rgba(217,182,106,.18)}.howto-close-foot{background:var(--gold-400, #d9b66a);color:#06140f;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer}.howto-close-foot:hover,.howto-close-foot:focus-visible{background:#e8c885;outline:2px solid #fff;outline-offset:2px}@media (max-width: 400px){.howto-panel{max-height:94vh}.howto-body{padding:12px 16px 16px;font-size:14px}.howto-header{padding:14px 16px 10px}.howto-footer{padding:12px 16px 14px}}