: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;--chat-log-h: 96px;--chat-dock-h: 160px;--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(92px,25vw,122px);height:auto;display:block;margin:0 auto var(--sp-2);filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));animation:logo-in var(--t-med) var(--ease) both}@keyframes logo-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}.brand .wordmark{margin:0;line-height:0}.brand .wordmark img{display:block;width:clamp(212px,60vw,312px);height:auto;margin:0 auto;filter:drop-shadow(0 5px 14px rgba(0,0,0,.4));animation:logo-in var(--t-med) var(--ease) 70ms both}.tagline{color:var(--muted);margin:var(--sp-3) 0 0;font-size:var(--fs-sm);letter-spacing:.4px;animation:logo-in var(--t-med) var(--ease) .14s both}.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-2);margin:var(--sp-3) 0}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--sp-2)}.toggle-row{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.field-note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);line-height:1.35;color:var(--muted)}.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-3) 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;flex-direction:column;gap:var(--sp-2)}.opponents.row{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:var(--sp-2)}.opp-row{display:flex;gap:var(--sp-2)}.opp-row.top{justify-content:center}.opp-row.corners{justify-content:space-between}.opp{display:flex;flex-direction:column;gap:2px;min-width:96px;max-width:160px;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-md);padding:6px 10px;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 16px -4px var(--gold-glow);transform:translateY(-2px)}.oname{font-weight:600;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ostats{display:flex;align-items:baseline;gap:5px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--muted)}.ocards{color:var(--text);font-weight:700}.odot{opacity:.5}.opts{color:var(--gold);font-weight:700}.turn-order-note{margin:2px 0 0;text-align:center;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.3px}.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)}.trick{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) 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}}.pile{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-height:calc(var(--card-h) + 44px);padding-top:34px}.pile-layer{grid-area:1 / 1;display:flex;justify-content:center;transform:translateY(calc(var(--depth) * -15px)) scale(calc(1 - var(--depth) * .08));opacity:calc(1 - var(--depth) * .24);filter:saturate(calc(1 - var(--depth) * .28)) brightness(calc(1 - var(--depth) * .06));transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease),filter var(--t-med) var(--ease);pointer-events:none}.pile-cards{display:flex;gap:var(--sp-1)}.pile-layer .card{box-shadow:var(--sh-2)}.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:78px;max-width:46%;padding:5px 8px}.opp-row,.opponents.row{gap:6px}.controls-wrap{position:sticky;bottom:var(--chat-dock-h);z-index:5;margin:var(--sp-2) calc(-1 * var(--sp-3)) 0;padding:var(--sp-2) var(--sp-3);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;padding:0 62px}.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)}.practice-badge{background:linear-gradient(180deg,#3c825a8c,#1e5a3c99);border-color:#3fae74;color:#dff5e7;font-weight:700}.rounds-stepper{display:flex;align-items:center;gap:var(--sp-2);background:var(--sunken);border:1px solid var(--line-faint);border-radius:var(--r-sm);padding:5px}.stepper-btn{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;line-height:1;color:var(--gold-ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));border:1px solid rgba(255,255,255,.25);border-radius:var(--r-sm);box-shadow:var(--sh-1)}.stepper-btn:hover:not(:disabled){filter:brightness(1.06)}.rounds-value{flex:1;display:flex;align-items:baseline;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}.rounds-value b{font-size:var(--fs-lg);color:var(--text)}.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}.round-of{font-size:var(--fs-sm);font-weight:400;color:var(--muted)}.final-round-note{margin:var(--sp-2) 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:#eccb6e24;border:1px solid rgba(236,203,110,.4);color:var(--gold-bright);font-size:var(--fs-sm);line-height:1.4}.confirm-overlay{z-index:20}.confirm-modal{width:min(400px,100%)}.confirm-modal h2{font-size:var(--fs-lg)}.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}.hand .card{touch-action:none}.hand .card.dragging{z-index:20;cursor:grabbing;transform:translateY(-10px) scale(1.06);box-shadow:var(--sh-3);opacity:.95;animation:none}.hand-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.hand-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.hand-toolbar-label{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.sort-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:var(--fs-sm);color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-sm)}.sort-btn:hover:not(.active){background:var(--surface-hover);color:var(--text);border-color:var(--line-strong)}.sort-btn.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:var(--gold-ink);font-weight:700;border-color:var(--gold-deep)}.sort-btn .sort-dir{font-weight:800}.trick.drop-ready{border-color:var(--gold-glow);border-style:dashed}.trick.drop-over{border-color:var(--gold);border-style:dashed;box-shadow:inset 0 2px 18px #0006,0 0 0 2px var(--gold-glow),0 0 30px -6px var(--gold-glow)}.drop-hint{font-size:var(--fs-sm);color:var(--gold);font-weight:700;letter-spacing:.3px;padding:4px 14px;border-radius:var(--r-full);border:1px dashed var(--gold-glow);background:#eccb6e14}.drop-hint.over{background:#eccb6e33;border-style:solid}.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)}.opp,.turn-status{position:relative}.emoji-flash{position:absolute;left:50%;bottom:100%;transform:translate(-50%);font-size:1.8rem;line-height:1;pointer-events:none;z-index:6;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));animation:emoji-pop 2.2s var(--ease) forwards}@keyframes emoji-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.4)}16%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1.15)}32%{transform:translate(-50%) translateY(-10px) scale(1)}70%{opacity:1;transform:translate(-50%) translateY(-16px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-30px) scale(.9)}}.emoji-fab-wrap{position:fixed;right:max(var(--sp-4),env(safe-area-inset-right,0px));bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-3)}.emoji-fab{width:58px;height:58px;border-radius:var(--r-full);font-size:1.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--gold-deep));border:1px solid rgba(255,255,255,.3);box-shadow:var(--sh-3),var(--sh-inset)}.emoji-fab:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--sh-3),0 0 0 3px var(--gold-glow)}.emoji-fab-wrap.open .emoji-fab{font-size:1.3rem}.emoji-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:0;z-index:-1;cursor:default}.emoji-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);padding:var(--sp-3);background:linear-gradient(180deg,#14161c,#0c0d12);border:2px solid var(--gold);border-radius:var(--r-lg);box-shadow:var(--sh-3);animation:emoji-panel-in var(--t-med) var(--ease)}@keyframes emoji-panel-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.emoji-choice{width:52px;height:52px;font-size:1.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid transparent;border-radius:var(--r-md)}.emoji-choice:hover{background:#ffffff1f;transform:translateY(-2px) scale(1.08)}.emoji-choice:active{transform:scale(.94)}@media(max-width:560px){.emoji-fab{width:52px;height:52px;font-size:1.5rem}.emoji-choice{width:48px;height:48px;font-size:1.55rem}}.chat-dock{position:fixed;left:0;right:0;bottom:0;z-index:7;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,.4),var(--felt-deep) 30%);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-dock-inner{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}.chat-log{height:var(--chat-log-h);overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;padding-right:var(--sp-2);font-size:var(--fs-sm);line-height:1.4}.chat-empty{color:var(--faint);margin:0;font-size:var(--fs-sm)}.chat-msg{color:var(--text);margin:1px 0}.chat-author{color:var(--gold);font-weight:700}.chat-msg.mine .chat-author{color:var(--gold-bright)}.chat-text{color:var(--text)}.chat-input{display:flex;gap:var(--sp-2)}.chat-input input{flex:1;min-width:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--sunken);color:var(--text);font:inherit;font-size:var(--fs-sm)}.chat-input input:focus{outline:none;border-color:var(--gold)}.chat-input .primary{flex:none;padding:var(--sp-2) var(--sp-4)}.chat-spectate{margin:0;color:var(--faint);font-size:var(--fs-xs);text-align:center}.table{padding-bottom:calc(var(--chat-dock-h) + var(--sp-3))}.emoji-fab-wrap{bottom:calc(var(--chat-dock-h) + var(--sp-3) + env(safe-area-inset-bottom,0px))}@media(max-width:560px){:root{--chat-log-h: 72px;--chat-dock-h: 136px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}