:root{--felt: #12694a;--felt-mid: #0d5238;--felt-deep: #072b1e;--felt-edge: #04160f;--gold: #eccb6e;--gold-bright: #f6dd8f;--gold-deep: #b6913c;--gold-ink: #3a2c00;--gold-glow: rgba(236, 203, 110, .35);--violet: #b98cf0;--violet-deep: #4a2a78;--pos: #67e0a3;--neg: #ff8f8f;--danger: #d0574f;--danger-deep: #9e3b34;--surface-1: rgba(4, 22, 15, .32);--surface-2: rgba(6, 30, 21, .55);--surface-3: rgba(9, 38, 27, .78);--surface-raised: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .12);--sunken: rgba(0, 0, 0, .24);--modal-bg: #0f3b2a;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--line-faint: rgba(255, 255, 255, .07);--text: #f3f6f2;--muted: #a9bcaf;--faint: #7d9184;--ink: #15181a;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .72rem;--fs-sm: .82rem;--fs-base: .95rem;--fs-md: 1.05rem;--fs-lg: 1.25rem;--fs-xl: 1.6rem;--fs-hero: clamp(2.6rem, 12vw, 4.2rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 22px;--sp-6: 30px;--sp-7: 44px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--sh-1: 0 1px 2px rgba(0, 0, 0, .3);--sh-2: 0 4px 14px rgba(0, 0, 0, .35);--sh-3: 0 12px 34px rgba(0, 0, 0, .48);--sh-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--card-w: 52px;--card-h: 73px;--card-w-sm: 38px;--card-h-sm: 53px;--ease: cubic-bezier(.22, .61, .36, 1);--t-fast: .14s;--t-med: .24s;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.06),transparent 55%),radial-gradient(140% 120% at 50% 8%,var(--felt) 0%,var(--felt-mid) 38%,var(--felt-deep) 78%,var(--felt-edge) 100%) fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.03) 0 2px,transparent 2px 4px);mix-blend-mode:overlay}#root{position:relative;z-index:1}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--r-sm);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),filter var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--gold-deep));color:var(--gold-ink);font-weight:700;padding:12px 18px;border-color:#ffffff40;box-shadow:var(--sh-2),var(--sh-inset)}.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--sh-3),0 0 0 3px var(--gold-glow)}.secondary{background:var(--surface-raised);color:var(--text);padding:12px 18px;border-color:var(--line)}.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong)}.danger{background:linear-gradient(180deg,var(--danger),var(--danger-deep));color:#fff;border-color:#fff3}.danger:hover:not(:disabled){filter:brightness(1.08)}.link{background:none;color:var(--muted);padding:6px 8px;border-radius:var(--r-sm)}.link:hover{color:var(--text);background:var(--surface-raised)}.big{width:100%;font-size:var(--fs-md);padding:15px}input{font:inherit;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--sunken);color:var(--text);outline:none;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}input::placeholder{color:var(--faint)}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.screen{max-width:940px;margin:0 auto;padding:var(--sp-4);min-height:100%}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);min-height:100dvh;padding:var(--sp-6) var(--sp-4)}.brand{text-align:center}.brand-logo{width:clamp(104px,30vw,140px);height:auto;display:block;margin:0 auto var(--sp-3);filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));animation:logo-in var(--t-med) var(--ease)}@keyframes logo-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}.brand h1{font-size:var(--fs-hero);margin:0;font-weight:800;letter-spacing:3px;line-height:1;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 45%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45))}.tagline{color:var(--muted);margin:var(--sp-3) 0 0;font-size:var(--fs-sm);letter-spacing:.3px}.card-panel{width:min(420px,100%);background:linear-gradient(180deg,var(--surface-2),var(--surface-3));border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--sh-3),var(--sh-inset);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field span{font-size:var(--fs-sm);color:var(--muted)}.divider{text-align:center;color:var(--faint);position:relative;margin:var(--sp-1) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.divider span{background:transparent;position:relative;padding:0 var(--sp-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:2px}.join-row{display:flex;gap:var(--sp-2)}.code-input{text-transform:uppercase;letter-spacing:5px;font-weight:700;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.topbar h2{margin:0;font-size:var(--fs-md)}.room-code{background:var(--surface-2);color:var(--text);padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-sm);letter-spacing:1px;font-size:var(--fs-sm)}.room-code:hover{border-color:var(--line-strong);background:var(--surface-3)}.room-code b{color:var(--gold);letter-spacing:3px}.conn{font-size:.7rem;line-height:1}.conn.open{color:var(--pos);filter:drop-shadow(0 0 4px rgba(103,224,163,.6))}.conn.connecting,.conn.closed{color:var(--neg)}.loading,.center{text-align:center;color:var(--muted);padding:var(--sp-7) 0}.hint{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.toast{background:linear-gradient(180deg,var(--danger),var(--danger-deep));color:#fff;padding:10px 14px;border-radius:var(--r-sm);text-align:center;margin-bottom:var(--sp-3);box-shadow:var(--sh-2);animation:toast-in var(--t-med) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lobby h2{margin:var(--sp-1) 0}.config{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-4) 0}.toggle-row{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.toggle-label{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:1.5px}.segmented{display:flex;gap:var(--sp-1);background:var(--sunken);padding:4px;border-radius:var(--r-sm);border:1px solid var(--line-faint)}.seg{flex:1;padding:9px 8px;background:transparent;color:var(--muted);text-transform:capitalize;border-radius:6px;font-size:var(--fs-sm)}.seg:hover:not(:disabled):not(.active){background:var(--surface-raised);color:var(--text)}.seg.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:var(--gold-ink);font-weight:700;box-shadow:var(--sh-1)}.toggle-desc{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-2)}.players{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-4) 0}.player-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;transition:border-color var(--t-fast) var(--ease)}.player-row.you{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-glow)}.pname{font-weight:600}.ptags{display:flex;align-items:center;gap:var(--sp-2)}.tag{font-size:.62rem;padding:3px 7px;border-radius:var(--r-full);letter-spacing:1px;font-weight:700;text-transform:uppercase}.tag.bot{background:#35507a80;border:1px solid rgba(120,160,210,.5);color:#cfe0f5}.tag.off{background:#6a5a2a80;border:1px solid rgba(180,150,80,.5);color:#ecdca8}.mini{padding:3px 9px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.lobby-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2)}.lobby-actions .primary,.lobby-actions .secondary{flex:1}.table{display:flex;flex-direction:column;gap:var(--sp-3)}.badges{display:flex;gap:var(--sp-2);flex-wrap:wrap}.badge{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-full);padding:4px 13px;font-size:var(--fs-xs);text-transform:capitalize;letter-spacing:.4px;color:var(--muted)}.badge.inverse{background:linear-gradient(180deg,rgba(106,44,160,.7),var(--violet-deep));border-color:var(--violet);color:#f1e5ff;font-weight:700;animation:pulse-badge 2s var(--ease) infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #b98cf066}50%{box-shadow:0 0 0 4px #b98cf000}}.opponents{display:flex;gap:var(--sp-3);flex-wrap:wrap}.opp{flex:1;min-width:132px;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3);transition:border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.opp.turn{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 20px -4px var(--gold-glow);transform:translateY(-2px)}.opp-head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.oname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oscore{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.backs,.backs-stack{display:flex;align-items:center}.back{width:18px;height:26px;border-radius:3px;margin-right:-10px;background:linear-gradient(135deg,#1c5a4a,#0d3b30),var(--felt-deep);border:1px solid rgba(236,203,110,.35);box-shadow:var(--sh-1);position:relative}.back:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:2px;border:1px solid rgba(236,203,110,.28);background-image:repeating-linear-gradient(45deg,rgba(236,203,110,.14) 0 2px,transparent 2px 4px)}.backs .count{margin-left:18px;color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.trick{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--line-faint);background:radial-gradient(80% 120% at 50% 40%,rgba(255,255,255,.05),transparent 70%),radial-gradient(120% 140% at 50% 50%,#00000047,#0000006b);box-shadow:inset 0 2px 18px #0006}.trick-info{color:var(--muted);font-size:var(--fs-sm);text-transform:capitalize;text-align:center}.play-cards{display:flex;gap:var(--sp-1);animation:play-drop var(--t-med) var(--ease)}@keyframes play-drop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}.you-area{margin-top:var(--sp-1);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-3) var(--sp-4)}.turn-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2);font-size:var(--fs-base)}.your-turn{color:var(--gold);font-weight:700;letter-spacing:.4px}.your-turn:before{content:"● ";animation:blink 1.4s var(--ease) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.you-score{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.hand{display:flex;flex-wrap:wrap;gap:var(--sp-2);row-gap:18px;min-height:calc(var(--card-h) + 12px);padding:14px var(--sp-2) 6px;background:var(--sunken);border-radius:var(--r-md);box-shadow:inset 0 2px 12px #00000059}.controls{display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}.controls button{flex:1}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:8px;background:linear-gradient(160deg,#fff,#f4f4ec 70%,#e9e9dd);color:var(--ink);box-shadow:var(--sh-2);border:1px solid rgba(0,0,0,.14);-webkit-user-select:none;user-select:none;font-weight:700;line-height:1;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);overflow:hidden}.card .corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.94;letter-spacing:-.5px}.card .corner.tl{top:5px;left:5px}.card .corner.br{bottom:5px;right:5px;transform:rotate(180deg)}.card .rank{font-size:.82rem;font-weight:800}.card .suit{font-size:.72rem;margin-top:1px}.card .pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem;opacity:.9;pointer-events:none}.card.red{color:#c8102e}.card.black{color:#1a1a1a}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-8px);box-shadow:var(--sh-3)}.card.selected{transform:translateY(-16px);box-shadow:0 12px 22px #00000080;outline:2px solid var(--gold);outline-offset:-1px}.card.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;box-shadow:inset 0 0 0 2px var(--gold-glow);pointer-events:none}.card.small{width:var(--card-w-sm);height:var(--card-h-sm);border-radius:6px;box-shadow:var(--sh-1)}.card.small .corner.tl{top:3px;left:3px}.card.small .corner.br{display:none}.card.small .rank{font-size:.68rem}.card.small .suit{font-size:.6rem}.card.small .pip{font-size:1.15rem;top:58%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:10;animation:fade-in var(--t-med) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--modal-bg),#0a2b1e);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:var(--sp-5);width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:var(--sh-3);animation:modal-in var(--t-med) var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal h2{margin-top:0}.modal-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}.modal-actions button{flex:1}.xfers{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-3) 0}.xfer{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--line-faint);flex-wrap:wrap}.xfer.mine{background:#eccb6e24;border-color:#eccb6e66}.xfer-party{display:flex;flex-direction:column;min-width:84px;font-weight:600}.xfer-pos{font-weight:400;font-size:var(--fs-xs);color:var(--muted)}.xfer-arrow{color:var(--faint)}.xfer-hidden{display:flex}.xfer-hidden .back{width:24px;height:32px;margin-right:-8px}.results{width:100%;border-collapse:collapse;margin-top:var(--sp-2)}.results th{text-align:left;padding:8px 6px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line-strong)}.results td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.results.small th,.results.small td{padding:5px 4px;font-size:var(--fs-xs)}.results tr.you{background:#eccb6e1f}.results tr.you td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.results .pos{color:var(--pos);font-weight:700}.results .neg{color:var(--neg);font-weight:700}.results small{color:var(--faint)}.match-end{text-align:center;max-width:520px;margin:var(--sp-6) auto}.match-end .results{text-align:left}.match-list{display:flex;flex-direction:column;gap:var(--sp-2)}.match-item{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-fast) var(--ease)}.match-item:hover{border-color:var(--line-strong)}.match-summary{width:100%;background:none;color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);text-align:left;gap:var(--sp-3);border-radius:0}.match-summary:hover{background:var(--surface-raised)}.ms-left{display:flex;flex-direction:column;gap:3px}.ms-date{font-size:var(--fs-base);font-weight:600}.ms-meta{font-size:var(--fs-xs);color:var(--muted);text-transform:capitalize}.ms-right{color:var(--gold);font-size:var(--fs-sm);white-space:nowrap;font-weight:600}.match-detail{padding:0 var(--sp-4) var(--sp-4)}.standings{display:flex;flex-direction:column;gap:var(--sp-1);margin:var(--sp-2) 0}.standing{display:flex;justify-content:space-between;font-size:var(--fs-sm);padding:4px 0;border-bottom:1px solid var(--line-faint)}@media(max-width:560px){:root{--card-w: 46px;--card-h: 64px;--card-w-sm: 34px;--card-h-sm: 48px}.screen{padding:var(--sp-3)}.opp{min-width:45%}.controls-wrap{position:sticky;bottom:0;z-index:5;margin:var(--sp-2) calc(-1 * var(--sp-3)) 0;padding:var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(7,43,30,0),var(--felt-deep) 34%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-wrap .controls{margin-top:0}.controls button{min-height:48px}}@media(max-width:380px){:root{--card-w: 42px;--card-h: 59px}.hand{gap:5px}}.help-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--surface-raised);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-full);padding:4px 12px 4px 6px;font-size:var(--fs-xs);letter-spacing:.3px}.help-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--line-strong)}.help-btn>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-full);background:var(--gold);color:var(--gold-ink);font-weight:800;font-size:.72rem}.help-btn-text{white-space:nowrap}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.lobby-head h2{margin:var(--sp-1) 0}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.set-by-host{text-transform:none;letter-spacing:.3px;font-size:.62rem;color:var(--faint);border:1px solid var(--line-faint);border-radius:var(--r-full);padding:2px 8px}.info-disclosure{margin-top:var(--sp-2)}.info-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--muted)}.info-disclosure>summary::-webkit-details-marker{display:none}.info-summary-line{line-height:1.4}.info-more{flex:none;color:var(--gold);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.info-more:after{content:" ▾"}.info-disclosure[open]>summary .info-more:after{content:" ▴"}.info-disclosure[open]>summary{color:var(--text)}.info-points{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);line-height:1.45}.info-points li{padding-left:2px}.info-points b,.info-summary b{color:var(--text);font-weight:700}.rules-modal{width:min(680px,100%)}.rules-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.rules-head h2{margin:0}.rules-section{margin-top:var(--sp-5)}.rules-section h3{margin:0 0 var(--sp-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.info-summary{font-size:var(--fs-sm);color:var(--muted);line-height:1.5;margin:0 0 var(--sp-2)}.suit-red{color:var(--neg)}.info-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media(min-width:560px){.info-grid{grid-template-columns:1fr 1fr 1fr}}.info-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3)}.info-card.focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px -6px var(--gold-glow)}.info-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.info-card-head h4{margin:0;font-size:var(--fs-md)}.info-tag{font-size:var(--fs-xs);color:var(--faint);text-transform:capitalize}.info-card .info-summary{margin:var(--sp-2) 0 0}.info-card .info-points{padding-left:var(--sp-4)}.badge-btn{cursor:pointer;display:inline-flex;align-items:center;gap:5px}.badge-btn:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-3)}.badge.inverse.badge-btn:hover{filter:brightness(1.08)}.badge-q{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--r-full);border:1px solid currentColor;font-size:.6rem;font-weight:800;opacity:.7}.inverse-note{background:linear-gradient(180deg,#6a2ca066,#4a2a7880);border:1px solid var(--violet);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);color:#f1e5ff;font-size:var(--fs-sm);line-height:1.45}.inverse-note b{color:#fff}.pos-chip{display:inline-block;margin-right:var(--sp-2);padding:2px 8px;border-radius:var(--r-full);background:#eccb6e29;border:1px solid rgba(236,203,110,.4);color:var(--gold-bright);font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:help}.results-caption{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--muted);line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toast{display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.toast-msg{flex:1}.toast-close{flex:none;background:#0000002e;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:var(--r-full);width:24px;height:24px;line-height:1;padding:0;font-size:.72rem}.toast-close:hover{background:#00000052}.toast{animation:toast-in var(--t-med) var(--ease),toast-out var(--t-med) var(--ease) 3.2s both}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.conn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1)}.conn .conn-dot{font-size:.7rem;line-height:1}.conn .conn-label{font-size:var(--fs-xs);letter-spacing:.3px}.conn.connecting .conn-label,.conn.closed .conn-label{color:var(--neg)}.conn.connecting,.conn.closed{border-color:#ff8f8f66}.conn.connecting .conn-dot,.conn.closed .conn-dot{animation:blink 1s var(--ease) infinite}@media(max-width:440px){.conn .conn-label{display:none}}.connecting{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.spinner,.waiting-spin,.spectating-eye{display:inline-block}.spinner{width:30px;height:30px;border-radius:var(--r-full);border:3px solid var(--line);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-row{color:var(--muted);border-style:dashed;justify-content:flex-start;gap:var(--sp-3)}.empty-dots{display:inline-flex;gap:5px}.empty-dots i{width:7px;height:7px;border-radius:var(--r-full);background:var(--gold);opacity:.5;animation:dot-pulse 1.4s var(--ease) infinite}.empty-dots i:nth-child(2){animation-delay:.2s}.empty-dots i:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.25}50%{opacity:.9}}.trick.active-turn{border-color:var(--gold-glow);box-shadow:inset 0 2px 18px #0006,0 0 0 1px var(--gold-glow),0 0 26px -8px var(--gold-glow)}.trick-info.empty{display:inline-flex;align-items:center;gap:var(--sp-2)}.trick-lead-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-full);background:var(--surface-raised);color:var(--gold);font-size:.7rem;font-weight:800}.trick.active-turn .trick-lead-badge{background:var(--gold);color:var(--gold-ink)}.your-turn{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--r-full);background:linear-gradient(180deg,#eccb6e38,#b6913c2e);border:1px solid var(--gold);box-shadow:0 0 18px -6px var(--gold-glow)}.waiting{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--muted)}.waiting-spin{width:12px;height:12px;border-radius:var(--r-full);border:2px solid var(--line-strong);border-top-color:var(--gold);animation:spin .9s linear infinite}.hand .card{animation:deal-in var(--t-med) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes deal-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.card.dim{opacity:.5;filter:saturate(.7)}.card.clickable:focus-visible{outline:2px solid var(--gold);outline-offset:2px;z-index:2}.controls-wrap{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.controls-wrap .controls{margin-top:0}.play-hint{font-size:var(--fs-sm);line-height:1.35;padding:7px 12px;border-radius:var(--r-sm);text-align:center;border:1px solid var(--line)}.play-hint.warn{background:#d0574f29;border-color:#d0574f73;color:#ffd9d3}.play-hint.ok{background:#67e0a31f;border-color:#67e0a366;color:var(--pos)}.room-code.copied{border-color:var(--pos);color:var(--pos);background:#67e0a324}.spectating{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--muted)}.spectating-eye{font-size:1.3rem;opacity:.8}.spectating div{display:flex;flex-direction:column}.spectating b{color:var(--text)}.spectating span{font-size:var(--fs-sm)}.hand-empty{align-self:center;margin:auto;color:var(--muted);font-size:var(--fs-base)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}