:root{--felt-1:#0d7048;--felt-2:#0a5537;--felt-3:#063d28;--accent:#f2b53b;--accent-strong:#d99321;--accent-soft:#fff4dc;--accent-ink:#4a3200;--accent-soft-ink:#4a3200;--panel:#fff;--panel-2:#f7f4ee;--panel-3:#efeae0;--panel-border:#e4ded2;--panel-border-strong:#ccc4b5;--scrim-1:#0620164d;--scrim-2:#06201638;--scrim-hi:#ffffff24;--overlay-scrim:#0620168c;--text:#1b2620;--text-dim:#64726a;--text-mute:#94a099;--ink:#10201a;--on-felt:#fff;--on-felt-dim:#cfe6db;--on-felt-faint:#ffffff80;--card-paper:#fdfbf6;--card-red:#c2283f;--card-black:#1b2620;--card-border:#00000014;--card-anchor:#fff7e6;--game-accent:#c2283f;--suit-clubs:var(--card-black);--suit-spades:var(--card-black);--suit-hearts:var(--card-red);--suit-diamonds:var(--card-red);--danger:#d94848;--danger-soft:#fbe7e7;--danger-ink:#6b1414;--danger-on-felt:#ff6b6b;--success:#2f9463;--success-soft:#e3f4eb;--success-ink:#0e3d27;--info:#3f83c4;--info-soft:#e6f0fa;--info-ink:#143a5c;--warning:#d99321;--warning-soft:#fdf1d9;--warning-ink:#5a3d05;--ok:#4ade80;--author-me:#0f6b45;--chat-me-bg:#dcefe5;--chat-other-bg:#f2f0ea;--focus:#2f7bf5;--ring-color:#f2b53b73;--ring-strong:#f2b53ba6;--ring:0 0 0 3px var(--ring-color);--ghost-line:#ffffff3d;--entry-glass:#ffffff14;--entry-glass-border:#ffffff29;--e-1:0 1px 2px #0818101a, 0 1px 1px #0818100f;--e-2:0 2px 6px #0818101f;--e-3:0 6px 20px #0818102e;--e-4:0 16px 40px #0818104d;--shadow:var(--e-3);--shadow-sm:var(--e-2);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-xs:6px;--r-pill:999px;--r-card:8px;--radius:var(--r-md);--hit-min:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--z-seat-burst:30;--z-floats:40;--z-overlay-scrim:48;--z-overlay:50;--z-actionbar:52;--z-drag:58;--z-toast:60;--dur-1:90ms;--dur-2:.16s;--dur-3:.24s;--dur-4:.42s;--dur-5:.7s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fs-display:28px;--fs-h1:22px;--fs-h2:18px;--fs-body:15px;--fs-body-strong:15px;--fs-sm:13px;--fs-xs:11px;--fs-num-lg:20px;--font-ui:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:"Segoe UI", system-ui, -apple-system, sans-serif;--font-numeric:ui-monospace, "SF Mono", "Segoe UI Mono", Menlo, monospace;font-family:var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--felt-1:#0e6a45;--felt-2:#074028;--felt-3:#04291a;--accent-soft:#3a2f14;--accent-soft-ink:#ffe6b3;--panel:#1a2420;--panel-2:#131c18;--panel-3:#0d1512;--panel-border:#2c3a34;--panel-border-strong:#3c4d45;--scrim-1:#0006;--scrim-2:#00000052;--scrim-hi:#ffffff1a;--text:#e8eeeb;--text-dim:#9aa9a2;--text-mute:#6d7c75;--ink:#e8eeeb;--card-paper:#f4f1ea;--card-red:#c2283f;--card-black:#10201a;--card-border:#00000040;--card-anchor:#f7e6c4;--danger-soft:#3a1d1d;--danger-ink:#ffd7d7;--success-soft:#123125;--success-ink:#c6efd6;--info-soft:#12283b;--info-ink:#cfe4f6;--warning-soft:#3a2f14;--warning-ink:#ffe6b3;--author-me:#54d98a;--ring-color:#ffca5f80;--ring-strong:#ffca5fad;--focus:#6db3ff;--ghost-line:#ffffff29;--chat-me-bg:#16302a;--chat-other-bg:#0f1714}}:root[data-theme=dark]{--felt-1:#0e6a45;--felt-2:#074028;--felt-3:#04291a;--accent-soft:#3a2f14;--accent-soft-ink:#ffe6b3;--panel:#1a2420;--panel-2:#131c18;--panel-3:#0d1512;--panel-border:#2c3a34;--panel-border-strong:#3c4d45;--scrim-1:#0006;--scrim-2:#00000052;--scrim-hi:#ffffff1a;--text:#e8eeeb;--text-dim:#9aa9a2;--text-mute:#6d7c75;--ink:#e8eeeb;--card-paper:#f4f1ea;--card-red:#c2283f;--card-black:#10201a;--card-border:#00000040;--card-anchor:#f7e6c4;--danger-soft:#3a1d1d;--danger-ink:#ffd7d7;--success-soft:#123125;--success-ink:#c6efd6;--info-soft:#12283b;--info-ink:#cfe4f6;--warning-soft:#3a2f14;--warning-ink:#ffe6b3;--author-me:#54d98a;--ring-color:#ffca5f80;--ring-strong:#ffca5fad;--focus:#6db3ff;--ghost-line:#ffffff29;--chat-me-bg:#16302a;--chat-other-bg:#0f1714}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--felt-2);min-height:100vh}button{font:inherit;cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.felt{background:repeating-linear-gradient(45deg, #0000000b 0 2px, transparent 2px 5px), repeating-linear-gradient(-45deg, #ffffff08 0 2px, transparent 2px 5px), radial-gradient(130% 92% at 50% -15%, #ffffff2e, #fff0 50%), radial-gradient(150% 130% at 50% 45%, var(--felt-1), var(--felt-2) 60%, var(--felt-3) 100%)}.topbar{background:var(--scrim-1);border-bottom:1px solid var(--scrim-hi);color:#fff;flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.topbar__brand{font:800 17px var(--font-display);letter-spacing:-.01em;align-items:center;gap:9px;display:flex}.topbar__mark{font-size:21px}.topbar__right{align-items:center;gap:16px;display:flex}.status{font:600 12px var(--font-ui);color:var(--on-felt-dim);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.identity{font:600 13px var(--font-ui);align-items:center;gap:8px;display:flex}.identity__avatar{background:var(--scrim-hi);border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.status-dot{background:var(--text-dim);box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px}.status-dot--open{background:var(--ok);box-shadow:0 0 0 3px #4ade8038}.status-dot--connecting,.status-dot--closed{border:2px solid var(--accent);width:9px;height:9px;animation:pulse-ring 1.6s var(--ease-in-out) infinite;background:0 0}@media (width<=559px){.topbar{height:46px;padding:0 16px}}@media (width<=419px){.topbar{height:44px;padding:0 14px}.topbar__right{gap:10px}.identity__name{display:none}.status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.identity__avatar{width:26px;height:26px;font-size:16px}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #f2b53b59}50%{box-shadow:0 0 0 5px #f2b53b00}}@media (prefers-reduced-motion:reduce){.status-dot--connecting,.status-dot--closed{animation:none;box-shadow:0 0 0 3px #f2b53b40}}.status-dot--superseded{border:2px solid var(--on-felt-faint);background:0 0;border-radius:3px;width:12px;height:12px}.panel{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{min-height:var(--hit-min);border-radius:var(--r-md);font-size:var(--fs-body);box-shadow:var(--e-2);background:var(--accent);color:var(--accent-ink);border:none;padding:10px 18px;font-weight:700;transition:transform 60ms,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--text);border:1px solid var(--panel-border-strong);box-shadow:none;background:0 0;font-weight:600}.center-stage{flex:1;place-items:center;padding:24px;display:grid}.landing{position:relative;overflow:hidden}.landing__suits{pointer-events:none;z-index:0;position:absolute;inset:0}.landing__suit{opacity:.08;-webkit-user-select:none;user-select:none;font-size:clamp(120px,20vw,230px);line-height:1;position:absolute}.landing__suit--red{color:var(--card-red)}.landing__suit--black{color:var(--on-felt)}.landing__suit--tl{top:3%;left:5%}.landing__suit--tr{top:9%;right:5%}.landing__suit--bl{bottom:7%;left:7%}.landing__suit--br{bottom:3%;right:4%}.landing__entry{z-index:1;text-align:center;flex-direction:column;gap:20px;width:min(742px,100%);display:flex;position:relative}.landing__brand{flex-direction:column;gap:4px;display:flex}.landing__mark{font-family:var(--font-display);letter-spacing:.3px;color:var(--on-felt);font-size:34px;font-weight:800}.landing__tag{color:var(--on-felt-dim);margin:0;font-size:15px}.identity-card{border-radius:var(--r-xl,20px);background:var(--entry-glass);border:1px solid var(--entry-glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;max-width:460px;box-shadow:var(--e-3);flex-direction:column;align-self:center;align-items:center;gap:10px;padding:18px;display:flex}.identity-card__label{letter-spacing:.8px;text-transform:uppercase;color:var(--on-felt-dim);font-size:12px;font-weight:700}.identity-card__row{align-items:center;gap:10px;display:flex}.identity-card__who{border-radius:var(--r-md);color:var(--on-felt);background:0 0;border:0;align-items:center;gap:12px;padding:4px 8px;display:flex}.identity-card__who:hover{background:var(--scrim-hi)}.identity-card__avatar{font-size:44px;line-height:1}.identity-card__name{font-size:26px;font-weight:700}.identity-card__reroll{border:1px solid var(--entry-glass-border);background:var(--scrim-hi);width:44px;height:44px;color:var(--on-felt);border-radius:50%;flex:none;place-items:center;font-size:18px;transition:background .15s;display:grid}.identity-card__reroll:hover{background:var(--entry-glass-border)}.game-card{border:1px solid var(--panel-border);background:var(--panel);height:100%;box-shadow:var(--e-3);text-align:left;border-radius:18px;flex-direction:column;gap:15px;padding:20px;display:flex}.game-card__head{align-items:center;gap:14px;display:flex}.game-card__emblem{background:color-mix(in srgb, var(--game-accent,var(--card-red)) 13%, var(--panel));width:60px;height:60px;color:var(--game-accent,var(--card-red));font:800 24px var(--font-numeric);border-radius:14px;flex:none;place-items:center;display:grid}.game-card__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card__title{font:700 20px var(--font-ui);color:var(--text);margin:0}.game-card__sub{font:500 12.5px var(--font-ui);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-card__head .badge{align-self:flex-start}.game-card__blurb{color:var(--text-dim);font:400 14px/1.5 var(--font-ui);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.game-card__tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag-chip{background:var(--panel-2);border:1px solid var(--panel-border);font:600 12px var(--font-ui);color:var(--text);white-space:nowrap;border-radius:999px;padding:5px 10px;display:inline-block}.game-card__actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.game-card>.btn--soon{text-align:center;margin-top:auto}.btn--play{min-height:48px}.btn__spinner{vertical-align:-2px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:4px;animation:.8s linear infinite spin;display:inline-block}.picker{flex-direction:column;gap:14px;display:flex}.picker__grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;width:100%;max-width:742px;margin-inline:auto;padding:0;list-style:none;display:grid}@media (width<=700px){.picker__grid{grid-template-columns:1fr;grid-auto-rows:auto}}.picker__grid>li{display:flex}.picker__grid>li>.game-card{flex:1;min-width:0}.game--sevens{--game-accent:#c2283f}.game--hearts{--game-accent:#d1476a}.game--palace{--game-accent:#2f7d5b}.game--eights{--game-accent:#3f83c4}.game--president{--game-accent:#7a5cc4}.badge{letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.badge--new{background:var(--accent-soft);color:var(--accent-soft-ink)}.badge--soon{background:var(--panel-3);color:var(--text-mute)}.game-card--soon{opacity:.72}.game-card--soon .game-card__emblem{filter:grayscale()}.btn--soon{border-radius:var(--r-sm);background:var(--panel-3);color:var(--text-mute);cursor:default;padding:10px 14px;font-weight:600;display:block}.picker--busy .game-card--soon{opacity:.4}.game-card--busy .game-card__emblem{animation:1.4s ease-in-out infinite opener-pulse}.landing__offline{z-index:var(--z-toast);border-radius:var(--r-md);background:var(--warning-soft);color:var(--warning-ink);box-shadow:var(--e-3);padding:10px 16px;font-size:14px;font-weight:600;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.superseded{z-index:var(--z-toast);border-radius:var(--r-md);background:var(--info-soft);color:var(--info-ink);box-shadow:var(--e-3);align-items:center;gap:8px;padding:8px 10px 8px 16px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.superseded__action{border-radius:var(--r-sm);min-height:44px;color:inherit;font:700 14px var(--font-ui);background:0 0;border:1px solid;padding:0 12px}.superseded__action:hover{background:color-mix(in srgb, currentcolor 12%, transparent)}.connecting{color:#fff;text-align:center;place-items:center;gap:12px;display:grid}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--danger);color:#fff;box-shadow:var(--shadow);z-index:var(--z-toast);border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast--success{background:var(--success);bottom:68px}.game{flex:1;grid-template-columns:1fr 340px;gap:16px;min-height:0;padding:16px;display:grid}@media (width<=860px){.game{grid-template-columns:1fr}}.game__main{flex-direction:column;gap:16px;min-width:0;display:flex}.seats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.seat{color:#fff;text-align:center;background:#00000040;border:2px solid #0000;border-radius:12px;min-width:96px;padding:10px 14px;position:relative}.seat--current{border-color:var(--accent);box-shadow:0 0 0 3px #f2b53b40}.seat--away .seat__avatar{filter:grayscale(.7);opacity:.75}.seat__avatar{font-size:28px}.seat__name{font-size:14px;font-weight:600}.seat__count{color:#fffc;font-size:12px}.seat__badge{background:var(--danger);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;position:absolute;top:-8px;right:-6px}.seat__badge--away{background:var(--warning-soft);color:var(--warning-ink);font:600 11px var(--font-ui);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;display:inline-flex;left:50%;right:auto;transform:translate(-50%)}.seat__skipped{border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger-ink);font:600 10.5px var(--font-ui);white-space:nowrap;padding:2px 8px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.turn-banner--away{background:var(--scrim-1);font:600 14.5px var(--font-ui);color:var(--on-felt-dim);border-radius:14px;max-width:520px;margin-inline:auto;padding:13px 20px}.turn-banner__who{color:var(--on-felt);font-weight:700}.tableau{background:var(--scrim-2);border-radius:var(--r-lg,16px);grid-template-columns:26px minmax(0,1fr) auto minmax(0,1fr);gap:6px 8px;padding:14px;transition:background .15s,outline-color .15s;display:grid;box-shadow:inset 0 2px 10px #00000047}.tableau--armed{outline:2px dashed var(--ghost-line);outline-offset:3px}.tableau--target{outline-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--scrim-2))}.suit-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;min-height:62px;transition:opacity .15s;display:grid}.suit-row__label{text-align:center;font-size:24px}.suit-row--red .suit-row__label{color:var(--card-red)}.suit-row--black .suit-row__label{color:var(--on-felt)}.suit-run{align-items:center;min-height:60px;display:flex}.suit-run--down{justify-content:flex-end}.suit-run--up{justify-content:flex-start}.suit-pivot{justify-content:center;align-items:center;display:flex}.suit-run__card{flex:none}.suit-run__card+.suit-run__card{margin-left:-22px}.suit-run__card--anchor{transform:translateY(-5px)}.suit-run__card--anchor .card{background:var(--card-anchor,#fff);box-shadow:var(--e-3,0 6px 16px #0006)}.suit-run__ghost{border:2px dashed var(--ghost-line);width:40px;height:56px;color:var(--on-felt-dim);border-radius:7px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.suit-run__ghost--low{margin-right:4px}.suit-run__ghost--high{margin-left:4px}.suit-run__ghost--seven{opacity:.65}.suit-row__empty{color:var(--on-felt-dim);padding-left:8px;font-size:13px;font-style:italic}.suit-row--opener .suit-run__ghost--seven{border-color:var(--accent);color:var(--accent);opacity:1;animation:1.8s ease-in-out infinite opener-pulse}.suit-row--opener .suit-row__empty{color:var(--accent);font-style:normal}.suit-row--locked{opacity:.5}@keyframes opener-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent)}}.suit-deck{width:40px;height:56px;position:relative}.suit-deck:before,.suit-deck:after{content:"";box-shadow:var(--shadow-sm);background:#fff;border-radius:7px;position:absolute;inset:0}.suit-deck:before{transform:translate(3px,3px)}.suit-deck:after{transform:translate(1.5px,1.5px)}.suit-deck .card{z-index:1;position:relative}.suit-run__chip{border-radius:var(--r-round,999px);background:var(--success-soft,#34c7592e);color:var(--success-ink,#1c7a3f);align-items:center;gap:4px;margin-left:8px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=560px){.suit-run__card+.suit-run__card{margin-left:-27px}.suit-row__label{font-size:20px}.tableau{grid-template-columns:20px minmax(0,1fr) auto minmax(0,1fr);gap:5px}}@media (prefers-reduced-motion:reduce){.suit-row--opener .suit-run__ghost--seven{animation:none}}.card{box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;background:#fff;border-radius:7px;flex-direction:column;justify-content:space-between;font-weight:700;display:flex;position:relative}.card--md{width:60px;height:84px;padding:6px}.card--sm{width:40px;height:56px;padding:4px}.card--xs{border-radius:5px;width:30px;height:42px;padding:3px}.card--xs .card__corner{font-size:8px}.card--xs .card__pip{font-size:13px}.card--red{color:var(--card-red)}.card--black{color:#16211b}.card__corner{flex-direction:column;align-items:center;width:fit-content;font-size:13px;line-height:1;display:flex}.card--sm .card__corner{font-size:10px}.card__corner--br{align-self:flex-end;transform:rotate(180deg)}.card__pip{opacity:.9;place-items:center;font-size:26px;display:grid;position:absolute;inset:0}.card--sm .card__pip{font-size:18px}.hand{background:var(--scrim-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-radius:14px;justify-content:safe center;min-height:108px;padding:18px 12px 12px;display:flex;overflow-x:auto}.hand--empty{color:var(--on-felt);justify-content:center;align-items:center;font-weight:600}.hand__card{--fan:calc((var(--i,0) - var(--mid,0)) * 2deg);scroll-snap-align:center;touch-action:manipulation;transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);background:0 0;border:none;border-radius:8px;flex:none;padding:0}.hand__card+.hand__card{margin-left:-18px}.hand__card--playable+.hand__card{margin-left:-6px}.hand__card--playable{cursor:grab;outline:3px solid var(--accent);outline-offset:1px;z-index:2}.hand__card:not(.hand__card--playable){opacity:.55;cursor:default;transform:translateY(6px)}.hand__card--playable:hover{z-index:30;transform:translateY(-14px)scale(1.04)}@media (width>=860px){.hand--fanned .hand__card{transform:rotate(var(--fan))}.hand--fanned .hand__card:not(.hand__card--playable){transform:translateY(6px) rotate(var(--fan))}.hand--fanned .hand__card--playable:hover{transform:translateY(-14px) scale(1.04) rotate(var(--fan))}}@media (width<=560px){.hand{padding:18px 10px 10px}.hand__card+.hand__card{margin-left:-34px}.hand__card--playable+.hand__card{margin-left:-10px}}.hand__card:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--focus);z-index:31;outline:none}.hand__card--playable:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.hand__card--source{opacity:.35;cursor:grabbing}.drag-ghost{box-shadow:var(--e-4);cursor:grabbing;border-radius:8px;transform:scale(1.08)rotate(-2deg)}@media (prefers-reduced-motion:reduce){.hand__card{transition:none}}.turn-banner{text-align:center;color:#fff;min-height:calc(var(--hit-min) + 20px);box-sizing:border-box;background:#00000040;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;display:flex}.turn-banner--me{background:var(--accent);color:var(--accent-ink);font-weight:600}.countdown{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:700}.countdown--urgent{color:var(--danger)}.chat{flex-direction:column;min-height:0;max-height:calc(100vh - 92px);display:flex;overflow:hidden}.chat__header{border-bottom:1px solid var(--panel-border);background:var(--panel-2);flex:none;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat__title{font:700 15px var(--font-ui);color:var(--text)}.chat__online{font:600 12px var(--font-ui);color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.chat__list{flex-direction:column;flex:1;gap:13px;min-height:0;padding:14px;display:flex;overflow-y:auto}.chat__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;padding:20px;display:flex}.chat__empty-glyph{opacity:.6;font-size:28px}.chat__empty-title{font:700 14px var(--font-ui);color:var(--text);margin:0}.chat__empty-sub{font:400 13px var(--font-ui);color:var(--text-dim);margin:0}.chat__msg{align-items:flex-start;gap:8px;display:flex}.chat__msg--me{flex-direction:column;align-items:flex-end}.chat__msg--grouped{margin-top:-9px}.chat__avatar{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:flex}.chat__msg--grouped .chat__avatar{background:0 0;border-color:#0000}.chat__bubble-col{flex-direction:column;gap:3px;min-width:0;max-width:80%;display:flex}.chat__msg--me .chat__bubble-col{align-items:flex-end}.chat__meta{font:600 11px var(--font-ui);color:var(--text-dim)}.chat__meta--me{color:var(--author-me)}.chat__bubble{background:var(--chat-other-bg);color:var(--text);font:400 14px/1.35 var(--font-ui);word-break:break-word;border-radius:4px 12px 12px;padding:8px 11px}.chat__msg--me .chat__bubble{background:var(--chat-me-bg);border-radius:12px 4px 12px 12px}.canned-bar{border-top:1px solid var(--panel-border);flex-wrap:wrap;flex:none;gap:6px;padding:10px 12px;display:flex}.canned-bar__btn{border:1px solid var(--panel-border);border-radius:var(--r-pill);background:var(--panel-2);min-height:44px;color:var(--text);font:600 12.5px var(--font-ui);transition:background .12s ease, transform 60ms var(--ease-spring);padding:0 11px}.canned-bar__btn:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.canned-bar__btn:active:not(:disabled){transform:scale(.96)}.canned-bar__btn:disabled{opacity:.45;cursor:default}.pbp__head{border-top:1px solid var(--panel-border);background:var(--panel-2);flex:none;align-items:center;gap:7px;padding:9px 14px;display:flex}.pbp__title{font:700 11px var(--font-numeric);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.pbp{background:var(--panel);flex-direction:column;flex:none;gap:9px;height:150px;padding:12px 14px;display:flex;overflow-y:auto}.pbp__empty{font:400 13px var(--font-ui);color:var(--text-mute);margin:0}.pbp__row{font:400 13px/1.35 var(--font-ui);color:var(--text-dim);align-items:center;gap:8px;display:flex}.pbp__avatar{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.pbp__name--me{color:var(--author-me);font-weight:700}.pbp__card{font-weight:700}.pbp__card--clubs{color:var(--suit-clubs)}.pbp__card--spades{color:var(--suit-spades)}.pbp__card--hearts{color:var(--suit-hearts)}.pbp__card--diamonds{color:var(--suit-diamonds)}.chat-floats{z-index:var(--z-floats);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.chat-floats__item{background:var(--panel);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;animation:.2s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.chat-floats__avatar{font-size:20px}.chat-floats__text{color:var(--text);font-size:14px}.lobby{flex-direction:column;gap:16px;min-width:0;display:flex}.lobby__hero{flex-direction:column;align-items:center;gap:10px;display:flex}.lobby__headline{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.lobby__title{font:800 22px var(--font-display);color:var(--on-felt);margin:0}.lobby__status{font:400 13.5px var(--font-ui);color:var(--on-felt-dim);margin:0}.lobby__hint{font:400 12.5px var(--font-ui);color:var(--on-felt-dim);margin:0}.lobby__pips{flex:none;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby__pip{border:2px solid var(--on-felt-faint);border-radius:50%;width:12px;height:12px}.lobby__pip--on{background:var(--accent);border-color:var(--accent)}.countdown-ring{flex:none;place-items:center;display:grid;position:relative}.countdown-ring .turn-ring{display:block}.countdown-ring__num{font-family:var(--font-numeric);color:var(--text);font-size:22px;font-weight:700;position:absolute}.countdown-ring--urgent .countdown-ring__num{color:var(--danger);font-size:26px}.countdown-ring--urgent:after{content:"⏰";font-size:14px;position:absolute;bottom:-4px;right:-4px}.room-rules{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--scrim-hi);color:var(--on-felt);font:600 12px var(--font-ui);border-radius:999px;padding:5px 12px}.roster{flex-direction:column;gap:8px;display:flex}.roster__head{justify-content:space-between;align-items:center;display:flex}.roster__heading{font:700 15px var(--font-ui);color:var(--on-felt);margin:0}.roster__count{font-variant-numeric:tabular-nums;color:var(--on-felt-dim)}.roster__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster__row{background:var(--scrim-1);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.roster__row--away{opacity:.6}.roster__row--empty{background:var(--scrim-2);border:1px dashed var(--on-felt-faint);justify-content:space-between}.roster__avatar{background:var(--panel);border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.roster__name{min-width:0;font:600 14px var(--font-ui);color:var(--on-felt);flex:1;align-items:center;gap:8px;display:inline-flex}.roster__username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.roster__tags{flex:none;align-items:center;gap:6px;display:inline-flex}.roster__host{font:700 11px var(--font-ui);color:var(--accent);align-items:center;gap:4px;display:inline-flex}.roster__you{font:600 12px var(--font-ui);color:var(--accent)}.roster__presence{font:600 12px var(--font-ui);color:var(--on-felt-dim);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.roster__name--empty{color:var(--on-felt-dim);font-style:italic;font-weight:500}.roster__remove{width:var(--hit-min);height:var(--hit-min);border:1px solid var(--on-felt-faint);background:var(--scrim-hi);color:var(--on-felt);border-radius:9px;flex:none;font-size:14px}.roster__remove:hover{border-color:var(--danger);color:var(--danger)}.roster__add{min-height:var(--hit-min);border:1px solid var(--on-felt-faint);background:var(--scrim-hi);color:var(--on-felt);font:600 13px var(--font-ui);border-radius:9px;flex:none;padding:0 12px}.roster__add:hover{border-color:var(--accent)}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot--ok{background:var(--ok)}.dot--accent{background:var(--accent)}.dot--danger{background:var(--danger)}.tag{letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.tag--host{background:var(--accent);color:var(--accent-ink)}.tag--bot{background:var(--accent);color:var(--accent-ink);font-family:var(--font-numeric);font-size:10px}.host-controls{flex-direction:column;gap:9px;margin-top:2px;display:flex}.host-controls__label{font:700 10.5px var(--font-numeric);letter-spacing:.06em;text-transform:uppercase;color:var(--on-felt-dim)}.host-controls__row{flex-wrap:wrap;gap:10px;display:flex}.btn--felt{border:1px solid var(--on-felt-faint);background:var(--scrim-hi);min-height:44px;color:var(--on-felt);font:600 14px var(--font-ui);border-radius:12px;padding:0 16px}.btn--felt:hover:not(:disabled){border-color:var(--on-felt)}.btn--felt:disabled{opacity:.45;cursor:default}.btn--felt-primary{background:var(--accent);color:var(--accent-ink);font:700 15px var(--font-ui);box-shadow:var(--e-2);border:none;padding:0 20px}.invite{gap:8px;display:flex}.invite__well{background:var(--scrim-1);min-width:0;color:var(--on-felt-dim);font:500 13px var(--font-numeric);text-overflow:ellipsis;border:none;border-radius:11px;flex:1;padding:12px 13px}.lobby__foot{border-top:1px solid var(--scrim-hi);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.lobby__tip{font:400 13px var(--font-ui);color:var(--on-felt-dim);margin:0}.overlay{-webkit-backdrop-filter:blur(2px);z-index:var(--z-overlay);background:#06201694;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay__card{text-align:center;border-radius:var(--r-xl);width:min(420px,100%);box-shadow:var(--e-4);flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.overlay__title{font:800 var(--fs-display) var(--font-display);color:var(--text);margin:0}.results{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.results__row{background:var(--panel-2);border-radius:var(--r-md);align-items:center;gap:12px;padding:11px 14px;display:flex}.results__row--me{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.results__avatar{border-radius:var(--r-pill);background:var(--panel);width:32px;height:32px;box-shadow:var(--e-1);flex:none;justify-content:center;align-items:center;font-size:20px;display:flex}.results__name{font:700 var(--fs-body) var(--font-ui);color:var(--text);flex:1}.results__you{border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font:700 11px var(--font-ui);padding:3px 9px}.btn--play-again{flex:1;min-height:48px}.confetti{pointer-events:none;z-index:var(--z-overlay);position:absolute;inset:0;overflow:hidden}.confetti__bit{top:-8%;left:calc(var(--n) * 7.1%);animation:confetti-fall calc(2.4s + var(--n) * .13s) linear calc(var(--n) * .1s) 2;font-size:22px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.2;transform:translateY(105vh)rotate(320deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.results__place{width:32px;font-size:20px}.overlay__actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.turn-banner--forced,.turn-banner--stuck{background:var(--scrim-1);text-align:left;border-radius:14px;justify-content:space-between;gap:16px;padding:9px 18px}.turn-banner--forced{box-shadow:inset 0 0 0 2px var(--ring-strong)}.turn-banner--stuck{box-shadow:inset 0 0 0 2px var(--danger-on-felt)}.turn-banner--actions{background:var(--scrim-1);box-shadow:inset 0 0 0 1.5px var(--ring-color);color:var(--on-felt);text-align:left;border-radius:14px;justify-content:flex-start;gap:14px;padding:10px 18px}.turn-banner__actions .btn--ghost{background:var(--scrim-hi);border-color:var(--on-felt-faint);color:var(--on-felt);font-weight:700}.turn-banner__actions .btn--ghost:hover:not(:disabled){background:var(--scrim-2);border-color:var(--on-felt)}.turn-banner__actions .btn--ghost:disabled{opacity:.45}.turn-banner__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.turn-banner__badge{background:var(--accent-ink);min-width:20px;height:20px;color:var(--accent);font:700 12px var(--font-numeric);border-radius:999px;justify-content:center;align-items:center;margin-left:7px;display:inline-flex}.turn-banner__text{font:700 16px var(--font-ui);color:var(--on-felt)}.turn-banner__sub{color:var(--on-felt-dim);font-weight:500}.turn-banner__card{color:var(--accent)}.turn-banner__right{align-items:center;gap:12px;display:inline-flex}.turn-banner__urgent{align-items:center;gap:7px;font-size:18px;display:inline-flex}.btn--skip{min-height:var(--hit-min);border:1px solid var(--danger-on-felt);background:var(--scrim-hi);color:var(--on-felt);font:700 14px var(--font-ui);border-radius:11px;padding:0 17px}.btn--skip:hover{background:var(--scrim-2)}.turn-ring-dial{flex:none;place-items:center;display:inline-grid;position:relative}.turn-ring-dial__num{font:800 17px var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--on-felt);position:absolute}.turn-ring-dial--urgent .turn-ring-dial__num{color:var(--danger-on-felt);font-size:18px}.hand--forced .hand__card{opacity:.4}.hand--forced .hand__card--playable{opacity:1;box-shadow:0 0 0 3px var(--ring-strong), var(--e-3);z-index:2;transform:translateY(-10px)scale(1.06)}@media (prefers-reduced-motion:reduce){.hand--forced .hand__card--playable{transform:none}}.turn-ring{display:block}.turn-ring__track{stroke:#fff3}.turn-ring__fill{stroke:var(--accent);transition:stroke-dashoffset 70ms linear}.turn-ring__fill--urgent{stroke:var(--danger)}.turn-banner--me .turn-ring__track{stroke:#4a320040}.turn-banner--me .turn-ring__fill{stroke:var(--accent-ink)}.seat__ring{filter:drop-shadow(0 1px 2px #00000059);position:absolute;top:-12px;left:-12px}.identity--button{appearance:none;min-height:var(--hit-min);border-radius:var(--r-md);cursor:pointer;color:inherit;background:0 0;border:0;padding:0 8px;transition:background .15s}.identity__caret{font:700 14px var(--font-ui);color:var(--on-felt-faint)}.identity--button:hover{background:var(--scrim-hi)}.identity--button:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:2px solid #0000}.modal-overlay{z-index:var(--z-overlay);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.identity-editor{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:16px;width:min(440px,100%);max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #0006}.identity-editor__preview{align-items:center;gap:12px;margin-bottom:16px;font-size:20px;display:flex}.identity-editor__avatar{font-size:40px;line-height:1}.identity-editor__stats{background:var(--panel-2);border:1px solid var(--panel-border);color:var(--text-dim);border-radius:10px;gap:16px;margin-bottom:8px;padding:10px 12px;font-size:14px;display:flex}.identity-editor__stats strong{color:var(--text)}.identity-editor__label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:14px 0 6px;font-size:13px;display:block}.identity-editor__names{flex-wrap:wrap;gap:8px;display:flex}.identity-editor__names select{min-height:var(--hit-min);border:1px solid var(--panel-border);background:var(--panel-2);color:inherit;font:inherit;border-radius:10px;flex:120px;padding:8px 10px}.identity-editor__reroll{width:var(--hit-min);height:var(--hit-min);border:1px solid var(--panel-border);background:var(--panel-2);color:inherit;cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:18px;transition:border-color .15s;display:grid}.identity-editor__reroll:hover{border-color:var(--accent)}.identity-editor__reroll:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:2px solid #0000}.identity-editor__more{width:100%;min-height:var(--hit-min);border:1px dashed var(--panel-border-strong);border-radius:var(--r-md);color:var(--text-dim);font:600 12.5px var(--font-ui);cursor:pointer;background:0 0;margin-top:8px}.identity-editor__more:hover{color:var(--text);border-color:var(--accent)}.identity-editor__more:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:2px solid #0000}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.emoji{aspect-ratio:1;border:1px solid var(--panel-border);background:var(--panel-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:24px;display:flex}.emoji:hover{border-color:var(--accent)}.emoji--match{border-color:color-mix(in srgb, var(--accent) 55%, var(--panel-border));background:color-mix(in srgb, var(--accent) 14%, var(--panel-2))}.emoji--on{outline:3px solid var(--accent);border-color:var(--accent)}.identity-editor__device{border-top:1px solid var(--panel-border);margin-top:18px;padding-top:14px}.device-link{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-tile{border:1px solid var(--panel-border);width:172px;height:172px;box-shadow:var(--e-1);background:#fff;border-radius:14px;padding:13px}.device-link__caption{text-align:center;font:500 12.5px var(--font-ui);color:var(--text-dim);margin:0}.device-link__divider{width:100%;font:500 11px var(--font-ui);color:var(--text-mute);align-items:center;gap:10px;display:flex}.device-link__divider:before,.device-link__divider:after{content:"";background:var(--panel-border);flex:1;height:1px}.device-link .identity-editor__link-row{width:100%}.device-link__warn{background:var(--warning-soft);color:var(--warning-ink);font:600 12px var(--font-ui);border-radius:10px;align-items:center;gap:7px;margin:0;padding:8px 11px;display:flex}.device-link__waiting{font:600 12.5px var(--font-ui);color:var(--text-dim);align-items:center;gap:9px;margin:0;display:inline-flex}.identity-editor__link-row{gap:8px;display:flex}.identity-editor__link{border:1px solid var(--panel-border);background:var(--panel-2);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.identity-editor__hint{color:var(--text-dim);margin:8px 0 0;font-size:12px}.identity-editor__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.signin{width:min(420px,100%)}.signin__title{margin:0 0 12px;font-size:20px}.device-modal{background:var(--panel);width:min(380px,100%);max-height:90vh;color:var(--text);border:1px solid var(--panel-border);border-radius:var(--r-xl);box-shadow:var(--e-4);padding:22px;position:relative;overflow-y:auto}.device-modal__close{width:var(--hit-min);height:var(--hit-min);color:var(--text-dim);background:0 0;border:none;border-radius:10px;font-size:18px;position:absolute;top:14px;right:14px}.device-modal__close:hover{background:var(--panel-3)}.device-modal__title{font:700 20px var(--font-display);color:var(--text);margin:0 0 4px}.device-modal__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.device-modal__actions--center{justify-content:center}.device-modal__error{color:var(--danger-ink);margin:8px 0 0;font-size:13px}.device-modal__body--fade{animation:device-fade var(--dur-3) var(--ease-out)}@keyframes device-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.device-modal__body--fade{animation:none}}.device-done{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.device-done__check{border-radius:var(--r-pill);background:var(--success);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex}.device-done__sub{color:var(--text-dim);margin:0;font-size:14px}.signin__target{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:18px;display:flex}.signin__avatar{font-size:32px;line-height:1}.signin__warn{background:var(--warning-soft);color:var(--warning-ink);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.signin__hint{color:var(--text-dim);margin:12px 0 0;font-size:14px}.signin__hint--wait{animation:1.4s ease-in-out infinite signin-pulse}@keyframes signin-pulse{0%,to{opacity:.55}50%{opacity:1}}.signin__device{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:10px;gap:6px;margin:12px 0 0;padding:12px;font-size:14px;list-style:none;display:grid}.signin__code{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:14px;width:fit-content;margin:10px auto 0;padding:8px 18px;font-size:44px;line-height:1}.signin__grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0;display:grid}.signin__grid-btn{aspect-ratio:1;border:1px solid var(--panel-border);background:var(--panel-2);border-radius:12px;font-size:30px;transition:transform 60ms,background .12s}.signin__grid-btn:hover{background:var(--accent-soft)}.signin__grid-btn:active{transform:scale(.94)}.create-room{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:var(--r-xl);width:min(470px,100%);max-height:90vh;box-shadow:var(--e-4);text-align:left;overflow-y:auto}.create-room__header{background:color-mix(in srgb, var(--game-accent) 12%, var(--panel));border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:flex-start;gap:10px;padding:20px 22px 16px;display:flex}.create-room__title{font:700 22px var(--font-display);color:var(--text);margin:0}.create-room__summary{font:400 13px var(--font-ui);color:var(--text-dim);margin:5px 0 0}.create-room__close{width:44px;height:44px;color:var(--text-dim);background:0 0;border:none;border-radius:10px;flex:none;font-size:18px}.create-room__close:hover:not(:disabled){background:var(--panel-3)}.create-room__body{gap:var(--sp-5);flex-direction:column;padding:20px 22px;display:flex}.create-room__section{flex-direction:column;gap:10px;display:flex}.create-room__label{font:700 11px var(--font-numeric);letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute)}.create-room__help{font:400 12.5px var(--font-ui);color:var(--text-dim);margin:0}.create-room__strip{border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning-ink);margin:0;padding:8px 10px;font-size:12.5px}.create-room__strip--error{background:var(--danger-soft);color:var(--danger-ink)}.create-room__actions{border-top:1px solid var(--panel-border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.create-room__actions .btn{min-height:44px}.create-room__steppers{gap:16px;display:flex}.stepper{flex-direction:column;flex:1;gap:7px;display:flex}.stepper__label{font:600 13px var(--font-ui);color:var(--text-dim)}.stepper__row{border-radius:11px;align-items:center;gap:9px;display:flex}.stepper__row:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.stepper__btn{border:1px solid var(--panel-border);background:var(--panel-2);width:44px;height:44px;color:var(--text);border-radius:11px;flex:none;place-items:center;padding-bottom:.25em;font-size:20px;display:grid}.stepper__btn:hover[aria-disabled=false]{border-color:var(--accent)}.stepper__btn[aria-disabled=true]{opacity:.4;cursor:default}.stepper__value{background:var(--panel-3);height:44px;color:var(--ink);font:700 20px var(--font-numeric);font-variant-numeric:tabular-nums;border-radius:11px;flex:1;place-items:center;display:grid}.stepper__value--bumped{animation:stepper-tick var(--dur-2) var(--ease-spring)}@keyframes stepper-tick{50%{background:var(--accent-soft);transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.stepper__value--bumped{animation:none}}.create-room__suits{justify-content:center;gap:10px;display:flex}.create-room__powers{flex-wrap:wrap;gap:8px;display:flex}.power-chip{min-height:var(--hit-min);border:1px solid var(--panel-border);border-radius:var(--r-pill);background:var(--panel-2);color:var(--text-dim);font:600 12.5px var(--font-ui);transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out), border-color .15s var(--ease-out);align-items:center;padding:0 14px;display:inline-flex}.power-chip:hover:not(:disabled){border-color:var(--accent)}.power-chip:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:2px solid #0000}.power-chip:active:not(:disabled){transform:translateY(1px)}.power-chip:disabled{opacity:.45;cursor:default}.power-chip--on{border-color:var(--accent-strong);background:var(--panel);color:var(--text);box-shadow:0 0 0 3px var(--ring-color), var(--e-2);transform:translateY(-2px)}.power-chip--on:active:not(:disabled){transform:translateY(-1px)}.suit-chip{border:1px solid var(--card-border);background:var(--card-paper);width:52px;height:72px;box-shadow:var(--e-1);font-family:var(--font-numeric);transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative}.suit-chip--black{color:var(--card-black)}.suit-chip--red{color:var(--card-red)}.suit-chip__rank{font:800 12px var(--font-numeric);position:absolute;top:4px;left:6px}.suit-chip__pip{font-size:24px;line-height:1}.suit-chip--on{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--ring-color), var(--e-2);transform:translateY(-2px)}.segment{background:var(--panel-3);border-radius:12px;gap:4px;padding:4px;display:flex}.segment__option{color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px;display:flex}.segment__option--on{background:var(--panel);border-color:var(--accent-strong);box-shadow:var(--ring);color:var(--text)}.segment__label{font:700 14px var(--font-ui);align-items:center;gap:6px;display:inline-flex}.segment__check{color:var(--accent-strong)}.segment__sub{font:500 11px var(--font-ui);color:var(--text-mute)}.segment__option--on .segment__sub{color:var(--text-dim)}@media (width<=560px){.modal-overlay:has(.create-room){padding:0}.create-room{border-radius:var(--r-xl) var(--r-xl) 0 0;align-self:end;width:100%;max-height:92svh}.create-room__actions{background:var(--panel);padding-bottom:max(20px, env(safe-area-inset-bottom));position:sticky;bottom:0}}.seat__badge--cpu{background:var(--accent);color:var(--accent-ink)}.palace{flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;display:flex;position:relative}.palace-well{justify-content:center;align-items:center;gap:22px;padding:14px;display:flex;position:relative}.palace-pile{flex-direction:column;align-items:center;gap:9px;display:flex}.palace-pile__count{font:700 11px var(--font-numeric);color:var(--on-felt-dim);text-transform:uppercase;letter-spacing:.04em}.palace-pile__stack{width:64px;height:90px;position:relative}.palace-pile__back{background:var(--felt-2);border:1px solid var(--accent-strong);border-radius:8px;position:absolute;inset:0;transform:translate(2px,2px)}.palace-pile__back--hatch{background:repeating-linear-gradient(45deg, #f2b53b4d 0 3px, transparent 3px 7px), var(--felt-2);border-width:2px;transform:none}.palace-pile__discard{cursor:pointer;background:0 0;border:0;border-radius:10px;width:64px;height:90px;padding:0}.palace-pile__discard:disabled{cursor:default}.palace-pile__discard--armed,.palace-pile__discard--over{box-shadow:0 0 0 3px var(--ring-strong)}.palace-pile__fan{width:64px;height:90px;display:block;position:relative}.palace-pile__under{background:var(--card-paper);border:1px solid var(--card-border);box-shadow:var(--e-1);border-radius:8px;position:absolute;inset:0;transform:rotate(-6deg)translate(-3px,2px)}.palace-pile__under--b{transform:rotate(4deg)translate(2px,1px)}.palace-pile__fan--glass .palace-pile__top{opacity:.55;transform:translate(14px,-8px)rotate(6deg)}.palace-pile__beneath,.palace-pile__top{position:absolute;inset:0}.palace-pile__beneath .card{box-shadow:0 0 0 2px var(--ring-strong)}.palace-pile__empty--draw{width:64px;height:90px}.palace-pile__fan .card{width:100%;height:100%;position:absolute;inset:0}.palace-pile__empty{border:2px dashed var(--ghost-line);border-radius:8px;width:64px;height:90px;display:block}.palace-pile__runcard{transform:rotate(calc((var(--r) - var(--n)) * 7deg)) translateX(calc((var(--r) - var(--n)) * 3px));transform-origin:50% 90%;position:absolute;inset:0}.beat-cue{background:var(--scrim-1);box-shadow:0 0 0 1.5px var(--ring-color) inset;border-radius:14px;align-items:center;gap:12px;min-width:150px;padding:12px 16px;display:flex}.beat-cue--reset{box-shadow:0 0 0 1.5px var(--ring-strong) inset}.beat-cue--glass{gap:10px}.beat-cue--under{box-shadow:0 0 0 1.5px var(--danger-on-felt) inset}.beat-cue--under .beat-cue__value{color:var(--danger-on-felt)}.beat-cue__text{flex-direction:column;gap:3px;display:flex}.beat-cue__label{font:700 9px var(--font-numeric);color:var(--on-felt-dim);letter-spacing:.05em;text-transform:uppercase}.beat-cue__value{font:800 22px var(--font-numeric);color:var(--on-felt);line-height:1}.beat-cue__value--any{font:800 18px var(--font-ui);color:var(--accent)}.beat-cue__through{opacity:.4;align-items:center;display:flex;position:relative}.beat-cue__glass-tag{font:700 8px var(--font-numeric);color:var(--on-felt);background:var(--scrim-2);border-radius:4px;padding:1px 4px;position:absolute;top:-3px;left:5px}.beat-cue__arrow{color:var(--on-felt-dim);font-size:18px}.beat-cue__target .card{box-shadow:0 0 0 2px var(--ring-strong)}.palace-burn{z-index:var(--z-floats,40);background:var(--scrim-1);box-shadow:0 0 0 1.5px var(--accent) inset;animation:burnIn var(--dur-2) var(--ease-out);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.palace-burn__glyph{font-size:20px}.palace-burn__text{font:600 14px var(--font-ui);color:var(--on-felt)}.palace-burn__text strong{color:var(--accent);font-weight:800}@keyframes burnIn{0%{opacity:0;transform:translate(-50%)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.palace-burn{animation:none}}.palace-tiers{flex-direction:column;align-items:center;gap:6px;display:flex}.palace-tiers__row{gap:8px;display:flex}.palace-slot{width:44px;height:62px;position:relative}.palace-slot__down{background:var(--felt-2);border:1px solid var(--accent-strong);border-radius:6px;position:absolute;inset:0;transform:translate(2px,3px)}.palace-slot__up{left:calc(-2px + var(--s,0) * 4px);top:calc(-4px + var(--s,0) * -3px);position:absolute}.palace-slot__count{z-index:3;font:700 10px var(--font-numeric);color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:1px 5px;position:absolute;bottom:-4px;right:-6px}.palace-slot__blind{font:800 20px var(--font-numeric);color:var(--on-felt-dim);place-items:center;display:grid;position:absolute;inset:0}.palace-slot--live{cursor:pointer;min-height:var(--hit-min);background:0 0;border:0;padding:0}.palace-slot--live:hover .palace-slot__up,.palace-slot--live:focus-visible .palace-slot__up{transform:translateY(-4px)}.palace-slot--playable .palace-slot__up .card{box-shadow:0 0 0 2px var(--ring-strong)}.palace-slot--risky .palace-slot__up .card{box-shadow:0 0 0 2px var(--danger-on-felt)}.palace-slot--target{outline:2px dashed var(--accent-strong);outline-offset:3px;border-radius:8px}.palace-slot--over{outline:2px solid var(--accent);outline-offset:3px;background:var(--accent-soft)}.palace-tiers__caption{font:600 9.5px var(--font-numeric);color:var(--on-felt-faint);text-transform:uppercase;letter-spacing:.04em}.palace-tiers--live .palace-slot__up .card{box-shadow:0 0 0 2px var(--ring-strong)}.palace-seats{flex-wrap:wrap;flex:none;justify-content:center;gap:12px;padding:8px 6px;display:flex}.palace-seat{background:var(--scrim-1);border-radius:14px;flex-direction:column;gap:7px;min-width:190px;padding:10px 13px;display:flex;position:relative}.palace-seat--current{box-shadow:0 0 0 2px var(--ring-color)}.palace-seat--away{filter:saturate(.5);opacity:.75}.palace-seat__head{align-items:center;gap:9px;display:flex}.palace-seat__avatar{background:var(--scrim-hi);border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.palace-seat--current .palace-seat__avatar{box-shadow:0 0 0 3px var(--ring-color)}.palace-seat__name{font:600 13px var(--font-ui);color:var(--on-felt);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.palace-seat__dealer{font:700 10px var(--font-numeric);color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:2px 6px}.palace-seat__ready{font:700 12px var(--font-numeric);color:var(--ok)}.palace-seat__status{flex:none;justify-content:flex-end;align-items:center;min-width:21px;display:inline-flex}.palace-seat__thinking{gap:3px;display:inline-flex}.palace-seat__thinking i{background:var(--accent);border-radius:999px;width:5px;height:5px;animation:1.2s infinite thinking}.palace-seat__thinking i:nth-child(2){animation-delay:.2s}.palace-seat__thinking i:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.palace-seat__thinking i{opacity:.75;animation:none}}.palace-seat__tiers{align-items:flex-end;gap:10px;display:flex}.palace-seat__tier{flex-direction:column;align-items:center;gap:3px;display:flex}.palace-seat__tier-label{font:600 9px var(--font-numeric);color:var(--on-felt-dim);text-transform:uppercase;letter-spacing:.03em}.palace-seat__faceup{gap:3px;display:flex}.palace-seat__none{color:var(--on-felt-faint);font:600 12px var(--font-numeric);place-items:center;width:30px;height:42px;display:grid}.palace-seat__down{width:26px;height:36px;position:relative}.palace-seat__down-back,.palace-seat__down-front{background:var(--felt-2);border:1px solid var(--accent-strong);border-radius:5px;position:absolute;inset:0}.palace-seat__down-back{transform:translate(2px,2px)}.palace-seat__down-front{font:700 11px var(--font-numeric);color:var(--on-felt-dim);justify-content:center;align-items:center;display:flex}.palace-seat__fan{align-items:flex-end;height:26px;display:inline-flex}.palace-seat__fan i{background:linear-gradient(135deg, var(--felt-1), var(--felt-2));border:1px solid var(--accent-strong);border-radius:2px;width:15px;height:22px}.palace-seat__fan i:first-child{transform:rotate(-12deg)}.palace-seat__fan i+i{margin-left:-8px}.palace-seat__fan i:last-child:not(:first-child){transform:rotate(12deg)}.palace-seat__badge{font:700 9px var(--font-numeric);color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:2px 6px;position:absolute;top:-6px;right:10px}.palace-hand{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.palace-hand__fan{justify-content:safe center;align-items:flex-end;max-width:100%;padding:10px 4px;display:flex;overflow-x:auto}.palace-hand__card{cursor:pointer;transition:transform var(--dur-1) var(--ease-out), opacity var(--dur-1) var(--ease-out);transform:rotate(calc((var(--i) - var(--mid)) * 2.5deg));touch-action:none;background:0 0;border:0;padding:0}.palace-hand__card+.palace-hand__card{margin-left:-14px}.palace-hand__card[aria-disabled=false]:not(.palace-hand__card--playable) .card{box-shadow:0 0 0 2px var(--danger-on-felt)}.palace-hand__card[aria-disabled=true]{opacity:.55;transform:rotate(calc((var(--i) - var(--mid)) * 2.5deg)) translateY(6px);cursor:default}.palace-hand__card--playable .card{box-shadow:0 0 0 2px var(--ring-strong)}.palace-hand__card.palace-hand__card--match{transform:rotate(calc((var(--i) - var(--mid)) * 2.5deg)) translateY(-6px)}.palace-hand__card.palace-hand__card--selected{transform:rotate(calc((var(--i) - var(--mid)) * 2.5deg)) translateY(-16px)}.palace-hand__card.palace-hand__card--selected .card{box-shadow:0 0 0 2px var(--accent)}.palace-hand__card--dragging{opacity:.35}.palace-hand__gamble{font:700 12px var(--font-ui);color:var(--danger-on-felt)}.palace-hand__label{font:700 10px var(--font-numeric);color:var(--accent);background:var(--scrim-1);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 8px}.palace-swap__bar{background:var(--scrim-1);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 14px;display:flex}.palace-swap__hint{font:600 13px var(--font-ui);color:var(--on-felt)}.palace-swap__clock{align-items:center;display:inline-flex}.palace-swap__count{font:700 11px var(--font-numeric);color:var(--on-felt-dim)}.palace-pile__stack--draw{background:0 0;border:none;padding:0}.palace-pile__stack--live{cursor:pointer;box-shadow:0 0 0 3px var(--ring-color);border-radius:10px}.palace-pile__stack--live:hover{box-shadow:0 0 0 3px var(--accent-strong)}.palace-pile__stack--live:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.palace-swap__slots{gap:8px;display:flex}.palace-swap__slots--idle{visibility:hidden;pointer-events:none}.palace-swap__slot{min-height:var(--hit-min);border-radius:var(--r-md);border:2px dashed var(--accent-strong);background:var(--scrim-1);color:var(--on-felt);font:700 13px var(--font-ui);cursor:pointer;padding:0 14px}.palace-hand--blind{gap:10px}.palace-blind__hint{font:500 13px var(--font-ui);color:var(--on-felt-dim);text-align:center;margin:0}.palace-blind__row{gap:12px;display:flex}.palace-blind__card{background:var(--felt-2);border:2px solid var(--accent-strong);width:60px;height:84px;color:var(--on-felt-dim);font:800 26px var(--font-numeric);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);border-radius:8px}.palace-blind__card:hover:not(:disabled),.palace-blind__card:focus-visible{transform:translateY(-6px)}@media (width<=860px){.palace-seats{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.palace-seat{flex:none;min-width:168px}.palace-well{flex-wrap:wrap;gap:14px}}@media (width<=560px){.palace-slot{width:34px;height:48px}.palace-well{gap:10px}.beat-cue{min-width:0;padding:10px 12px}}.table-closed{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:26px;display:flex}.table-closed__glyph{opacity:.85;font-size:40px}.table-closed__title{font:800 20px var(--font-display);color:var(--on-felt);margin:0}.table-closed__body{max-width:250px;font:400 13.5px/1.5 var(--font-ui);color:var(--on-felt-dim);margin:0}.no-timer{background:var(--scrim-hi);font:700 13px var(--font-ui);color:var(--on-felt-dim);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.no-timer__glyph{font-size:15px}.game-card__presence{font:600 12px var(--font-ui);color:var(--text-dim);align-items:center;gap:7px;margin:0;display:inline-flex}.game-card__presence-dot{background:var(--ok);border-radius:999px;flex:none;width:8px;height:8px}.game-card__presence--quiet{color:var(--text-mute)}.picker__foot{text-align:center;font:500 12px var(--font-ui);color:var(--on-felt-faint);margin:4px 0 0}