@font-face{font-family:Alegreya;src:url(/fonts/alegreya-latin-var.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--green-950:#0e1f18;--green-900:#14291f;--green-800:#1b3a2a;--green-700:#234b36;--green-600:#2e6244;--green-500:#3c7c56;--green-400:#5d9b76;--green-300:#8cbda0;--green-200:#bbd8c6;--green-100:#dcebe2;--green-50:#eff6f1;--wood-900:#2a1a11;--wood-800:#3f2617;--wood-700:#5a3620;--wood-600:#78482a;--wood-500:#955c36;--wood-400:#b27847;--wood-300:#c99c6b;--wood-200:#e0c3a0;--wood-100:#f0dfc8;--stone-950:#191713;--stone-900:#262320;--stone-800:#3a3630;--stone-700:#504b43;--stone-600:#6b655b;--stone-500:#8b8477;--stone-400:#aba398;--stone-300:#c8c0b3;--stone-200:#ded8cb;--stone-100:#ede8dd;--stone-50:#f7f3ea;--ivory-100:#fffdf7;--ivory-200:#fbf6ea;--ivory-300:#f3ecda;--brass-700:#7d6222;--brass-600:#9c7c2c;--brass-500:#c09a3e;--brass-400:#d9b25a;--brass-300:#e8cb88;--brass-200:#f3e2b5;--red-700:#7e241e;--red-600:#9c2e26;--red-500:#b3372f;--red-400:#c75f55;--red-300:#f0b3a8;--red-100:#f6e0dc;--red-500-rgb:179, 55, 47;--amber-950:#201503;--amber-600:#a87021;--amber-500:#c98a2b;--amber-400:#f4b942;--amber-400-rgb:244, 185, 66;--amber-100:#f8ecd5;--teal-700:#24505a;--teal-600:#2f5f68;--teal-500:#3c7581;--teal-100:#ddebed;--medal-gold:#f2c94c;--medal-silver:#d7dde2;--medal-bronze:#d79a63;--shadow-ink-rgb:42, 26, 17;--shadow-felt-rgb:14, 31, 24;--felt-shade-rgb:9, 24, 18;--surface-app:var(--stone-50);--surface-sunken:var(--stone-100);--surface-card:var(--ivory-100);--surface-card-quiet:var(--ivory-300);--surface-table:var(--green-700);--surface-table-shade:var(--green-800);--surface-table-deep:var(--green-900);--surface-table-edge:var(--green-950);--surface-sheet:#10331e;--surface-wood-lit:var(--wood-500);--surface-wood:var(--wood-700);--surface-wood-edge:var(--wood-800);--surface-wood-deep:var(--wood-900);--surface-inverse:var(--green-900);--surface-scrim:#14291f9e;--surface-plate-on-felt:rgba(var(--felt-shade-rgb), .4);--surface-plate-on-felt-active:rgba(var(--felt-shade-rgb), .58);--ad-band-bg:var(--stone-200);--ad-band-edge:var(--stone-300);--ad-band-label:var(--stone-700);--text-hold:var(--ivory-100);--line-hold:var(--danger);--text-strong:var(--stone-950);--text-body:var(--stone-800);--text-muted:var(--stone-600);--text-faint:var(--stone-500);--text-brand:var(--green-700);--text-accent:var(--brass-600);--text-on-wood:var(--wood-100);--text-on-brass:var(--wood-900);--text-link:var(--green-600);--text-link-hover:var(--green-800);--text-on-felt:#eef4ee;--text-on-felt-muted:#b7ccbd;--text-on-felt-read:#96ad9d;--text-on-felt-dim:#aac0b0;--overline-ink-paper:var(--brass-700);--overline-ink-felt:var(--brass-300);--overline-ink:var(--overline-ink-felt);--border-hairline:var(--stone-200);--border-default:var(--stone-300);--border-strong:var(--stone-400);--border-brass:var(--brass-500);--border-on-felt:rgba(var(--felt-shade-rgb), .34);--border-card-face:#2a1a1129;--action-primary-bg:var(--green-600);--action-primary-bg-hover:var(--green-700);--action-primary-bg-press:var(--green-800);--action-primary-fg:var(--ivory-100);--action-accent-bg:var(--brass-500);--action-accent-bg-hover:var(--brass-400);--action-accent-bg-press:var(--brass-600);--action-accent-fg:var(--wood-900);--action-secondary-bg:var(--ivory-100);--action-secondary-bg-hover:var(--stone-100);--action-secondary-bg-press:var(--stone-200);--action-secondary-fg:var(--stone-900);--action-quiet-fg:var(--stone-700);--action-quiet-bg-hover:#234b3614;--action-disabled-bg:var(--stone-200);--action-disabled-fg:var(--stone-500);--accent:var(--amber-400);--accent-rgb:var(--amber-400-rgb);--accent-ink:var(--amber-950);--fill-on-felt:#ffffff1f;--control-primary-bg:var(--accent);--control-primary-bg-hover:var(--accent);--control-primary-fg:var(--accent-ink);--control-primary-lift:var(--shadow-brass-lift);--control-quiet-fg:var(--text-on-felt);--control-quiet-bg:var(--fill-on-felt);--control-quiet-bg-hover:#fff3;--control-quiet-border:#ffffff2e;--control-danger-bg:var(--red-600);--control-danger-bg-hover:var(--red-500);--control-danger-fg:var(--ivory-100);--control-danger-ink:var(--danger);--control-danger-wash:var(--danger-felt-bg);--control-danger-line:var(--danger-felt-border);--control-danger-wash-ink:var(--text-on-felt);--control-disabled-bg:#ffffff12;--control-disabled-fg:var(--text-on-felt-dim);--control-field-bg:#ffffff1a;--control-field-border:#ffffff26;--control-field-border-focus:var(--green-400);--control-field-fg:var(--text-on-felt);--control-field-label:var(--text-on-felt-muted);--control-field-placeholder:var(--text-on-felt-muted);--control-badge-neutral:var(--text-on-felt-muted);--control-badge-brand:var(--green-200);--control-badge-accent:var(--accent);--control-badge-success:var(--good);--control-badge-warning:var(--brass-300);--control-badge-danger:var(--danger);--control-badge-info:var(--teal-100);--control-badge-ink:var(--green-950);--control-badge-neutral-wash:color-mix(in srgb, var(--text-on-felt-muted) 16%, transparent);--control-tag-bg:var(--fill-on-felt);--control-tag-fg:var(--text-on-felt);--control-tag-border:transparent;--control-tag-border-hover:var(--text-on-felt-muted);--control-tag-bg-selected:var(--text-on-felt);--control-tag-fg-selected:var(--surface-table-deep);--success-fg:var(--green-600);--success-bg:var(--green-100);--success-border:var(--green-300);--warning-fg:var(--amber-600);--warning-bg:var(--amber-100);--warning-border:#e4c079;--danger-fg:var(--red-600);--danger-bg:var(--red-100);--danger-border:#e2a9a2;--info-fg:var(--teal-600);--info-bg:var(--teal-100);--info-border:#a9c8cd;--status-ink-strong:var(--stone-950);--status-ink:var(--stone-800);--status-ink-muted:var(--stone-600);--good:#6ee7a0;--danger:#ffa196;--danger-felt-bg:#ffa19624;--danger-felt-border:#ffa19640;--suit-red:var(--red-500);--suit-black:var(--stone-900);--card-face:var(--ivory-100);--card-back:var(--card-back-1);--card-back-motif:var(--brass-500);--tile-face:var(--tile-face-1);--tile-edge:var(--wood-200);--seat-active:var(--accent);--select-ring:var(--brass-400);--frame-lemn:var(--wood-500);--frame-lemn-edge:var(--wood-700);--frame-piatra:var(--stone-400);--frame-piatra-edge:var(--stone-600);--frame-verde:var(--green-500);--frame-verde-edge:var(--green-700);--frame-arama:var(--brass-400);--frame-arama-edge:var(--brass-600);--frame-septar:var(--red-500);--frame-septar-edge:var(--red-700);--level-chip-bg:var(--green-800);--level-chip-fg:var(--brass-300);--level-chip-edge:var(--brass-600);--xp-track:var(--stone-200);--xp-fill:var(--brass-500);--xp-track-felt:#09181273;--focus-ring:#fff;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-3xl:36px;--radius-pill:999px;--radius-card-face:10px;--radius-tile:6px;--radius-control:12px;--radius-sheet:24px;--radius-table:clamp(var(--radius-xl), 5vw, var(--radius-3xl));--radius-table-felt:calc(var(--radius-table) - var(--border-w-rail));--border-w-hair:1px;--border-w-thick:2px;--border-w-rail:6px;--focus-ring-w:3px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--gutter-screen:1.25rem;--gutter-page:2rem;--max-content:1160px;--sheet-max-h:min(88dvh, 47.5rem);--tap-min:44px;--chrome-w-sm:min(360px, 92vw);--chrome-w-md:min(420px, 92vw);--chrome-w-lg:min(560px, 100%);--ad-h-slim:64px;--ad-h-tall:114px;--ad-label-h:13px;--ad-label-inset:34px;--ad-gutter:10px;--ad-rail-w:112px;--control-h-sm:2.25rem;--control-h-md:2.75rem;--control-h-lg:3.25rem;--bp-phone:480px;--bp-phone-land:740px;--bp-tablet:900px;--bp-desktop:1200px;--bp-wide:1440px;--min-table-h:520px;--font-ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;--font-display:"Alegreya", "Georgia", "Times New Roman", serif;--font-rank:var(--font-display);--text-display-xl:4rem;--text-display-l:3rem;--text-display-m:2.25rem;--text-title-l:1.75rem;--text-title-m:1.375rem;--text-title-s:1.125rem;--text-body-l:1.0625rem;--text-body-m:.9375rem;--text-body-s:.8125rem;--text-label:.8125rem;--text-caption:.75rem;--text-overline:.6875rem;--text-micro:.625rem;--lh-display-xl:1.02;--lh-display-l:1.06;--lh-display-m:1.1;--lh-title-l:1.18;--lh-title-m:1.24;--lh-title-s:1.3;--lh-body-l:1.55;--lh-body-m:1.55;--lh-body-s:1.5;--lh-label:1.2;--lh-caption:1.4;--lh-overline:1.1;--lh-micro:1.1;--ls-tight:-.02em;--ls-snug:-.01em;--ls-wide:.03em;--ls-overline:.14em;--ls-micro:.1em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--shadow-xs:0 1px 2px rgba(var(--shadow-ink-rgb), .08);--shadow-sm:0 1px 2px rgba(var(--shadow-ink-rgb), .1), 0 2px 6px rgba(var(--shadow-ink-rgb), .06);--shadow-md:0 2px 4px rgba(var(--shadow-ink-rgb), .1), 0 8px 18px -4px rgba(var(--shadow-ink-rgb), .14);--shadow-lg:0 4px 8px rgba(var(--shadow-ink-rgb), .1), 0 18px 36px -8px rgba(var(--shadow-ink-rgb), .2);--shadow-xl:0 8px 16px rgba(var(--shadow-ink-rgb), .12), 0 32px 64px -12px rgba(var(--shadow-ink-rgb), .28);--shadow-card-rest:0 1px 2px rgba(var(--shadow-felt-rgb), .3), 0 4px 10px -2px rgba(var(--shadow-felt-rgb), .22);--shadow-card-lift:0 6px 12px rgba(var(--shadow-felt-rgb), .26), 0 20px 32px -8px rgba(var(--shadow-felt-rgb), .36);--shadow-inset-felt:inset 0 2px 14px #00000057, inset 0 0 0 1px #0003;--shadow-inset-press:inset 0 2px 4px rgba(var(--shadow-ink-rgb), .22);--shadow-brass-glow:0 0 0 1px var(--brass-500), 0 0 18px -2px #d9b25a73;--ring-focus:0 0 0 3px #d9b25a8c;--shadow-fan-rest:-3px 2px 8px rgba(var(--shadow-felt-rgb), .35);--shadow-fan-lift:-3px 10px 18px rgba(var(--shadow-felt-rgb), .45);--shadow-tile:var(--shadow-sm), inset 0 1px 0 #ffffffe6, inset 0 -2px 0 rgba(var(--shadow-ink-rgb), .08);--shadow-highlight-top:inset 0 1px 0 #ffffff1f;--shadow-rack-rail:var(--shadow-md), inset 0 1px 0 #fff3, inset 0 -4px 10px rgba(var(--shadow-ink-rgb), .4);--shadow-plaque:inset 0 1px 0 #ffffff80, inset 0 0 0 1px #2a1a114d, 0 1px 2px rgba(var(--shadow-felt-rgb), .35);--shadow-sheet-up:0 -12px 30px rgba(var(--shadow-ink-rgb), .45);--shadow-ad-band:inset 0 6px 10px -8px rgba(var(--shadow-ink-rgb), .35);--shadow-ad-band-top:inset 0 -6px 10px -8px rgba(var(--shadow-ink-rgb), .35);--shadow-ad-band-rail:inset -6px 0 10px -8px rgba(var(--shadow-ink-rgb), .35);--shadow-bar-up:0 -2px 10px rgba(var(--shadow-ink-rgb), .06);--shadow-drawer:-12px 0 30px rgba(var(--shadow-ink-rgb), .4);--shadow-table:0 0 0 var(--border-w-thick) var(--surface-wood-deep), var(--shadow-md), var(--shadow-highlight-top);--shadow-brass-soft:0 0 12px rgba(var(--accent-rgb), .35);--shadow-brass-lift:0 4px 16px rgba(var(--accent-rgb), .35);--ring-brass:0 0 0 6px rgba(var(--accent-rgb), .35);--ring-brass-wide:0 0 0 8px rgba(var(--accent-rgb), .25);--ring-brass-hair:0 0 0 1px rgba(var(--accent-rgb), .85);--ring-seat:0 0 0 3px var(--seat-active);--glow-seat-turn:0 0 0 var(--border-w-hair) var(--seat-active), 0 0 18px -2px rgba(var(--accent-rgb), .45);--ring-hairline:0 0 0 1px #fffc;--glow-rim:0 0 30px 8px rgba(var(--accent-rgb), .45);--glow-open:0 0 0 5px #6ee7a066;--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.38s;--dur-deal:.52s;--dur-breath:1.4s;--dur-ambient:8s;--dur-exit:.18s;--stagger-card:55ms;--stagger-row:40ms;--stagger-tile:34ms;--ease-out:cubic-bezier(.16, .84, .44, 1);--ease-in-out:cubic-bezier(.5, 0, .5, 1);--ease-deal:cubic-bezier(.2, .8, .25, 1);--ease-settle:cubic-bezier(.34, 1.28, .64, 1);--ease-pop:cubic-bezier(.22, 1.3, .36, 1);--ease-fall:cubic-bezier(.35, .2, .6, .9);--lift-hover:-2px;--lift-card-hover:-10px;--press-scale:.97;--bg-felt:radial-gradient(115% 90% at 50% 12%, var(--surface-table) 0%, var(--surface-table-shade) 42%, var(--surface-table-deep) 78%, var(--surface-table-edge) 100%);--bg-wood:linear-gradient(180deg, #ffffff1a, #00000038), repeating-linear-gradient(90deg, #0000001a 0 1px, transparent 1px 7px), linear-gradient(var(--rack-wood-1), var(--rack-wood-1));--bg-wood-rail:linear-gradient(180deg, var(--surface-wood-lit) 0%, var(--surface-wood) 46%, var(--surface-wood-edge) 100%);--bg-rack-ledge:linear-gradient(180deg, rgba(var(--shadow-ink-rgb), .12) 0%, transparent 40%, transparent 72%, rgba(var(--shadow-ink-rgb), .14) 100%);--bg-card-face:linear-gradient(165deg, var(--card-face) 0%, var(--ivory-200) 52%, var(--ivory-300) 100%);--bg-card-back:repeating-linear-gradient(45deg, #c09a3e29 0 6px, transparent 6px 12px), repeating-linear-gradient(-45deg, #c09a3e29 0 6px, transparent 6px 12px), linear-gradient(160deg, var(--card-back-1) 0%, var(--card-back-2) 100%);--bg-felt-weave:repeating-linear-gradient(45deg, #ffffff06 0 2px, #00000006 2px 4px), repeating-linear-gradient(-45deg, #ffffff05 0 2px, #00000005 2px 4px);--bg-stone:radial-gradient(120% 100% at 20% 0%, var(--stone-100) 0%, var(--stone-200) 55%, var(--stone-300) 100%);--bg-page:radial-gradient(62% 42% at 50% 0%, #ffffff61 0%, #fff0 70%), radial-gradient(112% 84% at 50% 46%, rgba(var(--shadow-ink-rgb), 0) 42%, rgba(var(--shadow-ink-rgb), .2) 100%), repeating-linear-gradient(45deg, #ffffff07 0 2px, #00000007 2px 6px), repeating-linear-gradient(-45deg, #ffffff05 0 2px, #00000005 2px 6px), var(--bg-stone);--bg-paper:radial-gradient(140% 120% at 12% 0%, var(--ivory-100) 0%, var(--ivory-200) 60%, var(--ivory-300) 100%);--bg-brass-plate:linear-gradient(160deg, var(--brass-300) 0%, var(--brass-500) 48%, var(--brass-600) 100%);--bg-brass-plaque:linear-gradient(160deg, var(--brass-200) 0%, var(--brass-300) 46%, var(--brass-500) 100%);--overlay-vignette:radial-gradient(120% 90% at 50% 45%, transparent 45%, rgba(var(--felt-shade-rgb), .42) 100%);--overlay-protect-top:linear-gradient(180deg, rgba(var(--felt-shade-rgb), .55) 0%, rgba(var(--felt-shade-rgb), 0) 100%);--overlay-protect-bottom:linear-gradient(0deg, rgba(var(--felt-shade-rgb), .62) 0%, rgba(var(--felt-shade-rgb), 0) 100%);--blur-sheet:blur(14px) saturate(1.05);--blur-scrim:blur(3px);--felt:var(--surface-table);--felt-dark:var(--surface-table-deep);--ink:var(--text-on-felt);--ink-muted:var(--text-on-felt-muted);--ink-read:var(--text-on-felt-read);--ink-dim:var(--text-on-felt-dim);--card-red:var(--suit-red);--card-black:var(--suit-black);--dialog-bg:var(--surface-sheet);--radius:var(--radius-card-face);--ui-scale:1;--card-w:calc(58px * var(--ui-scale));--card-h:calc(82px * var(--ui-scale));--card-w-deck:var(--card-w);--card-h-deck:var(--card-h);--card-w-sm:calc(38px * var(--ui-scale));--card-h-sm:calc(54px * var(--ui-scale));--play-measure:calc(var(--card-w-deck) * 7.75);--top-right-reserve:calc(max(1rem, env(safe-area-inset-right)) + 3.5rem);--card-back-1:var(--green-700);--card-back-2:var(--green-900);--tile-face-1:#fdfbf2;--tile-face-2:var(--ivory-300);--tile-ink-hearts:#b3221f;--tile-ink-diamonds:#12408f;--tile-ink-clubs:#146b3a;--tile-ink-spades:#1c2230;--tile-ink-joker:#5b21b6;--rack-wood-1:var(--wood-700);--rack-wood-2:var(--wood-600);--rack-wood-3:var(--wood-800);--rack-wood-4:var(--wood-500);--rack-border:var(--wood-900);--rack-seam:rgba(var(--shadow-ink-rgb), .34);--joker-color:#7c3aed}html[data-ui-scale=small]{--ui-scale:.85}html[data-ui-scale=medium]{--ui-scale:1}html[data-ui-scale=large]{--ui-scale:1.2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background-color:var(--felt-dark);font-size:calc(16px * var(--ui-scale))}body{font-family:var(--font-ui);background:var(--bg-felt);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-variant-numeric:lining-nums}.icon{width:var(--icon-size,1rem);height:var(--icon-size,1rem);vertical-align:-.125em;-webkit-mask:var(--icon-image) center / contain no-repeat;mask:var(--icon-image) center / contain no-repeat;-webkit-mask:var(--icon-image) center / contain no-repeat;background-color:currentColor;flex:none;display:inline-block}@media (forced-colors:active){.icon{forced-color-adjust:none;background-color:currentColor}}button{font:inherit;cursor:pointer;border-radius:var(--radius);transition:transform var(--dur-instant) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-instant) var(--ease-out);border:none}button:not(:disabled):hover{filter:brightness(1.07)}button:not(:disabled):active{transform:scale(.94)}button:disabled{cursor:default;opacity:.45}.primary,.accent,.secondary,.quiet,.ghost,.danger,.felt{justify-content:center;align-items:center;gap:var(--space-2);min-height:max(var(--control-h-md), var(--tap-min));padding:0 var(--space-4);border-radius:var(--radius-control);font-weight:var(--fw-semibold);transition:transform var(--dur-instant) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex;position:relative}a.primary,a.accent,a.secondary,a.quiet,a.ghost,a.danger,a.felt{cursor:pointer}.primary:focus-visible,.accent:focus-visible,.secondary:focus-visible,.quiet:focus-visible,.ghost:focus-visible,.danger:focus-visible,.felt:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.primary:not(:disabled):active,.accent:not(:disabled):active,.secondary:not(:disabled):active,.quiet:not(:disabled):active,.ghost:not(:disabled):active,.danger:not(:disabled):active,.felt:not(:disabled):active{transform:scale(var(--press-scale));box-shadow:var(--shadow-inset-press)}.primary:disabled,.accent:disabled,.secondary:disabled,.quiet:disabled,.ghost:disabled,.danger:disabled,.felt:disabled{opacity:1;background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:grayscale(.5)}.primary{background:var(--control-primary-bg);color:var(--control-primary-fg)}.primary:not(:disabled):hover{background:var(--control-primary-bg-hover);transform:translateY(var(--lift-hover));box-shadow:var(--control-primary-lift)}.accent{background:var(--action-accent-bg);color:var(--action-accent-fg)}.accent:not(:disabled):hover{background:var(--action-accent-bg-hover);transform:translateY(var(--lift-hover));box-shadow:var(--shadow-md)}.accent:not(:disabled):active{background:var(--action-accent-bg-press)}.secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg)}.secondary:not(:disabled):hover{background:var(--action-secondary-bg-hover);transform:translateY(var(--lift-hover));box-shadow:var(--shadow-sm)}.secondary:not(:disabled):active{background:var(--action-secondary-bg-press)}.quiet,.ghost{background:var(--control-quiet-bg);color:var(--control-quiet-fg);border:var(--border-w-hair) solid var(--control-quiet-border);font-weight:var(--fw-medium)}.quiet:not(:disabled):hover,.ghost:not(:disabled):hover{background:var(--control-quiet-bg-hover)}.danger{background:var(--control-danger-bg);color:var(--control-danger-fg)}.danger:not(:disabled):hover{background:var(--control-danger-bg-hover);transform:translateY(var(--lift-hover));box-shadow:var(--shadow-sm)}.felt{background:var(--fill-on-felt);color:var(--text-on-felt);font-weight:var(--fw-medium)}.felt:not(:disabled):hover{background:#fff3}.btn-sm{min-height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-body-s)}.btn-sm:before{content:"";inset:calc((var(--tap-min) - 100%) / -2) min(0px, calc((var(--tap-min) - 100%) / -2));position:absolute}.btn-lg{min-height:max(var(--control-h-lg), var(--tap-min));padding:0 var(--space-6);font-size:var(--text-body-l)}.btn-block{width:100%;display:flex}.btn-iconic{min-width:max(var(--control-h-md), var(--tap-min));padding:0}.btn-iconic.btn-sm{min-width:var(--control-h-sm)}.btn-iconic.btn-lg{min-width:max(var(--control-h-lg), var(--tap-min))}.surface{border-radius:var(--radius-lg);padding:var(--space-4)}.surface-paper{background:var(--bg-paper);color:var(--text-body);box-shadow:var(--shadow-sm)}.surface-raised{background:var(--surface-card);color:var(--text-body);box-shadow:var(--shadow-md)}.surface-quiet{background:var(--surface-card-quiet);color:var(--text-body);border:var(--border-w-hair) solid var(--border-hairline)}.surface-felt{background-color:var(--surface-table);background-image:var(--bg-felt-weave), var(--bg-felt);color:var(--text-on-felt);box-shadow:var(--shadow-inset-felt)}.surface-wood{background-image:var(--bg-wood);color:var(--text-on-wood);box-shadow:var(--shadow-md)}.surface-interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.surface-interactive:hover{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-card-lift)}.surface-interactive:active{transform:scale(var(--press-scale));box-shadow:var(--shadow-inset-press)}.surface-interactive:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.display-xl{font-family:var(--font-display);font-size:var(--text-display-xl);line-height:var(--lh-display-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight)}.display-l{font-family:var(--font-display);font-size:var(--text-display-l);line-height:var(--lh-display-l);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.display-m{font-family:var(--font-display);font-size:var(--text-display-m);line-height:var(--lh-display-m);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug)}.title-l{font-family:var(--font-display);font-size:var(--text-title-l);line-height:var(--lh-title-l);font-weight:var(--fw-bold)}.title-m{font-family:var(--font-display);font-size:var(--text-title-m);line-height:var(--lh-title-m);font-weight:var(--fw-bold)}.title-s{font-family:var(--font-ui);font-size:var(--text-title-s);line-height:var(--lh-title-s);font-weight:var(--fw-semibold)}.body-l{font-size:var(--text-body-l);line-height:var(--lh-body-l)}.body-m{font-size:var(--text-body-m);line-height:var(--lh-body-m)}.body-s{font-size:var(--text-body-s);line-height:var(--lh-body-s)}.label{font-size:var(--text-label);line-height:var(--lh-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide)}.caption{font-size:var(--text-caption);line-height:var(--lh-caption)}.overline{font-size:var(--text-overline);line-height:var(--lh-overline);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--overline-ink)}.overline-felt{font-size:var(--text-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--ink-muted)}.num{font-variant-numeric:tabular-nums lining-nums}@keyframes screen-in{0%{opacity:0;transform:translateY(.625rem)}}.screen-in{animation:screen-in var(--dur-base) var(--ease-out) both}@keyframes sheet-up{0%{opacity:.4;transform:translateY(1.625rem)}}.sheet-up{animation:sheet-up var(--dur-slow) var(--ease-settle) both}.is-leaving{pointer-events:none}@keyframes overlay-out{to{opacity:0}}.overlay.is-leaving{animation:overlay-out var(--dur-exit) var(--ease-out) both}@keyframes pop-out{to{opacity:0;transform:scale(.96)}}.dialog.is-leaving{animation:pop-out var(--dur-exit) var(--ease-out) both}@keyframes sheet-down{to{opacity:0;transform:translateY(1.625rem)}}.sheet-up.is-leaving{animation:sheet-down var(--dur-exit) var(--ease-out) both}.chrome-screen,.sheet-screen,.menu-screen,.games-page,.settings-sheet,.on-paper,.surface-paper,.surface-raised,.surface-quiet{--ink:var(--text-strong);--ink-muted:var(--text-muted);--ink-dim:var(--text-faint);--fill-on-felt:var(--surface-card);--control-primary-lift:var(--shadow-md);--control-quiet-fg:var(--text-body);--control-quiet-bg:var(--surface-card);--control-quiet-bg-hover:var(--surface-sunken);--control-quiet-border:var(--border-default);--control-disabled-bg:var(--surface-sunken);--control-disabled-fg:var(--text-faint);--control-field-bg:var(--surface-card);--control-field-border:var(--border-default);--control-field-fg:var(--text-strong);--control-field-label:var(--text-muted);--control-field-placeholder:var(--text-faint);--control-danger-ink:var(--danger-fg);--control-danger-wash:var(--danger-bg);--control-danger-line:var(--danger-border);--control-danger-wash-ink:var(--status-ink-strong);--control-badge-neutral:var(--text-body);--control-badge-neutral-wash:var(--surface-sunken);--control-badge-ink:var(--ivory-100);--control-tag-bg:var(--surface-card);--control-tag-fg:var(--text-body);--control-tag-border:var(--border-default);--control-tag-border-hover:var(--border-strong);--control-tag-bg-selected:var(--green-600);--control-tag-fg-selected:var(--ivory-100);--overline-ink:var(--overline-ink-paper)}.on-paper,.on-felt{color:var(--ink)}.on-felt,.surface-felt,.panel-felt,.surface-wood,.dialog{--ink:var(--text-on-felt);--ink-muted:var(--text-on-felt-muted);--ink-dim:var(--text-on-felt-dim);--fill-on-felt:#ffffff1f;--control-primary-bg:var(--accent);--control-primary-bg-hover:var(--accent);--control-primary-fg:var(--accent-ink);--control-primary-lift:var(--shadow-brass-lift);--control-quiet-fg:var(--text-on-felt);--control-quiet-bg:var(--fill-on-felt);--control-quiet-bg-hover:#fff3;--control-quiet-border:#ffffff2e;--control-danger-ink:var(--danger);--control-danger-wash:var(--danger-felt-bg);--control-danger-line:var(--danger-felt-border);--control-danger-wash-ink:var(--text-on-felt);--control-disabled-bg:#ffffff12;--control-disabled-fg:var(--text-on-felt-dim);--control-field-bg:#ffffff1a;--control-field-border:#ffffff26;--control-field-fg:var(--text-on-felt);--control-field-label:var(--text-on-felt-muted);--control-field-placeholder:var(--text-on-felt-muted);--control-badge-neutral:var(--text-on-felt-muted);--control-badge-brand:var(--green-200);--control-badge-accent:var(--accent);--control-badge-success:var(--good);--control-badge-warning:var(--brass-300);--control-badge-danger:var(--danger);--control-badge-info:var(--teal-100);--control-badge-ink:var(--green-950);--control-badge-neutral-wash:color-mix(in srgb, var(--text-on-felt-muted) 16%, transparent);--control-tag-bg:var(--fill-on-felt);--control-tag-fg:var(--text-on-felt);--control-tag-border:transparent;--control-tag-border-hover:var(--text-on-felt-muted);--control-tag-bg-selected:var(--text-on-felt);--control-tag-fg-selected:var(--surface-table-deep);--overline-ink:var(--overline-ink-felt)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--fw-semibold);white-space:nowrap;color:var(--badge-hue,var(--control-badge-neutral));background:var(--badge-wash,color-mix(in srgb, var(--badge-hue,var(--control-badge-neutral)) 16%, transparent));line-height:1.4;display:inline-flex}.badge-neutral{--badge-hue:var(--control-badge-neutral);--badge-wash:var(--control-badge-neutral-wash)}.badge-brand{--badge-hue:var(--control-badge-brand)}.badge-accent{--badge-hue:var(--control-badge-accent)}.badge-success{--badge-hue:var(--control-badge-success)}.badge-warning{--badge-hue:var(--control-badge-warning)}.badge-danger{--badge-hue:var(--control-badge-danger)}.badge-info{--badge-hue:var(--control-badge-info)}.badge-solid{color:var(--control-badge-ink);background:var(--badge-hue,var(--control-badge-neutral))}.badge-outline{border:var(--border-w-hair) solid color-mix(in srgb, var(--badge-hue,var(--control-badge-neutral)) 45%, transparent);background:0 0}.badge-dot:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.5em;height:.5em}.field,.support-field{gap:var(--space-1);flex-direction:column;display:flex}.field-label,.support-field{font-size:var(--text-body-s);font-weight:var(--fw-medium);color:var(--control-field-label)}.field-control,.support-field input,.support-field textarea,.support-field select{align-items:center;gap:var(--space-2);min-height:max(var(--control-h-md), var(--tap-min));font:inherit;color:var(--control-field-fg);background:var(--control-field-bg);border:var(--border-w-hair) solid var(--control-field-border);border-radius:var(--radius-control);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 .875rem;display:flex}.support-field textarea,textarea.field-control{padding:var(--space-2) .875rem;resize:vertical;line-height:1.5;display:block}.field-control::placeholder,.support-field input::placeholder,.support-field textarea::placeholder{color:var(--control-field-placeholder)}.field-control:focus-visible,.support-field input:focus-visible,.support-field textarea:focus-visible,.support-field select:focus-visible{border-color:var(--control-field-border-focus);box-shadow:var(--ring-focus);outline:none}.field-control[aria-invalid=true],.support-field input[aria-invalid=true],.support-field textarea[aria-invalid=true],.support-field select[aria-invalid=true]{color:var(--control-danger-wash-ink);border-color:var(--control-danger-line);background:var(--control-danger-wash)}.field-note{font-size:var(--text-body-s);color:var(--control-field-label);margin:0}.field-note-error,.support-error,.status-error{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-body-s);color:var(--control-danger-ink);background:var(--control-danger-wash);margin:0}select.field-control,.support-field select{appearance:none;padding-right:var(--space-8);background-image:url(/icons/chevron-down.svg);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem}.support-field input[type=checkbox],.support-field input[type=radio],.settings-check input[type=checkbox],.consent-category input[type=checkbox]{accent-color:var(--control-field-border-focus);min-width:var(--space-5);min-height:var(--space-5)}.settings-check{align-items:center;gap:var(--space-3);min-height:max(var(--control-h-md), var(--tap-min));cursor:pointer;display:flex}.score-dropdown-chevron{transition:transform var(--dur-fast) var(--ease-out)}.score-dropdown-chevron[data-open=true]{transform:rotate(180deg)}.settings-fab,.notif-bell-button,.panel-close,.how-to-toggle,.game-star,.score-dropdown-toggle{min-width:max(var(--control-h-md), var(--tap-min));min-height:max(var(--control-h-md), var(--tap-min));justify-content:center;align-items:center;display:inline-flex}.restriction-notice{border-radius:var(--radius-md);border:var(--border-w-hair) solid var(--warning-border);border-left:var(--border-w-rail) solid var(--warning-fg);background:var(--warning-bg);color:var(--status-ink);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.4rem;padding:.7rem .9rem;display:flex}.restriction-title{font-size:var(--text-title-s);color:var(--status-ink-strong);margin:0}.restriction-notice p{margin:0}.restriction-notice .status-error{color:var(--danger-fg)}.restriction-notice .muted{color:var(--status-ink-muted)}.restriction-notice .chip{background:var(--action-primary-bg);color:var(--action-primary-fg);border-radius:var(--radius-pill);font-weight:var(--fw-semibold);text-decoration:none}.restriction-notice .chip:hover{background:var(--action-primary-bg-hover)}.option-picker{flex-wrap:wrap;gap:.5rem;display:flex}.quick-play{flex-direction:column;gap:.5rem;display:flex}.option-label{font-size:var(--text-label);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0}.chip{justify-content:center;align-items:center;gap:var(--space-2);min-height:max(var(--control-h-md), var(--tap-min));padding:0 var(--space-4);border:var(--border-w-hair) solid var(--control-tag-border);border-radius:var(--radius-pill);background:var(--control-tag-bg);color:var(--control-tag-fg);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);display:inline-flex}.chip:not(:disabled):hover{border-color:var(--control-tag-border-hover)}.chip:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.chip-active{background:var(--control-tag-bg-selected);color:var(--control-tag-fg-selected);border-color:var(--control-tag-bg-selected);font-weight:var(--fw-semibold)}.chip:disabled{opacity:1;background:var(--control-disabled-bg);color:var(--control-disabled-fg);filter:grayscale(.5);border-color:#0000}.room-chips{flex-wrap:wrap;align-items:baseline;gap:.2rem .35rem;min-width:0;display:inline-flex}.room-chip{font-size:var(--text-body-s);font-weight:var(--fw-semibold);border-radius:var(--radius);color:var(--control-badge-neutral);background:var(--control-badge-neutral-wash);overflow-wrap:anywhere;padding:.1rem .45rem}.room-chip[data-knob=variant]{color:var(--ink);background:var(--control-badge-neutral-wash)}.chrome-screen{background-color:var(--surface-app);background-image:var(--bg-stone);color:var(--text-body)}:is(html:has(.chrome-screen),html:has(.sheet-screen)){background-color:var(--surface-app)}.chrome-screen :focus-visible,.sheet-screen :focus-visible,.settings-sheet :focus-visible{outline:var(--focus-ring-w) solid var(--text-strong);outline-offset:2px}.chrome-screen .legal-link,.sheet-screen .legal-link,.chrome-screen .legal-body a,.sheet-screen .legal-body a{color:var(--text-strong);text-underline-offset:3px;text-decoration:underline}.chrome-screen .notif-bell-button{border:var(--border-w-hair) solid var(--border-hairline);background:var(--surface-card);color:var(--text-strong)}.game{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex;position:relative}.topbar{align-items:center;gap:var(--space-2);padding:.45rem .75rem;padding-top:max(.45rem, env(safe-area-inset-top));background:var(--overlay-protect-top);display:flex;position:relative}@media (width<=480px){.topbar{padding-left:.5rem;padding-right:.5rem}}.avatar{border-radius:50%;flex:none;display:block}.score-history{--score-history-rule:var(--border-w-hair) solid var(--fill-on-felt);border-collapse:collapse;white-space:nowrap;width:100%}.score-history th,.score-history td{padding:var(--space-1) var(--space-2);text-align:right}.score-history thead th,.score-history tbody th,.score-history tfoot th{text-align:left;color:var(--ink-muted);font-weight:var(--fw-semibold)}.score-history thead th{background:var(--score-history-head-bg,var(--dialog-bg));position:sticky;top:0}.score-history tbody tr{border-top:var(--score-history-rule)}.score-history-running{color:var(--ink-muted);margin-left:.35rem}.score-history-provisional{color:var(--accent);font-weight:var(--fw-bold)}.score-history tfoot th,.score-history tfoot td{border-top:var(--border-w-thick) solid var(--fill-on-felt);font-weight:var(--fw-bold)}@keyframes sheet-in{0%{transform:translateY(100%)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table{min-height:0;padding:var(--border-w-rail);border-radius:var(--radius-table);background:var(--bg-wood-rail);box-shadow:var(--shadow-table);flex:1;margin:0 .5rem;display:flex}.table-felt{border-radius:var(--radius-table-felt);background:var(--bg-felt-weave), var(--overlay-vignette), var(--bg-felt);min-width:0;min-height:0;box-shadow:var(--shadow-inset-felt);flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:.9rem;display:flex;overflow-y:auto}.meld-lane{border:var(--border-w-hair) dashed var(--border-on-felt);border-radius:var(--radius-md);background-color:rgba(var(--felt-shade-rgb), .24);width:100%;min-width:0;min-height:0;transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;flex:auto;padding:.4375rem .5625rem;display:flex;position:relative}.meld-lane-body{pointer-events:none;z-index:1;flex:auto;min-height:0;position:relative;overflow:clip}.meld-page{transition:transform var(--dur-base) var(--ease-out);grid-auto-rows:max-content;align-content:start;gap:.35rem;display:grid}.status-line{text-align:center;background:rgba(var(--felt-shade-rgb), .62);border-radius:var(--radius-pill);flex:none;max-width:94%;min-height:1.4rem;padding:.4rem 1.2rem;font-size:.88rem}.status-error{font-weight:var(--fw-semibold)}.dock{background:var(--overlay-protect-bottom);padding:.6rem .75rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom));flex-direction:column;gap:.6rem;display:flex}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card-face);background:var(--bg-card-face);color:var(--card-black);border:var(--border-w-hair) solid var(--border-card-face);box-shadow:var(--shadow-card-rest);font-family:var(--font-rank);font-variant-numeric:lining-nums tabular-nums;outline-color:var(--focus-ring);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.card:before{content:"";border-radius:var(--radius-xs);pointer-events:none;border:1px solid #1c223017;position:absolute;inset:3px}.card-small{width:var(--card-w-sm);height:var(--card-h-sm);border-radius:calc(var(--radius-card-face) * .6)}.card-small:before{border-radius:var(--radius-xs);inset:2px}.card-red{color:var(--card-red)}.card-joker{color:var(--joker-color)}.card-corner{letter-spacing:-.02em;text-align:center;font-size:.72rem;font-weight:700;line-height:.9;position:absolute;top:4px;left:5px}.card-corner-br{inset:auto 5px 4px auto;transform:rotate(180deg)}.card-small .card-corner{font-size:.56rem}.card-center{font-size:1.6rem}.card-small .card-center{font-size:1.05rem}.card-center-num{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.card-center-rank{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.card-center-suit{font-size:.8rem}.card-small .card-center-rank{font-size:.9rem}.card-small .card-center-suit{font-size:.55rem}.card-center-joker{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.card-joker-star{background:linear-gradient(135deg,#8b5cf6,#d946ef 55%,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.card-joker-word{letter-spacing:.18em;margin-right:-.18em;font-size:.45rem;font-weight:800}.card-small .card-joker-star{font-size:1rem}.card-small .card-joker-word{letter-spacing:.1em;margin-right:-.1em;font-size:.4rem}.card-selected{outline:3px solid var(--select-ring);transform:translateY(-8px)}.card:focus-visible{outline-offset:3px;outline-width:6px;outline-style:double}button.card{transition:transform var(--dur-fast) var(--ease-settle), box-shadow var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out), opacity var(--dur-base) var(--ease-out);touch-action:pinch-zoom}button.card:not(:disabled):hover{box-shadow:var(--shadow-card-lift);transform:translateY(-4px)}button.card.card-selected:not(:disabled):hover{transform:translateY(-10px)}.card-dragging{opacity:.25}.card-dimmed{opacity:.5;filter:saturate(.55)}.fan-slot .card.card-playable{box-shadow:var(--ring-brass-hair), var(--shadow-fan-rest)}.fan-slot .card.card-playable:not(.card-selected){transform:translateY(-8px)}.card-back{background:var(--bg-card-back);border-color:var(--green-950);color:var(--card-back-motif)}.card-back:before{inset:calc(var(--card-w) * .0625);border-radius:calc(var(--radius-card-face) * .7);border-color:#c09a3e6b}.card-small.card-back:before{inset:calc(var(--card-w-sm) * .0625)}.card-back-mark{font-family:var(--font-display);font-size:calc(var(--card-h) * .162);font-weight:var(--fw-bold);letter-spacing:.14em;color:var(--card-back-motif);pointer-events:none;text-indent:.14em;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.card-small .card-back-mark{font-size:calc(var(--card-h-sm) * .162)}.card-count{font-family:var(--font-ui);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);background:#0009;padding:.1rem .5rem;font-size:.8rem;font-weight:700;position:relative}.card-mark{background:var(--accent);width:.5rem;height:.5rem;box-shadow:var(--ring-hairline);border-radius:50%;position:absolute;top:.3125rem;right:.375rem}.card-mark-star{color:var(--accent);text-shadow:0 0 3px #00000073,0 1px 1px #00000059;pointer-events:none;font-size:.85rem;line-height:1;position:absolute;top:1px;right:3px}.card-small .card-mark-star{font-size:.62rem;right:2px}.card-tile{background:linear-gradient(180deg, var(--ivory-100), var(--tile-face) 55%, var(--tile-face-2));color:var(--tile-ink-spades);border:var(--border-w-hair) solid var(--tile-edge);border-bottom-color:var(--wood-300);border-radius:var(--radius-tile);box-shadow:var(--shadow-tile)}.card-tile:before{content:none}.card-tile.card-suit-hearts{color:var(--tile-ink-hearts)}.card-tile.card-suit-diamonds{color:var(--tile-ink-diamonds)}.card-tile.card-suit-clubs{color:var(--tile-ink-clubs)}.card-tile.card-suit-spades{color:var(--tile-ink-spades)}.card-tile.card-joker{color:var(--tile-ink-joker)}.card-tile .card-corner{display:none}.card-tile .card-center-rank{font-size:calc(var(--card-w) * .55);font-variant-numeric:tabular-nums;line-height:1}.card-tile .card-center-suit{inline-size:calc(var(--card-w) * .17);aspect-ratio:1;background:currentColor;border-radius:50%;flex:none;font-size:0}.card-tile .card-center-num{gap:calc(var(--card-w) * .07)}.card-tile.card-small .card-center-rank{font-size:calc(var(--card-w-sm) * .55)}.card-tile.card-small .card-center-suit{inline-size:calc(var(--card-w-sm) * .17)}.card-tile.card-small .card-center-num{gap:calc(var(--card-w-sm) * .07)}.card-tile .card-joker-star{font-size:calc(var(--card-w) * .45);color:var(--tile-ink-joker);background:0 0}.card-tile.card-small .card-joker-star{font-size:calc(var(--card-w-sm) * .45)}.card-tile.card-small .card-joker-word{font-size:calc(var(--card-w-sm) * .17)}.card-tile.card-back{background:linear-gradient(180deg, var(--ivory-100), var(--tile-face) 55%, var(--tile-face-2));color:var(--text-on-felt)}.overlay{background:var(--surface-scrim);padding:1rem;display:flex;position:fixed;inset:0;overflow:auto}.overlay>*{margin:auto}.dialog{background:var(--dialog-bg);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:var(--chrome-w-sm);text-align:center;flex-direction:column;gap:.9rem;padding:1.5rem;display:flex}.dialog h2{margin:0;font-size:1.25rem}.dialog-actions{justify-content:center;gap:.6rem;display:flex}.scores{border-collapse:collapse;width:100%}.scores td{text-align:left;border-bottom:1px solid #ffffff1f;padding:.35rem .5rem}.scores td:last-child{text-align:right}.scores-delta{color:var(--ink-muted);margin-right:.5rem;font-size:.85rem;font-weight:700}.scores-delta[data-delta=loss]{color:var(--danger)}.scores-delta-zero{color:var(--ink-muted)}.muted{color:var(--ink-muted);margin:0}@keyframes deal-in{0%{opacity:0;transform:translateY(32px)rotate(4deg)scale(.6)}}@keyframes pop-in{0%{opacity:.3;transform:scale(1.25)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.9)}}@keyframes glow{50%{opacity:1}}.pop-wrap{animation:pop-in var(--dur-base) var(--ease-pop);display:inline-flex}.shake{animation:shake var(--dur-slow) var(--ease-in-out);display:inline-block}.drag-ghost{top:calc(var(--card-h) / -2);left:calc(var(--card-w) / -2);z-index:50;pointer-events:none;filter:drop-shadow(0 10px 18px #00000080);position:fixed}.drag-ghost-returning{transition:transform var(--dur-base) var(--ease-deal)}.drag-ghost .card{animation:ghost-lift var(--dur-fast) var(--ease-settle);transform:scale(1.08)rotate(3deg)}@keyframes ghost-lift{0%{transform:scale(1)rotate(0)}}.drag-ghost-returning .card{transition:transform var(--dur-base) var(--ease-settle);animation:none;transform:none}.drop-ready{outline:var(--border-w-thick) solid rgba(var(--accent-rgb), .75);outline-offset:3px;border-radius:var(--radius);position:relative}.drop-ready:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--ring-brass-wide);opacity:.6;animation:glow var(--dur-breath) var(--ease-in-out) infinite;position:absolute;inset:0}.drop-hover{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius);transform:scale(1.06)}.toast{background:var(--surface-inverse);color:var(--text-on-felt);border:var(--border-w-hair) solid var(--border-on-felt);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-base) var(--ease-pop);z-index:40;padding:.6rem 1.4rem;position:fixed;top:14%;left:50%;transform:translate(-50%)}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-18px)scale(.9)}}.toast.is-leaving{animation:toast-out var(--dur-exit) var(--ease-out) both}.overlay{animation:overlay-in var(--dur-base) var(--ease-out)}.dialog{animation:pop-in var(--dur-base) var(--ease-pop)}@keyframes overlay-in{0%{opacity:0}}.variant-picker{flex-direction:column;gap:.5rem;display:flex}.variant{text-align:left;background:var(--fill-on-felt);color:var(--ink);border:var(--border-w-thick) solid transparent;border-radius:var(--radius-control);flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .9rem;display:flex}.variant-active{border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.variant-name{font-weight:700}.variant-tagline{color:var(--ink-muted);font-size:.8rem}.opening-progress{border-radius:var(--radius-pill);background:#0006;height:.3125rem;display:block;overflow:hidden}.opening-progress-fill{background:var(--accent);width:100%;height:100%;transform:scaleX(var(--opening-fill,0));transform-origin:0;transition:transform var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);display:block}.opening-progress-full .opening-progress-fill{background:var(--good)}.opening-flash{animation:opening-flash var(--dur-breath) var(--ease-in-out)}@keyframes opening-flash{35%{box-shadow:var(--glow-open);filter:brightness(1.35)}}.open-btn{flex-direction:column;align-items:stretch;gap:.3rem;display:flex}.open-btn .opening-progress{background:#20150347}.open-btn .opening-progress-fill{background:#201503a6}.open-btn .opening-progress-full .opening-progress-fill{background:#0f6b3a}@media (prefers-contrast:more){body{--border-hairline:var(--border-default);--border-on-felt:rgba(var(--felt-shade-rgb), .6);--focus-ring-w:5px}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-deal:1ms;--dur-breath:1ms;--dur-ambient:1ms;--dur-exit:1ms;--stagger-card:1ms;--stagger-row:1ms;--stagger-tile:1ms;--lift-card-hover:-4px}*,:before,:after{transition-duration:var(--dur-instant)!important;scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.trick-area{justify-content:center;align-items:center;gap:var(--space-1);min-height:calc(var(--card-h) + 5rem);--trick-hang:var(--space-5);--trick-lift:.4rem;min-width:min(26rem,100%);max-width:100%;padding:calc(var(--trick-hang) + var(--trick-lift)) var(--space-4) var(--space-3);flex-direction:column;display:flex;position:relative}.trick-plays{justify-content:center;align-items:center;max-width:100%;display:flex}.trick-play{align-items:center;gap:var(--space-1);width:var(--card-w);transform:rotate(var(--trick-rot,0deg)) translateY(var(--trick-y,0));flex-direction:column;display:flex;position:relative}.trick-area .pop-wrap{animation-duration:var(--dur-base);animation-timing-function:var(--ease-deal)}.trick-crown{top:calc(var(--trick-hang) * -1);z-index:31;color:var(--text-on-brass);background:var(--bg-brass-plate);border-radius:var(--radius-pill);box-shadow:var(--shadow-brass-glow);animation:pop-in var(--dur-base) var(--ease-settle);pointer-events:none;justify-content:center;align-items:center;padding:.2rem .4rem;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.trick-cut{top:calc(var(--space-1) * -1);left:calc(var(--space-2) * -1);z-index:31;min-width:1.35rem;font-weight:var(--fw-bold);color:var(--ink);background:var(--surface-table-edge);border:var(--border-w-hair) solid var(--ink-muted);border-radius:var(--radius-pill);box-shadow:var(--shadow-card-rest);animation:pop-in var(--dur-base) var(--ease-settle);pointer-events:none;justify-content:center;align-items:center;padding:.1rem .3rem;line-height:1;display:inline-flex;position:absolute}.trick-play+.trick-play{margin-left:calc(var(--card-w) * -15 / 29)}.trick-play:nth-child(odd){--trick-rot:-4deg}.trick-play:nth-child(2n){--trick-rot:3.5deg;--trick-y:.1875rem}.trick-play.trick-play-cut{--trick-y:calc(var(--trick-lift) * -1)}.trick-names{justify-content:center;align-items:center;gap:var(--space-1);flex-flow:row;max-width:100%;display:flex}.trick-tag{min-width:0;color:var(--ink-muted);background:var(--surface-table-edge);border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;padding:.1rem .45rem;overflow:hidden}.trick-tag-cut{color:var(--ink);font-weight:var(--fw-bold)}.trick-meta{gap:var(--space-3);color:var(--ink-muted);background:var(--surface-plate-on-felt);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-pill);padding:.1rem .55rem;display:flex}.screen-loading{height:100%;color:var(--ink-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.game-picker{gap:.5rem;display:flex}.game-picker .variant{flex:1}.game-picker .variant:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-shell{height:100%;display:flex}.game{flex:1;min-width:0}.side-panel{width:320px;padding:.75rem;padding-top:max(.75rem, env(safe-area-inset-top));background:rgba(var(--felt-shade-rgb), .55);border-left:var(--border-w-hair) solid var(--border-on-felt);box-shadow:var(--shadow-drawer);flex-direction:column;flex:none;gap:.5rem;display:flex;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;min-height:1.6rem;font-weight:700;display:flex}.panel-close{padding:.3rem .6rem;display:none}.panel-toggle{display:none}.panel-body{flex:1;min-height:0;display:flex}.chat-box{gap:var(--space-2);min-width:0;min-height:0;padding:var(--space-3);background:var(--fill-on-felt);border-radius:var(--radius);flex-direction:column;flex:1;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.55rem;min-height:4rem;padding:.25rem 0;display:flex;overflow-y:auto}.chat-messages:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.chat-system{color:var(--ink-muted);text-align:center;margin:0;font-size:.8rem}.chat-line{align-items:flex-start;gap:.5rem;display:flex}.chat-line-me{flex-direction:row-reverse}.chat-bubble{border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff14;padding:.4rem .65rem;font-size:.9rem}.chat-line-me .chat-bubble{background:#f4b9422e}.chat-author{color:var(--ink-muted);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.chat-form{align-items:start;gap:var(--space-2);flex:none;display:flex;position:relative}.chat-unavailable{min-width:0;color:var(--text-on-felt-muted);flex:auto;align-self:center;margin:0;font-size:.8rem}.chat-compose{flex:auto;min-width:0;display:flex;position:relative}.chat-input{flex:auto;min-width:0;max-height:7rem;display:grid;overflow-y:auto}.chat-input:after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap}.chat-input>textarea,.chat-input:after{box-sizing:border-box;font:inherit;padding:.5rem .7rem;border:var(--border-w-hair) solid #ffffff26;border-radius:var(--radius);overflow-wrap:anywhere;min-height:var(--tap-min);grid-area:1/1/2/2;padding-inline-end:calc(var(--control-h-sm) + var(--space-2));line-height:1.35}.chat-input>textarea{color:var(--ink);resize:none;background:#ffffff1a;overflow:hidden}.chat-input>textarea::placeholder{color:var(--ink-muted)}.chat-send{color:inherit;background:0 0;border-color:#0000;position:absolute;inset-block-start:calc((var(--tap-min) - var(--control-h-sm)) / 2);inset-inline-end:var(--space-1)}.chat-send:disabled{color:var(--control-disabled-fg);background:0 0}.chat-send:not(:disabled):hover{background:var(--control-quiet-bg-hover)}.react-menu-toggle{flex:none}@media (width<=900px){.panel-toggle{display:inline-flex}.side-panel{top:calc(env(safe-area-inset-top,0px) + var(--hud-h) + var(--space-1));max-height:min(66dvh,32rem);width:min(21rem, calc(100% - var(--space-4)));z-index:70;border-radius:var(--radius-lg);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-2) * -1));transition:opacity var(--dur-exit) var(--ease-out), transform var(--dur-exit) var(--ease-out), visibility var(--dur-exit) var(--ease-out);box-shadow:var(--shadow-drawer);background:var(--surface-sheet);border-left:none;position:fixed;right:0}.side-panel-open{opacity:1;visibility:visible;transition:opacity var(--dur-base) var(--ease-pop), transform var(--dur-base) var(--ease-pop), visibility var(--dur-base) var(--ease-pop);transform:none}.panel-close{display:inline-flex}}.fly{display:inline-flex}.fly-live{z-index:30;will-change:transform;position:relative}.fan{--hand-card-grow:1.18;--card-w:calc(var(--card-w-deck) * var(--hand-card-grow));--card-h:calc(var(--card-h-deck) * var(--hand-card-grow));width:min(100%,720px);height:calc(var(--card-h) + 3.375rem);margin:0 auto;position:relative;container-type:inline-size}.fan-slot{bottom:4px;left:calc(50% - var(--card-w) / 2);z-index:var(--fan-z,0);transform:translate(var(--fan-x,0px), var(--fan-y,0px)) rotate(var(--fan-rot,0deg));transform-origin:50% 90%;transition:transform var(--dur-base) var(--ease-deal);position:absolute}.fan-slot:hover{z-index:60}.fan-slot:has(.card:focus-visible){z-index:60}.fan-slot .card{box-shadow:var(--shadow-fan-rest)}.fan-slot .fly:not(.fly-live) .card{animation:deal-in var(--dur-base) var(--ease-pop) backwards;animation-delay:var(--deal-delay,0s)}.fan-slot:hover .card:not(:disabled){box-shadow:var(--shadow-fan-lift);transform:translateY(-16px)scale(1.05)}.fan-slot .card-selected,.fan-slot:hover .card-selected:not(:disabled){transform:translateY(-20px)}.fan-slot .card-dragging{opacity:.25}.fan-slot.drop-hover{transform:translate(var(--fan-x,0px), calc(var(--fan-y,0px) - 10px)) rotate(var(--fan-rot,0deg));outline:none}.fan-slot.drop-hover .card{outline:3px dashed var(--accent)}.fan-empty{color:var(--ink-muted);place-items:center;margin:0;display:grid;position:absolute;inset:0}.tile-board{--tile-w-max:max(var(--card-w-deck), min(calc(var(--card-w-deck) * 1.4), 9.5dvh));--tile-gap:0px;--hold-spread:.2;--hold-track-full:calc(1 + var(--hold-spread));--board-hold:0;--tile-label-h:calc(var(--text-caption) * var(--lh-caption) + var(--space-3));width:min(100%,60rem);max-width:calc(var(--tile-w-max) * (var(--tile-cols) + var(--board-hold)) + var(--tile-cols) * var(--tile-gap) + 2 * var(--space-1) + 2 * var(--border-w-hair));padding:var(--space-1);border:var(--border-w-hair) solid var(--rack-border);border-inline-width:var(--border-w-thick);border-radius:var(--radius-md);background:var(--bg-wood);box-shadow:var(--shadow-rack-rail);flex-direction:column;gap:0;margin:0 auto;display:flex;position:relative;container:tiles/inline-size}.tile-board-held{--board-hold:var(--hold-track-full)}.tile-row{--card-w:min(var(--tile-w-max), calc((100cqw - var(--tile-cols) * var(--tile-gap)) / (var(--tile-cols) + var(--hold-track,0))));--card-h:calc(var(--card-w) * 82 / 58);grid-template-columns:repeat(var(--tile-cols), 1fr);grid-template-rows:var(--tile-label-h) var(--card-h);column-gap:var(--tile-gap);padding-bottom:var(--space-1);border-bottom:var(--border-w-hair) solid var(--rack-seam);background:var(--bg-rack-ledge);display:grid}.tile-row:last-child{border-bottom:none}.tile-row-held{--hold-track:var(--hold-track-full);grid-template-columns:repeat(var(--tile-cols), 1fr) calc(var(--card-w) * var(--hold-track))}.tile-slot{z-index:0;transition:transform var(--dur-base) var(--ease-deal);grid-row:2;justify-content:center;place-self:stretch stretch;align-items:flex-end;display:flex;position:relative}.tile-slot-empty:before{content:"";opacity:0;border-radius:var(--radius-tile);box-shadow:var(--shadow-inset-press);transition:opacity var(--dur-fast) var(--ease-out);pointer-events:none;position:absolute;inset:0}.tile-board:has(.card-dragging) .tile-slot-empty:before{opacity:1}.tile-slot:hover{z-index:60}.tile-slot:has(.card:focus-visible){z-index:60}.tile-slot .fly:not(.fly-live) .card,.tile-hold .fly:not(.fly-live) .card{animation:deal-in var(--dur-base) var(--ease-pop) backwards;animation-delay:var(--deal-delay,0s)}.tile-slot:hover .card:not(:disabled),.tile-held:hover .card:not(:disabled){transform:translateY(var(--lift-card-hover));box-shadow:var(--shadow-card-lift)}.tile-slot .card-selected,.tile-slot:hover .card-selected:not(:disabled),.tile-held .card-selected,.tile-held:hover .card-selected:not(:disabled){transform:translateY(-14px)}.tile-slot .card-dragging,.tile-held .card-dragging{opacity:.25}.tile-slot.drop-hover{outline:none;transform:translateY(-6px)}.tile-slot.drop-hover .card{outline:3px solid var(--accent)}.tile-place{background:rgba(var(--accent-rgb), .12);border:var(--border-w-hair) solid rgba(var(--accent-rgb), .5);border-radius:var(--radius-tile);padding:0;position:absolute;inset:0}.tile-place:hover,.tile-place:focus-visible{background:rgba(var(--accent-rgb), .22)}.tile-hold{border-radius:var(--radius-tile);box-shadow:var(--shadow-inset-felt);grid-row:1/-1;place-self:stretch stretch;position:relative}.tile-hold-empty:before{content:"";inset:var(--space-1);border:var(--border-w-thick) dashed var(--line-hold);border-radius:var(--radius-tile);pointer-events:none;position:absolute}.tile-held{z-index:1;translate:calc(var(--card-w) * var(--hold-spread) * var(--hold-i) / max(1, var(--hold-n) - 1));transition:translate var(--dur-base) var(--ease-deal);position:absolute;bottom:0;left:0}.tile-held-top{z-index:3}.tile-held:hover{z-index:4}.tile-hold-count{z-index:2;top:0;right:var(--space-1);font-size:var(--text-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);color:var(--text-hold);pointer-events:none;position:absolute}.tile-hold-action{z-index:2;background:rgba(var(--accent-rgb), .12);border-radius:var(--radius-tile);border:none;padding:0;position:absolute;inset:0}.tile-hold-action:hover,.tile-hold-action:focus-visible{background:rgba(var(--accent-rgb), .22)}.tile-hold.drop-hover{outline:none;transform:translateY(-6px)}.tile-group{max-inline-size:100%;z-index:5;padding-inline:var(--space-2);white-space:nowrap;font-size:var(--text-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-pill);animation:pop-in var(--dur-base) var(--ease-pop);grid-row:1;justify-content:flex-start;place-self:end center;align-items:center;margin-block-end:var(--space-1);display:flex;overflow:hidden}.tile-group-ring{z-index:0;margin:calc(-2px * var(--ui-scale)) calc(var(--tile-gap) / -2);border-radius:var(--radius-sm);border:var(--border-w-hair) solid var(--accent);background:rgba(var(--accent-rgb), .08);pointer-events:none;animation:overlay-in var(--dur-base) var(--ease-out);grid-row:2;place-self:stretch stretch}.tile-board-empty{color:var(--ink);place-items:center;margin:0;display:grid;position:absolute;inset:0}.tile-board-empty span{border-radius:var(--radius-pill);background:#0000008c;padding:.2rem .7rem}.profile-subhead{color:var(--ink-muted);margin:.9rem 0 .35rem;font-size:.85rem}.react-bar{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.react-key{min-height:var(--tap-min);background:var(--fill-on-felt);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:2px solid #0000;justify-content:center;align-items:center;padding:.3rem .55rem;font-size:1.25rem;line-height:1.1;display:inline-flex}.react-key:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.react-key:disabled{opacity:.45;cursor:default}.react-key-chosen{border-color:var(--accent);background:rgba(var(--accent-rgb), .22)}.react-menu{min-height:var(--tap-min);flex:none;align-items:center;display:flex}.react-pop{bottom:100%;margin-bottom:var(--space-1);padding:var(--space-1);z-index:1;background:var(--surface-sheet);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:100% 100%;animation:pop-in var(--dur-fast) var(--ease-pop);display:block;position:absolute;inset-inline-end:0}.react-pop[hidden]{display:none}.react-pop .react-bar{gap:var(--space-1)}.react-pop .react-key{min-width:var(--tap-min);padding-inline:0}.react-picker-hint{margin:0 0 .4rem;font-size:.75rem}.react-picker-grid{flex-wrap:wrap;gap:.35rem;max-height:14rem;padding:2px;display:flex;overflow-y:auto}.react-float{--react-float-dur:3s;--react-from:-.45rem;z-index:40;top:calc(100% + var(--react-tail));border-radius:var(--radius-pill);background:var(--card-face);color:var(--card-black);box-shadow:var(--shadow-md);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;animation:react-float var(--react-float-dur) var(--ease-out) forwards;justify-content:center;align-items:center;padding:.1rem .4rem;font-size:2rem;line-height:1.1;display:inline-flex;position:absolute;transform:translate(-50%)}.react-float:after{content:"";border:var(--react-tail) solid transparent;border-bottom-color:var(--card-face);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes react-float{0%{opacity:0;transform:translate(-50%, var(--react-from)) scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.12)}24%{opacity:1;transform:translate(-50%)scale(1)}86%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%, calc(var(--react-from) * -.5)) scale(.92)}}@media (prefers-reduced-motion:reduce){.react-float{animation:none}}.seat .react-float{inset-inline-start:calc(.25rem + var(--seat-face) / 2)}.scores-player{align-items:center;gap:.4rem;display:flex}.settings-fab{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));color:var(--ink);box-shadow:var(--shadow-md);z-index:5;background:#ffffff24;padding:.6rem .75rem;font-size:1.2rem;line-height:1;position:fixed}.notif-bell{top:max(.75rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:5;max-width:min(15rem, calc(100vw - 2 * max(1rem, env(safe-area-inset-right))));flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;position:fixed}.notif-bell-button{color:var(--ink);box-shadow:var(--shadow-md);background:#ffffff24;padding:.6rem .75rem;font-size:1.2rem;line-height:1;position:relative}.notif-bell-button[aria-disabled=true]{cursor:default;opacity:.5}.notif-badge{border-radius:var(--radius-pill);background:var(--danger);color:#3b1210;text-align:center;min-width:1.2rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.2rem;position:absolute;top:-.3rem;right:-.3rem}.notif-bell-note{text-align:right;margin:0;font-size:.75rem}.notif-panel{width:var(--chrome-w-md);text-align:left}.notif-panel-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.notif-list{flex-direction:column;gap:.75rem;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.notif-item{border-bottom:1px solid #ffffff1f;flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}.notif-item:last-child{border-bottom:none;padding-bottom:0}.notif-item[data-read=true] .notif-text{color:var(--ink-muted)}.notif-item[data-read=true] .notif-statement{color:var(--ink-read)}.notif-text{margin:0}.notif-statement{color:var(--ink-muted);margin:0;font-size:.85rem}.notif-notice{margin:0;font-size:.85rem}.notif-actions{flex-wrap:wrap;gap:.4rem;display:flex}.notif-mark-all{align-self:flex-start}.clock-toggle{min-width:max(var(--control-h-md), var(--tap-min));min-height:max(var(--control-h-md), var(--tap-min));color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.clock-toggle-bare{background:var(--fill-on-felt);color:var(--text-on-felt)}.clock-toggle:disabled{opacity:1}.clock-toggle:disabled .ring{color:var(--control-disabled-fg)}.pause-stoppage,.pause-budget,.pause-extensions{text-align:center;color:var(--ink-muted);margin:0;font-size:.9rem}.pause-stoppage{color:var(--ink);font-size:1.05rem}.sound-toggle{padding:.5rem .7rem;font-size:1.05rem;line-height:1}.settings-section{flex-direction:column;gap:.5rem;display:flex}.settings-section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.85rem;font-weight:600}.how-to-anchor{display:inline-flex;position:relative}.how-to-btn{width:100%;padding:.35rem .6rem;font-size:.85rem}.how-to-toggle{padding:.5rem .7rem;font-size:1.05rem;line-height:1}.seats{--seat-row-h:2.75rem;--react-tail:.3rem;--react-bubble-h:2.4rem;--seat-min-minimal:7.75rem;--seat-min-standard:9.25rem;--seat-min-rich:11.75rem;--seat-avatar-minimal:1.75rem;--seat-avatar-standard:2.125rem;--seat-avatar-rich:2.5rem;z-index:35;pointer-events:none;flex:none;width:min(100%,720px);position:relative;container:seats/inline-size}.seats-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lane:nth-child(odd):last-child{inline-size:calc(50% - var(--space-2) / 2);grid-column:1/-1;margin-inline:auto}@container seats (width>=34rem){.seats-grid{grid-template-columns:repeat(var(--lane-count,2), minmax(0, 1fr))}.lane{align-items:center}.lane:first-child{align-items:flex-start}.lane:last-child{align-items:flex-end}.lane:nth-child(odd):last-child{grid-column:auto;inline-size:auto;margin-inline:0}}.lane:nth-child(odd){align-items:flex-start}.lane:nth-child(2n){align-items:flex-end}.lane{flex-flow:column;align-items:center;min-width:0;display:flex;container:lane/inline-size}.seat-annex{--meld-rows:1;--seat-annex-h:calc((var(--card-h-sm) + .75rem) * var(--meld-rows) + (var(--meld-rows) - 1) * .35rem + var(--space-1) + .875rem + 2 * var(--border-w-hair));width:100%;min-width:0;min-height:var(--seat-annex-h);max-height:var(--seat-annex-h);pointer-events:auto;flex-flow:column;flex:none;align-items:center;padding-block-start:var(--space-1);display:flex}@container seats (width>=34rem){.seat-annex{--meld-rows:2}}.seats-grid:has(.lane:nth-child(3)):not(:has(.seat-annex)){row-gap:calc(var(--react-bubble-h) + var(--react-tail));padding-block-start:calc(var(--react-bubble-h) + var(--react-tail))}.seats-grid:has(.lane:nth-child(3)) .lane:not(:has(>.seat-annex)) .react-float{top:auto;bottom:calc(100% + var(--react-tail));--react-from:.45rem}.seats-grid:has(.lane:nth-child(3)) .lane:not(:has(>.seat-annex)) .react-float:after{border-bottom-color:#0000;border-top-color:var(--card-face);top:100%;bottom:auto}@container seats (width>=34rem){.seats-grid:has(.lane:nth-child(3)):not(:has(.seat-annex)){row-gap:var(--space-2);padding-block-start:0}.seats-grid:has(.lane:nth-child(3)) .lane:not(:has(>.seat-annex)) .react-float{bottom:auto;top:calc(100% + var(--react-tail));--react-from:-.45rem}.seats-grid:has(.lane:nth-child(3)) .lane:not(:has(>.seat-annex)) .react-float:after{border-top-color:#0000;border-bottom-color:var(--card-face);top:auto;bottom:100%}}.seat{align-items:center;gap:var(--space-2);width:100%;max-width:12.5rem;min-height:var(--seat-row-h);--seat-density:minimal;--seat-face:var(--seat-avatar-minimal);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-pill);background:var(--surface-plate-on-felt);box-shadow:var(--shadow-sm);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-flow:row;padding:0 .5rem 0 .25rem;display:flex;position:relative}.seat>.seat-plate,.seat>.seat-lines{min-width:0;margin-right:auto}.seat-active{background:var(--surface-plate-on-felt-active);border-color:var(--seat-active)}.seat-face{border-radius:50%;display:flex}.seat-face .avatar{width:var(--seat-face);height:var(--seat-face)}.seat:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--glow-seat-turn);opacity:0;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0}.seat-active:after{opacity:.69;animation:seat-glow var(--dur-breath) var(--ease-in-out) infinite}@keyframes seat-glow{50%{opacity:1}}.seat-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;max-width:100%;font-size:.75rem;font-weight:700;overflow:hidden}.seat-bot-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--felt-dark);background:var(--ink-muted);border-radius:calc(var(--radius) / 2);padding:.05rem .3rem;font-size:.6rem;font-weight:700}.seat-muted-badge{color:var(--ink-muted);opacity:.9;align-items:center;display:inline-flex;transform:translateY(.05em)}.seat-muted-badge svg{stroke-linecap:round;fill:none}.seat-muted-badge path:first-child{fill:currentColor}.seat-backs{align-items:flex-start;height:2rem;margin-top:1px;display:flex}.mini-back{border-radius:var(--radius-xs);border:var(--border-w-hair) solid #ffffff80;background:repeating-linear-gradient(45deg, #ffffff24 0 1px, transparent 1px 5px), linear-gradient(160deg, var(--card-back-1) 0%, var(--card-back-2) 100%);width:1.1875rem;height:1.6875rem;box-shadow:var(--shadow-xs);flex:none;display:none}.seat-backs[data-hand=approximate] .mini-back{display:block}.mini-back+.mini-back{margin-left:-.6875rem}.seat-count{background:rgba(var(--felt-shade-rgb), .72);border-radius:var(--radius-pill);align-self:center;margin-left:5px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.seat-meta{max-width:100%;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;font-size:.66rem;display:none;overflow:hidden}.seat-meta-flash{animation:meta-flash var(--dur-slow) var(--ease-settle)}@keyframes meta-flash{30%{color:var(--accent);transform:scale(1.22)}}.seat-quip{z-index:12;background:var(--card-face);width:max-content;max-width:min(11.875rem,100%);color:var(--card-black);border-radius:var(--radius);box-shadow:var(--shadow-md);animation:quip-in var(--dur-base) var(--ease-pop);padding:.4rem .6rem;font-size:.74rem;line-height:1.3;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.seat-quip:before{content:"";border:7px solid #0000;border-bottom-color:var(--card-face);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.lane:has(>.seat-annex) .seat:has(.react-float) .seat-quip{top:calc(100% + var(--react-bubble-h) + var(--react-tail) + var(--space-2))}@container seats (width>=34rem){.seat:has(.react-float) .seat-quip{top:calc(100% + var(--react-bubble-h) + var(--react-tail) + var(--space-2))}}@keyframes quip-in{0%{opacity:0}}.fly-airborne{z-index:30;filter:drop-shadow(0 12px 14px #0006);position:relative}.ghost-card{z-index:30;pointer-events:none;filter:drop-shadow(0 10px 14px #0006);margin:0;position:fixed}.pts-floater{z-index:45;pointer-events:none;color:var(--accent);text-shadow:0 2px 6px #0009;font-size:1rem;font-weight:800;position:fixed;transform:translate(-50%)}.flip-reveal{animation:flip-reveal var(--dur-slow) var(--ease-deal);display:inline-flex;position:relative}.flip-reveal:after{content:"";border-radius:var(--radius-sm);opacity:0;pointer-events:none;animation:flip-cover var(--dur-slow) linear;background:repeating-linear-gradient(45deg,#ffffff24 0 1px,#0000 1px 7px),repeating-linear-gradient(-45deg,#ffffff24 0 1px,#0000 1px 7px),linear-gradient(160deg,#26457f 0%,#182f5c 60%,#122347 100%);border:1px solid #00000040;position:absolute;inset:0}@keyframes flip-reveal{0%{transform:perspective(640px)rotateY(180deg)}}@keyframes flip-cover{0%,49%{opacity:1}50%,to{opacity:0}}.fan-slot .fly .flip-reveal .card{animation:none}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-bit{opacity:0;animation-name:confetti-fall;animation-timing-function:var(--ease-fall);border-radius:2px;animation-fill-mode:both;position:absolute;top:-24px}.confetti-glyph{text-shadow:0 1px 3px #0006;background:0 0;line-height:1}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--drift,0px), 105vh) rotate(var(--rot,360deg))}}.table-pulse{animation:rim-pulse var(--dur-slow) var(--ease-out)}@keyframes rim-pulse{50%{box-shadow:var(--shadow-table), var(--glow-rim)}}.consent-overlay{z-index:90}.consent-dialog{width:var(--chrome-w-md);text-align:left}.consent-actions{flex-wrap:wrap;gap:.6rem;display:flex}.consent-actions button{flex:auto}.consent-banner-layer{z-index:85;padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.consent-banner{pointer-events:auto;width:var(--chrome-w-lg);background:var(--dialog-bg);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-sheet);max-height:min(80vh,640px);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--blur-sheet);backdrop-filter:var(--blur-sheet);animation:banner-in var(--dur-base) var(--ease-pop);flex-direction:column;gap:.7rem;padding:1rem 1.1rem 1.1rem;display:flex;overflow-y:auto}@keyframes banner-in{0%{opacity:0;transform:translateY(18px)}}@keyframes banner-out{to{opacity:0;transform:translateY(18px)}}.consent-banner.is-leaving{animation:banner-out var(--dur-exit) var(--ease-out) both}.consent-banner-head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.consent-banner-head h2{margin:0;font-size:1.1rem}.consent-close{color:var(--ink-muted);background:0 0;padding:.1rem .45rem;font-size:1.35rem;line-height:1}.consent-note{border-radius:var(--radius);background:#ffffff14;margin:0;padding:.55rem .7rem;font-size:.9rem}.consent-links{flex-wrap:wrap;gap:.35rem 1rem;margin:0;font-size:.9rem;display:flex}.consent-links a{color:var(--accent)}.consent-expand{align-self:flex-start;font-size:.9rem}.consent-categories{border-top:1px solid #ffffff1f;flex-direction:column;gap:.7rem;padding-top:.7rem;display:flex}.consent-category label{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.consent-category p{margin:.2rem 0 0 1.6rem;font-size:.85rem}.ad-slot{width:100%;height:var(--ad-h-slim);min-height:var(--ad-h-slim);max-height:var(--ad-h-slim);padding:0 var(--ad-gutter);border-top:1px solid var(--ad-band-edge);background:var(--ad-band-bg);box-shadow:var(--shadow-ad-band);flex-direction:column-reverse;flex:none;display:flex;overflow:hidden}.ad-slot[data-size=tall]{height:var(--ad-h-tall);min-height:var(--ad-h-tall);max-height:var(--ad-h-tall)}.ad-slot[data-position=top]{border-top:0;border-bottom:1px solid var(--ad-band-edge);box-shadow:var(--shadow-ad-band-top);flex-direction:column}.game-shell>.ad-slot{display:none}.ad-slot-label{height:var(--ad-label-h);padding-inline:var(--ad-label-inset);color:var(--ad-band-label);background:var(--ad-band-bg);pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:flex}.ad-slot-banner{border-radius:var(--radius-xs);background:var(--stone-100);width:100%;min-height:0;color:var(--text-muted);text-align:left;flex:1;align-items:center;gap:.65rem;padding:0 .6rem;display:flex;overflow:hidden}.ad-slot-banner[data-house]{background:var(--bg-felt);color:var(--text-on-felt)}.ad-slot-glyph{color:var(--control-badge-accent);flex:none}.ad-slot-banner[data-house] .ad-slot-glyph{color:var(--brass-400)}.ad-slot-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ad-slot-title,.ad-slot-body{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ad-slot-title{font-family:var(--font-display);font-size:.82rem;line-height:1.25}.ad-slot-body{color:inherit;opacity:.78;font-size:.72rem;line-height:1.25}:root[data-ad-banner=bottom] .overlay{padding-bottom:calc(1rem + var(--ad-banner-height))}:root[data-ad-banner=bottom] .home{padding-bottom:calc(1.25rem + var(--ad-banner-height))}:root[data-ad-banner=bottom] .break-room,:root[data-ad-banner=bottom] .pause-panel{padding-bottom:var(--ad-banner-height)}:root[data-ad-banner=bottom] .dock{padding-bottom:calc(max(.6rem, env(safe-area-inset-bottom)) + var(--ad-banner-height))}.scores-action{text-align:right;white-space:nowrap}.scores-add-friend{padding:.25rem .6rem;font-size:.8rem}.lobby-invite{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.lobby-invite-row{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.seat-plate{pointer-events:auto;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;min-height:var(--tap-min);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:row;padding:0;display:flex}.lobby-player-card{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;margin:0;padding:0}.seat-plate:hover .seat-name,.seat-plate:focus-visible .seat-name,.lobby-player-card:hover .lobby-player-name,.lobby-player-card:focus-visible .lobby-player-name{text-decoration:underline}.player-card{flex-direction:column;gap:.8rem;display:flex}.player-card-head{align-items:center;gap:.8rem;min-width:0;display:flex}.player-card-identity{flex-direction:column;gap:.15rem;min-width:0;display:flex}.player-card-identity h2{overflow-wrap:anywhere;margin:0}.player-card-identity p{margin:0;font-size:.85rem}.player-card-actions{flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.player-card-actions p{margin:0;font-size:.85rem}.player-card-note{padding-top:.2rem}.dialog-note{opacity:.8;margin:0 0 .6rem;font-size:.9rem}.dialog-error{color:var(--danger,#ff8a80);margin:.6rem 0 0;font-size:.9rem}.report-reasons{margin:.6rem 0}.report-excerpt{border-radius:var(--radius-xs);opacity:.9;background:#ffffff0d;border-left:.2rem solid #ffffff40;margin:.6rem 0;padding:.5rem .7rem;font-size:.9rem}.report-details{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.report-details textarea{resize:vertical;width:100%;font:inherit}@media (orientation:landscape) and (height<=519px){.topbar,.table-felt,.dock{--sa-inline:max(0px, calc((100vw - var(--shell-w)) / 2));--sa-left:max(0px, calc(env(safe-area-inset-left) - var(--sa-inline)));--sa-right:max(0px, calc(env(safe-area-inset-right) - var(--sa-inline)))}.game{flex-direction:row}.game-shell>.ad-slot{width:var(--ad-rail-w);min-width:var(--ad-rail-w);max-width:var(--ad-rail-w);height:auto;min-height:0;max-height:none;padding:var(--ad-gutter) 0;border-top:0;border-right:var(--border-w-hair) solid var(--ad-band-edge);box-shadow:var(--shadow-ad-band-rail);flex-direction:row;order:-1;display:flex}.game-shell>.ad-slot .ad-slot-label{width:var(--ad-label-h);height:auto;padding-block:var(--ad-label-inset);writing-mode:vertical-rl;padding-inline:0}.game-shell>.ad-slot .ad-slot-banner{justify-content:center;gap:var(--space-2);height:100%;padding:var(--space-2);text-align:center;flex-direction:column}.game-shell>.ad-slot .ad-slot-title,.game-shell>.ad-slot .ad-slot-body{white-space:normal}.topbar{justify-content:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-3);padding-top:max(var(--space-1), env(safe-area-inset-top));padding-left:max(var(--space-2), var(--sa-left));padding-right:max(var(--space-2), var(--sa-right));background:0 0;flex-direction:column;flex:none;order:1}.table{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.table-felt{gap:var(--space-2);padding:var(--space-1) var(--space-2);padding-left:max(var(--space-2), var(--sa-left));padding-right:max(var(--space-2), var(--sa-right));border-radius:0}.trick-area{min-width:min(26rem,58vw);max-width:100%;min-height:calc(var(--card-h) + 3rem);padding-right:var(--space-3);padding-bottom:var(--space-2);padding-left:var(--space-3);flex:0 auto}.dock{align-items:flex-end;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));padding-left:max(var(--space-3), var(--sa-left));padding-right:max(var(--space-3), var(--sa-right));width:min(100%, calc(var(--play-measure) + 2 * var(--space-3)));flex-flow:wrap;margin-inline:auto}.dock>.tile-board,.dock>.fan{flex:15rem;min-width:0}}@media (width<=900px){.game-shell>.ad-slot{display:none}}@container lane (width>=9.25rem){.seat{--seat-density:standard;--seat-face:var(--seat-avatar-standard)}.seat-meta{display:block}}@container lane (width>=11.75rem){.seat{--seat-density:rich;--seat-face:var(--seat-avatar-rich)}}@container lane (width>=14rem){.seat-backs[data-hand=exact] .mini-back{display:block}}:root{--shell-w:27.5rem;--shell-fill-max:88vw;--shell-inset-inline:max(0px, calc((100% - var(--shell-w)) / 2));--hud-h:max(var(--tap-min), 3.5rem)}[data-shell=wide]{--shell-w:27.5rem}body:before{z-index:-1;content:"";background-color:var(--surface-app);background-image:var(--bg-page);pointer-events:none;min-height:100lvh;position:fixed;inset:0}body{background-color:#0000;background-image:none}#root.app-shell{width:min(100%, var(--shell-w));background-color:var(--surface-card);background-image:var(--bg-paper);height:auto;min-height:100dvh;box-shadow:var(--shadow-xl);border-radius:0;grid-template-rows:minmax(0,1fr);margin-inline:auto;display:grid}:is(#root.app-shell:has(>.game-shell),#root.app-shell:has(>.lobby),#root.app-shell:has(>.get-ready),#root.app-shell:has(>.screen-loading),#root.app-shell:has(>.sheet-screen[data-dm-view=thread])){height:100%}@media (width>=480px){#root.app-shell{border-radius:var(--radius-3xl)}}@media (width>=900px){:root{--shell-w:32rem}[data-shell=wide]{--shell-w:min(48rem, var(--shell-fill-max))}}@media (width>=1200px){:root{--shell-w:36rem}[data-shell=wide]{--shell-w:min(56rem, var(--shell-fill-max))}}@media (width>=1440px){:root{--shell-w:40rem}[data-shell=wide]{--shell-w:min(72.5rem, var(--shell-fill-max))}}@media (orientation:landscape) and (height<=520px){:root{--hud-h:max(var(--tap-min), 2.75rem)}.display-xl{font-size:var(--text-display-l);line-height:var(--lh-display-l)}.display-l{font-size:var(--text-display-m);line-height:var(--lh-display-m)}.display-m{font-size:var(--text-title-l);line-height:var(--lh-title-l)}.title-l{font-size:var(--text-title-m);line-height:var(--lh-title-m)}}.notif-bell{right:calc(var(--shell-inset-inline) + max(1rem, env(safe-area-inset-right)));max-width:min(15rem, calc(min(100vw, var(--shell-w)) - 2 * max(1rem, env(safe-area-inset-right))))}.settings-fab{right:calc(var(--shell-inset-inline) + max(1rem, env(safe-area-inset-right)))}@media (width<=900px){.side-panel{right:var(--shell-inset-inline)}}.connection-banner{max-width:calc(min(100%, var(--shell-w)) - 2 * var(--top-right-reserve))}.consent-banner-layer{width:min(100%, var(--shell-w));margin-inline:auto;inset-inline:0}.game-shell,.screen-loading,.home:not(.chrome-screen){background-color:var(--felt-dark);background-image:var(--bg-felt)}.toast-update{top:auto;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--space-3);max-width:calc(min(100%, var(--shell-w)) - 2 * var(--space-4));padding-inline:var(--space-4) var(--space-2);padding-block:var(--space-2);display:flex}.crash{padding:var(--space-6) var(--gutter-screen);text-align:center;justify-content:center;align-items:center;display:flex}.crash-body{align-items:center;gap:var(--space-4);flex-direction:column;max-width:22rem;display:flex}.crash-reload{min-height:max(var(--control-h-md), var(--tap-min));margin-block-start:var(--space-2)}.screen-header{min-height:var(--hud-h);padding:.75rem .75rem .625rem;padding-top:max(.75rem, env(safe-area-inset-top));background-image:var(--bg-paper);border-bottom:var(--border-w-hair) solid var(--border-hairline);flex:none;align-items:center;gap:.375rem;display:flex}.screen-header[data-tone=felt]{padding:.875rem .875rem .75rem;padding-top:max(.875rem, env(safe-area-inset-top));border-bottom-color:var(--border-on-felt);color:var(--ink);background-image:none}.screen-back{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.screen-back:hover{background:var(--control-quiet-bg-hover)}.screen-header[data-tone=felt] :focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.screen-header-titles{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.screen-header-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.screen-header-meta{color:var(--ink-muted);flex:none;padding-right:.375rem}.screen-header-actions{flex:none;align-items:center;gap:.25rem;display:flex}.tabs{flex-wrap:wrap;align-items:stretch;gap:.25rem;min-width:0;display:flex}.tabs[data-variant=segmented]{max-width:var(--tabs-measure,40rem);background:var(--surface-sunken);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-pill);padding:.25rem}.on-felt .tabs[data-variant=segmented],.surface-felt .tabs[data-variant=segmented],.panel-felt .tabs[data-variant=segmented]{background:rgba(var(--felt-shade-rgb), .34);border-color:var(--border-on-felt)}.tabs[data-variant=underline]{border-bottom:var(--border-w-hair) solid var(--border-hairline);gap:1.5rem}.tab{min-height:max(var(--control-h-sm), var(--tap-min));min-width:var(--tap-min);padding:0 var(--space-4);font-family:var(--font-ui);font-size:var(--text-body-m);font-weight:var(--fw-medium);color:var(--control-tag-fg);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:.4375rem;display:inline-flex}.tabs[data-variant=underline] .tab{border-bottom:var(--border-w-thick) solid transparent;border-radius:0;flex:0 auto;padding:0}.tab[aria-selected=true]{font-weight:var(--fw-semibold);color:var(--control-tag-fg-selected);background:var(--control-tag-bg-selected);box-shadow:var(--shadow-xs)}.tabs[data-variant=underline] .tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--overline-ink);box-shadow:none;background:0 0}.tab-label{text-overflow:ellipsis;overflow:hidden}.tab-count{font-size:var(--text-caption);color:inherit}.avatar-frame-slot{flex:none;line-height:0;display:inline-flex;position:relative}.avatar-frame-slot[data-locked=true]{filter:grayscale(.75)}.avatar-frame-lock{color:var(--ivory-100);text-shadow:0 1px 3px rgba(var(--felt-shade-rgb), .7);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-frame-level{min-width:1.1875rem;height:1.1875rem;font-family:var(--font-display);font-size:var(--text-micro);font-weight:var(--fw-bold);color:var(--level-chip-fg);background:var(--level-chip-bg);border:var(--border-w-hair) solid var(--level-chip-edge);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0 .25rem;line-height:1;display:flex;position:absolute;bottom:-.125rem;right:-.125rem}.level-progress{flex-direction:column;gap:.3125rem;min-width:0;display:flex}.level-progress[data-variant=full]{gap:.5rem}.level-progress-head{align-items:center;gap:.5rem;min-width:0;display:flex}.level-progress-goal{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.level-progress-count{font-size:var(--text-caption);color:var(--ink-muted);flex:none}.level-progress-track{background:var(--xp-track);border-radius:var(--radius-pill);height:.5625rem;box-shadow:var(--shadow-inset-press);position:relative;overflow:hidden}.level-progress[data-variant=compact] .level-progress-track{height:.375rem}.on-felt .level-progress-track,.surface-felt .level-progress-track,.panel-felt .level-progress-track{background:var(--xp-track-felt)}.level-progress-fill{background:linear-gradient(90deg, var(--brass-600), var(--xp-fill) 62%, var(--brass-300));transform:scaleX(var(--level-fill,0));transform-origin:0;position:absolute;inset:0}.level-progress-fill[data-moved=true]{transition:transform var(--dur-slow) var(--ease-out)}.level-progress-foot{color:var(--ink-muted);justify-content:space-between;gap:.75rem;display:flex}.level-progress-unlock{color:var(--overline-ink)}.ring{width:var(--ring-size);height:var(--ring-size);color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ring-arc{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-track{fill:rgba(var(--felt-shade-rgb), .55);stroke:rgba(var(--accent-rgb), .25);stroke-width:3px}.ring-progress{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset var(--dur-base) linear}.ring-face{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.ring-value{font-family:var(--font-display);font-size:var(--text-body-m);font-weight:var(--fw-bold);color:currentColor;line-height:1}.ring[data-ring=room] .ring-value{font-size:var(--text-title-m)}.ring[data-ring=ready] .ring-value{font-size:var(--text-display-l)}.ring-unit{margin-top:.125rem}.turn-countdown-warning{color:var(--danger)}.turn-countdown-warning .ring-track{fill:var(--danger-felt-bg);stroke:var(--danger-felt-border)}.turn-countdown-warning .ring-value{animation:turn-urgent var(--dur-breath) var(--ease-in-out) infinite}@keyframes turn-urgent{0%,to{opacity:1}50%{opacity:.55}}.row-list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.row-list[data-columns=auto]{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--row-track,20rem)), 1fr))}.row-card{--row-min-standard:20rem;--row-min-rich:30rem;min-height:3.875rem;color:var(--ink);text-align:left;background:var(--surface-card);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:.875rem;padding:.75rem .875rem;display:flex;container:row-card/inline-size}.row-card-main{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.row-card-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-card-note,.row-card-meta{color:var(--ink-muted);display:none}.row-card-meta{text-align:end;flex:none}.row-card-aside{color:var(--ink-muted);flex:none;display:none}.row-card:hover{background:var(--surface-sunken);box-shadow:var(--shadow-md);transform:translateY(var(--lift-hover))}a.row-card,button.row-card{width:100%;min-height:max(3.875rem, var(--tap-min));cursor:pointer;text-decoration:none}.icon-tile{width:2.375rem;height:2.375rem;color:var(--ink);background:var(--surface-sunken);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-tile[data-size=lg]{width:2.875rem;height:2.875rem}.icon-tile[data-tone=brand]{color:var(--level-chip-fg);background:var(--level-chip-bg);border:var(--border-w-hair) solid var(--level-chip-edge)}.icon-tile[data-tone=brass]{color:var(--text-on-brass);background-image:var(--bg-brass-plaque);border:var(--border-w-hair) solid var(--border-brass)}.icon-tile[data-tone=card-back]{background-color:var(--card-back);background-image:var(--bg-card-back);border:var(--border-w-hair) solid var(--green-950)}.panel-felt{color:var(--ink);background-color:var(--felt);background-image:var(--bg-felt-weave), var(--bg-felt);border:var(--border-w-hair) solid var(--green-950);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.125rem}.empty-note{--empty-note-gap:var(--space-1);padding:var(--gutter-screen) 1.125rem;color:var(--ink-muted);text-align:center;text-wrap:pretty;background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg)}@container row-card (width>=20rem){.row-card-note,.row-card-meta{display:block}}@container row-card (width>=30rem){.row-card-aside{display:block}}@media (orientation:landscape) and (height<=520px){.screen-header{padding:var(--space-1) var(--space-3);padding-top:max(var(--space-1), env(safe-area-inset-top))}.screen-header[data-tone=felt]{padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2), env(safe-area-inset-top))}.row-card,a.row-card,button.row-card{min-height:max(3.25rem, var(--tap-min));padding:var(--space-2) .875rem}.panel-felt{padding:var(--space-3)}.empty-note{padding:var(--space-4) 1.125rem}}@media (width>=1200px){[data-shell=wide] .screen-header{padding-inline:var(--gutter-page)}}.home{min-height:100%;padding:1.25rem 1rem;padding-top:max(1.25rem, env(safe-area-inset-top));flex-direction:column;justify-content:center;align-items:center;gap:.85rem;display:flex}.home-title{z-index:1;letter-spacing:.06em;text-shadow:0 4px 16px #0009;margin:0;font-size:2.6rem;position:relative}.home-card{background:var(--surface-plate-on-felt);border-radius:var(--radius-lg);width:var(--chrome-w-md);flex-direction:column;gap:.7rem;padding:1rem 1.25rem;display:flex}.home-card h2{margin:0;font-size:1.15rem}.home-card p{color:var(--ink-muted);margin:0}.menu-screen{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.menu-slab{padding:1.5rem var(--gutter-screen) 1.375rem;padding-top:max(1.5rem, env(safe-area-inset-top));border-width:0 0 var(--border-w-hair);border-radius:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hero chrome";align-items:start;gap:1.25rem .75rem;display:grid}@media (width>=480px){.menu-slab{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}}.menu-slab :focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.home-hero{grid-area:hero;grid-template-areas:"title""splash";justify-items:start;gap:.75rem;min-width:0;display:grid}.menu-wordmark{font-size:min(var(--text-display-m), 10vw);color:var(--ink);grid-area:title;margin:0}.stats-splash{min-height:calc(2 * var(--lh-body-s) * 1em);font-size:var(--text-body-s);line-height:var(--lh-body-s);color:var(--ink-muted);grid-area:splash;align-items:flex-start;gap:.5rem;margin:0;display:flex}.stats-splash:before{content:"";width:.3125rem;height:.3125rem;margin-top:calc((var(--lh-body-s) * 1em - .3125rem) / 2);background:var(--overline-ink);border-radius:50%;flex:none}.stats-splash-line{display:block}.stats-splash-animated{animation:splash-line-in var(--dur-base) var(--ease-out)}@keyframes splash-line-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}.menu-chrome{flex-wrap:wrap;flex:none;grid-area:chrome;justify-content:flex-end;align-items:flex-start;gap:.5rem;display:flex}.menu-signin{flex-direction:column;flex:auto;align-items:flex-start;gap:.25rem;min-width:0;margin-inline-end:auto;display:flex}.menu-signin-cta{min-height:var(--tap-min);padding-inline:var(--space-3);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.menu-signin-as{color:var(--ink-muted);margin:0}.menu-chrome-me{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:inline-flex}.menu-chrome-bell{text-align:right;flex-direction:column;align-items:flex-end;gap:.35rem;max-width:11rem;display:flex}.menu-chrome .notif-bell-button{color:var(--ink);background:var(--fill-on-felt);border-radius:var(--radius-control);border:0}.menu-me,.menu-me{border-top:var(--border-w-hair) solid var(--border-on-felt);grid-column:1/-1;align-items:center;gap:.75rem;padding-top:1.125rem;display:flex}.menu-me-body{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.menu-me-line{align-items:center;gap:.4375rem;min-width:0;margin:0;display:flex}.menu-me-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-me-level .level-badge-game{display:none}.menu-me-boost{flex-direction:column;align-items:flex-start;gap:.25rem;margin-top:.125rem;display:flex}.xp-boost-active{color:var(--ink);flex-direction:row;align-items:center;gap:.375rem;margin:0}.xp-boost-note{color:var(--ink-muted);text-wrap:pretty}@media (width>=1200px){[data-shell=wide] .menu-slab{padding-inline:var(--gutter-page);align-items:stretch;column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,24rem) auto;grid-template-areas:"hero who chrome"}[data-shell=wide] .menu-me{padding-top:0;border-top:0;border-inline-start:var(--border-w-hair) solid var(--border-on-felt);grid-area:who;padding-inline-start:var(--space-6)}[data-shell=wide] .menu-chrome{align-self:start}[data-shell=wide] .menu-wordmark{font-size:min(var(--text-display-l), 10vw);line-height:var(--lh-display-l)}}@media (orientation:landscape) and (height<=520px){.menu-screen .menu-slab{gap:var(--space-3);padding:var(--space-3) var(--gutter-screen);padding-top:max(var(--space-3), env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hero chrome"}.menu-screen .menu-me{padding-top:1.125rem;border-top:var(--border-w-hair) solid var(--border-on-felt);border-inline-start:0;grid-area:auto/1/auto/-1;padding-inline-start:0}.menu-screen .menu-wordmark{font-size:min(var(--text-title-l), 10vw);line-height:var(--lh-title-l)}}.lobby{height:100%;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);color:var(--ink);background-color:var(--surface-table);background-image:var(--bg-felt-weave), var(--bg-felt);flex-direction:column;display:flex}.lobby-header-action{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.lobby-header-action:hover{background:var(--control-quiet-bg-hover)}.lobby-body{flex-direction:column;flex:1;grid-template:"brief seats"minmax(0,1fr)"foot seats""band band"/minmax(0,1fr) minmax(0,1.4fr);min-height:0;display:flex}.lobby-brief,.lobby-seats{flex-direction:column;gap:1.125rem;min-height:0;display:contents;overflow-y:auto}.lobby-brief{grid-area:brief;padding:1.125rem .5625rem 0 1.125rem;container:lobby-brief/inline-size}.lobby-seats{grid-area:seats;padding:1.125rem 1.125rem .625rem .5625rem}.lobby-scroll{flex-direction:column;flex:1;gap:1.125rem;min-height:0;padding:1.125rem 1.125rem .625rem;display:flex;overflow-y:auto}.room-code{font-size:var(--text-title-l);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.06em;color:var(--text-on-brass);text-align:center;word-break:break-all;background:var(--bg-brass-plaque);border-radius:var(--radius-md);box-shadow:var(--shadow-plaque);margin:0;padding:.55rem .75rem}.lobby-code{align-self:center;min-width:min(60%,15rem);max-width:100%}.lobby-visibility,.lobby-share-outcome{color:var(--ink-muted);text-align:center;text-wrap:pretty;margin:0}.lobby-state{align-items:center;gap:1rem;display:flex}.lobby-state[data-counting=true] .ring{box-shadow:var(--glow-seat-turn);border-radius:50%}.lobby-state-copy{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.lobby-state-title{color:var(--ink);text-wrap:pretty;margin:0}.lobby-state-body,.lobby-countdown{color:var(--ink-muted);text-wrap:pretty;margin:0}.lobby-countdown{font-variant-numeric:tabular-nums lining-nums}.lobby-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lobby-player{min-height:3.75rem;color:var(--ink);text-align:left;background:var(--surface-plate-on-felt);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.lobby-player[data-you=true]{background:var(--surface-plate-on-felt-active);border-color:var(--seat-active)}.lobby-player[data-owner=true]{box-shadow:var(--shadow-brass-glow)}.lobby-player[data-connected=false]{color:var(--ink-muted)}.lobby-player-lines{flex-direction:column;flex:1;gap:.125rem;min-width:5rem;display:flex}.lobby-player-empty .lobby-player-lines{min-width:0}.lobby-player-name{min-width:0;font-size:var(--text-body-m);font-weight:var(--fw-semibold);align-items:center;gap:.3rem;display:inline-flex}.lobby-player-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-player-state{color:var(--ink-muted)}.lobby-kick{min-width:var(--tap-min);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin-left:auto;overflow:hidden}.lobby-seat-free{display:flex}.lobby-player-empty{min-height:max(3.75rem, var(--tap-min));color:var(--ink-muted);cursor:pointer;background:rgba(var(--felt-shade-rgb), .18);border-style:dashed;border-color:#ffffff4d;flex:1}.lobby-player-empty:hover{background:var(--surface-plate-on-felt)}.lobby-player-empty:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.lobby-player-plus{border:var(--border-w-hair) dashed #ffffff4d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.lobby-invite-hint{color:var(--overline-ink);flex:none}.lobby-rules{gap:.4375rem}.lobby-rules .room-chip{min-height:1.75rem;font-size:var(--text-caption);font-weight:var(--fw-semibold);color:var(--ink-muted);background:rgba(var(--felt-shade-rgb), .4);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-pill);align-items:center;padding:0 .6875rem;display:inline-flex}.lobby-rules .room-chip[data-knob=variant]{color:var(--ink)}.lobby-footer{border-top:var(--border-w-hair) solid var(--border-on-felt);flex-direction:column;flex:none;grid-area:foot;gap:.5rem;padding:.75rem 1.125rem 1rem;display:flex}.lobby-actions{gap:.625rem;display:flex}.lobby-actions>*{flex:1 1 0;min-width:0}.lobby-blocked{color:var(--ink-muted);text-align:center;text-wrap:pretty;margin:0}.lobby-band{flex:none;grid-area:band}@media (orientation:landscape) and (height<=520px){.lobby-body{display:grid}.lobby-scroll{display:contents}.lobby-brief,.lobby-seats{display:flex}.lobby-footer{border-top:0}.lobby-brief>.lobby-code{z-index:1;position:sticky;top:0}}@media (width>=1200px){[data-shell=wide] .lobby-body{display:grid}[data-shell=wide] .lobby-scroll{display:contents}[data-shell=wide] .lobby-brief,[data-shell=wide] .lobby-seats{display:flex}[data-shell=wide] .lobby-footer{border-top:0}[data-shell=wide] .lobby-brief>.lobby-code{z-index:1;position:sticky;top:0}[data-shell=wide] .lobby-brief{padding:var(--gutter-page) 1rem 0 var(--gutter-page)}[data-shell=wide] .lobby-seats{padding:var(--gutter-page) var(--gutter-page) .625rem 1rem}}@container lobby-brief (width<=18rem){.lobby-state{flex-direction:column;align-items:flex-start;gap:.625rem}.lobby-code{min-width:0;font-size:var(--text-title-m);align-self:stretch}}.get-ready{height:100%;padding:1.75rem;padding-bottom:max(1.75rem, env(safe-area-inset-bottom));padding-left:max(1.75rem, env(safe-area-inset-left));padding-right:max(1.75rem, env(safe-area-inset-right));text-align:center;background-color:var(--surface-table);background-image:var(--bg-felt-weave), var(--overlay-vignette), var(--bg-felt);flex-direction:column;justify-content:center;align-items:center;gap:1.375rem;display:flex}.get-ready-copy{flex-direction:column;align-items:center;gap:.375rem;display:flex}.get-ready-title{color:var(--ink);margin:0}.get-ready-body{max-width:24ch;color:var(--ink-muted);text-wrap:pretty;margin:0}.online-screen{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.online-scroll{--online-band-gap:1rem;gap:var(--online-band-gap);min-width:0;padding:1rem var(--gutter-screen) 1.875rem;flex-direction:column;flex:1;display:flex;container:online/inline-size}.online-bands{display:contents}.online-quick{flex-direction:column;gap:.875rem;display:flex}.online-quick :focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.online-quick-copy{flex-direction:column;gap:.25rem;display:flex}.online-quick-promise,.online-quick-blurb{margin:0}.online-quick-promise{color:var(--ink)}.online-quick-blurb{color:var(--ink-muted)}.online-quick-ways{flex-wrap:wrap;gap:.625rem;display:flex}.online-quick-ways>*{flex:8rem}.online-quick-switch{align-self:flex-start}.online-quick-actions{flex-direction:column;flex:14rem;gap:.625rem;min-width:0;display:contents}.online-section{flex-direction:column;gap:.625rem;min-width:0;display:flex}.online-section-head{justify-content:space-between;align-items:baseline;gap:.625rem;display:flex}.online-section-head h2{margin:0}.online-section-count{color:var(--ink-muted);flex:none}.room-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.room-row{flex-wrap:wrap;gap:.5rem .75rem}.room-row-lines{flex-direction:column;flex:60%;gap:.25rem;min-width:0;display:flex}.room-row-head{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.room-name{min-width:0;color:var(--ink);overflow-wrap:anywhere}.room-preset{flex:none}.room-row-meta{min-width:0;display:flex}.room-row-meta .room-chip{font-size:var(--text-caption);font-weight:var(--fw-medium);color:var(--ink-muted);background:0 0;padding:0}.room-row-meta .room-chip:not(:last-child):after{content:"·";padding-left:.35rem}.room-seats{flex-direction:column;flex:none;align-items:flex-end;gap:.25rem;min-width:0;display:flex}.room-free{color:var(--ink-muted);text-align:right}.room-join{flex:none;margin-left:auto}.rooms-empty-title{margin:0 0 var(--empty-note-gap);color:var(--ink)}.online-rows{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.online-row{flex-wrap:wrap;align-items:center;gap:.5rem .875rem}.online-row-text{flex-direction:column;flex:60%;gap:.125rem;min-width:0;display:flex}.online-row-title{color:var(--ink)}.online-row-hint{color:var(--ink-muted);text-wrap:pretty}.online-row-go{flex:none;margin-left:auto}.online-champ{--ink:var(--text-on-brass);--ink-muted:var(--text-on-brass);--ink-dim:var(--text-on-brass);color:var(--text-on-brass);background-image:var(--bg-brass-plaque);border-color:var(--border-brass);box-shadow:var(--shadow-md)}.online-champ:hover{background-image:var(--bg-brass-plaque);box-shadow:var(--shadow-md);transform:none}.online-champ .champ-countdown{color:var(--text-on-brass);font-weight:var(--fw-bold)}.online-submit{align-self:flex-start}.online-code{font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--ls-wide)}.online-code::placeholder{letter-spacing:normal}.online-listings,.online-forms{gap:var(--online-band-gap);flex-direction:column;min-width:0;display:contents}@container online (width>=44rem){.online-bands{gap:var(--online-band-gap) var(--gutter-page);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;display:grid}.online-bands>.restriction-notice,.online-quick{grid-column:1/-1}.online-listings,.online-forms{display:flex}}@media (orientation:landscape) and (height<=520px){.online-scroll{--online-band-gap:.75rem;padding:.75rem var(--gutter-screen) 1.25rem}.online-quick{flex-flow:wrap;align-items:center}.online-quick-copy{flex:14rem}.online-quick-actions{display:flex}}@container online (width>=40rem){.online-quick{flex-flow:wrap;align-items:center}.online-quick-copy{flex:14rem}.online-quick-actions{display:flex}}@media (width>=1200px){[data-shell=wide] .online-scroll{padding-inline:var(--gutter-page)}}.seat-owner-crown{font-size:.9em;line-height:1}.connection-banner{top:max(.75rem, env(safe-area-inset-top));overflow-wrap:anywhere;text-align:center;background:var(--surface-inverse);color:var(--text-on-felt);border:var(--border-w-hair) solid #ffffff29;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);z-index:60;padding:.5rem 1rem;font-size:.85rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.connection-banner[data-tone=danger]{background:var(--danger);color:var(--felt-dark);border-color:#0000}.connection-banner[data-tone=success]{background:var(--good);color:var(--felt-dark);border-color:#0000}.reap-banner{top:calc(max(.6rem, env(safe-area-inset-top)) + 6.4rem);z-index:55;border-radius:var(--radius);background:var(--dialog-bg);width:min(22rem,92vw);box-shadow:var(--shadow-lg);text-align:center;border:1px solid #ffffff26;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .9rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.reap-banner-title{margin:0;font-size:.9rem;font-weight:700}.reap-banner-countdown{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;line-height:1.1}.reap-banner-warning:empty{display:none}.reap-banner-warning{color:var(--danger);margin:0;font-size:.8rem}.reap-banner-exhausted{margin:0;font-size:.8rem}.reap-banner[data-urgent=true]{border-color:var(--danger)}.reap-banner[data-urgent=true] .reap-banner-countdown{color:var(--danger);animation:reap-urgent var(--dur-breath) var(--ease-in-out) infinite}@keyframes reap-urgent{0%,to{opacity:1}50%{opacity:.55}}.table-hud-back,.table-hud-clock{flex:none}.score-dropdown{flex:1;align-items:center;min-width:0;display:flex}.table-title{justify-content:flex-start;align-items:center;gap:var(--space-2);min-width:0;min-height:max(var(--control-h-md), var(--tap-min));padding:0 var(--space-2);color:var(--ink);text-align:left;border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;flex:1;display:inline-flex}.table-title:hover{background:var(--fill-on-felt)}.table-title:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:2px}.table-title-lines{flex-direction:column;flex:1;min-width:0;display:flex}.table-title-name,.table-title-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-title-meta{color:var(--ink-muted)}.score-dropdown-panel{--score-panel-gutter:var(--space-3);--score-panel-room:calc(100% - 2 * var(--score-panel-gutter));top:100%;right:var(--score-panel-gutter);left:var(--score-panel-gutter);margin-inline:auto;z-index:58;width:max-content;min-width:min(var(--score-panel-room), 24rem);max-width:var(--score-panel-room);padding:var(--space-4);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-lg);background:rgba(var(--felt-shade-rgb), .9);box-shadow:var(--shadow-xl);--score-history-head-bg:rgba(var(--felt-shade-rgb), 1);margin-top:.35rem;position:absolute}.score-dropdown-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.score-dropdown-heading{margin:0}.score-dropdown-note{color:var(--ink-muted);white-space:nowrap}.score-dropdown-panel .scores td{border-top:var(--border-w-hair) solid var(--border-on-felt);border-bottom:0;padding:.375rem 0}.score-dropdown-panel .scores-total{min-width:2.625rem;color:var(--accent);font-weight:var(--fw-bold);text-align:right}.score-dropdown-rows{overscroll-behavior:contain;max-height:clamp(11rem,48dvh,28rem);overflow:auto}.table-popover{z-index:58;gap:var(--space-2);min-height:0;padding:var(--space-3);border:var(--border-w-hair) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:overlay-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:absolute}.table-popover.is-leaving{animation:overlay-out var(--dur-exit) var(--ease-out) both}.table-popover-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex:none;display:flex}.table-popover-eyebrow{margin:0}.table-popover-note{color:var(--ink-muted);white-space:nowrap}.table-popover-close{flex:none;align-self:center}.table-popover-extras{align-items:center;gap:var(--space-2);flex:none;min-width:0;display:flex}.table-popover-extras .how-to-toggle{flex:none;margin-left:auto}.score-popover{--score-popover-gutter:var(--space-3);--score-popover-room:calc(100% - 2 * var(--score-popover-gutter));top:100%;right:var(--score-popover-gutter);left:var(--score-popover-gutter);width:max-content;min-width:min(var(--score-popover-room), 21rem);max-width:var(--score-popover-room);margin-top:var(--space-1);margin-inline:auto}.score-popover-rows{overscroll-behavior:contain;min-height:0;overflow:auto}.score-popover-table{border-collapse:collapse;text-align:right;width:100%}.score-popover-table th,.score-popover-table td{padding:var(--space-1)}.score-popover-table thead th{color:var(--ink-muted);font-weight:var(--fw-medium)}.score-popover-table tbody th{text-align:left;white-space:nowrap}.score-popover-table tbody tr+tr th,.score-popover-table tbody tr+tr td{border-top:var(--border-w-hair) solid var(--border-hairline)}.score-popover-table .score-popover-live{color:var(--ink-muted)}.score-popover-total{color:var(--ink);font-weight:var(--fw-bold)}.score-popover-table tbody tr[data-me=true]{background:var(--surface-sunken)}.chat-popover{top:calc(env(safe-area-inset-top,0px) + var(--hud-h) + var(--space-1));right:var(--shell-inset-inline);width:min(21rem, calc(100% - var(--space-4)));z-index:70;max-height:min(66dvh,32rem);position:fixed}.table-popover-chat{flex:1;min-height:0}.table-popover .chat-bubble{background:var(--surface-sunken)}.table-popover .chat-line-me .chat-bubble{background:rgba(var(--accent-rgb), .28)}.table-popover .chat-input>textarea,.table-popover .chat-input:after{border-color:var(--control-field-border)}.table-popover .chat-input>textarea{background:var(--control-field-bg)}.table-popover .chat-unavailable{color:var(--ink-muted)}.table-popover .react-key{background:var(--surface-sunken)}.table-popover .react-key:hover:not(:disabled){background:var(--surface-card-quiet)}.table-popover .react-pop{background:var(--surface-card);border-color:var(--border-default)}.seat-lines{flex-direction:column;min-width:0;display:flex}.seat-level{padding:0 var(--space-1);color:var(--ink-muted);background:var(--fill-on-felt);border-radius:var(--radius-sm);white-space:nowrap;flex:none}.seat-backs{flex:none}.table-center{flex-direction:column;align-items:center;gap:.9rem;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.piles{align-items:flex-start;gap:1.5rem;display:flex}.pile{flex-direction:column;align-items:center;gap:.35rem;display:flex}.pile-button{background:0 0;padding:0}.pile-label{max-width:calc(var(--card-w) * 1.6);text-align:center;text-wrap:pretty}.discard-strip .discard-item:not(.discard-item-take) .card{box-shadow:var(--shadow-sm)}.discard-item-take .card{box-shadow:var(--shadow-sm), var(--ring-brass-hair)}.discard-item-sweep .card{translate:0 calc(var(--space-1) * -1);box-shadow:var(--shadow-sm), var(--ring-brass-hair);transition:translate var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.discard-item-lifted .card{opacity:.4;outline:var(--border-w-hair) dashed rgba(var(--accent-rgb), .85);outline-offset:1px;box-shadow:none}.stock-stacks{--stock-stack-w:var(--card-w-sm);--stock-stack-h:var(--card-h-sm);--stock-gap:var(--space-1);--stock-plate-h:calc(var(--stock-stack-h) / 5);justify-content:flex-end;align-items:flex-end;gap:var(--stock-gap);min-block-size:max(var(--stock-stack-h), var(--tap-min));min-inline-size:max(calc(var(--stock-stack-w) * 3 + var(--stock-gap) * 2), var(--tap-min));padding-inline:var(--space-2);margin-inline:calc(var(--space-2) * -1);display:flex}.stock-stack{inline-size:var(--stock-stack-w);filter:drop-shadow(0 1px 2px rgba(var(--shadow-ink-rgb), .45));flex-direction:column;justify-content:flex-end;gap:0;display:flex}.stock-plate{block-size:var(--stock-plate-h);background:linear-gradient(180deg, var(--tile-face), var(--tile-edge));border:var(--border-w-hair) solid rgba(var(--shadow-ink-rgb), .32);border-radius:var(--radius-xs)}.actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.atu-tile{min-inline-size:calc(var(--card-w-sm) + var(--space-2) + 2 * var(--border-w-hair));min-block-size:calc(var(--card-h-sm) + var(--space-2) + 2 * var(--border-w-hair));padding:var(--space-1);border:var(--border-w-hair) dashed transparent;border-radius:var(--radius-md);justify-content:center;align-items:center;display:inline-flex}.atu-tile-gone{border-color:rgba(var(--accent-rgb), .55)}.meld-joker-slot{border-radius:var(--radius-tile);outline:var(--border-w-hair) solid rgba(var(--accent-rgb), .75);outline-offset:2px;pointer-events:auto;display:inline-flex}.meld-buy{grid-column:1}.card-joker-spent,.card-tile.card-joker-spent{color:var(--card-black)}.panel-extras{align-items:center;gap:var(--space-2);min-width:0;display:flex}.panel-extras .how-to-toggle{flex:none;margin-left:auto}.table-stage{isolation:isolate;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.table-veil{--table-panel-w:34rem;z-index:90;padding:var(--space-3);display:flex;position:absolute;inset:0}.table-veil-scrim{background:var(--surface-scrim);-webkit-backdrop-filter:var(--blur-scrim);backdrop-filter:var(--blur-scrim);animation:overlay-in var(--dur-base) var(--ease-out);position:absolute;inset:0}.table-panel{width:min(100%, var(--table-panel-w));border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-xl);background:var(--bg-felt);min-height:0;box-shadow:var(--shadow-xl);animation:sheet-in var(--dur-base) var(--ease-pop);flex-direction:column;flex:none;margin-inline:auto;display:flex;position:relative;overflow:hidden}.table-veil.is-leaving{animation:overlay-out var(--dur-exit) var(--ease-out) both}.table-veil.is-leaving .table-panel{animation:sheet-down var(--dur-exit) var(--ease-out) both}.table-panel:focus:not(:focus-visible){outline:none}.table-panel-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex:none;display:flex}.table-panel-titles{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.break-room-headline{overflow-wrap:break-word;text-wrap:balance;margin:0}.table-panel-scroll{align-items:center;gap:var(--space-3);min-height:0;padding:0 var(--space-4) var(--space-4);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.break-room-state{align-items:center;gap:var(--space-4);width:min(26rem,100%);padding:var(--space-3) var(--space-4);border:var(--border-w-hair) solid var(--accent);border-radius:var(--radius-xl);background:var(--surface-plate-on-felt);display:flex}.break-room-state[data-held=true]{border-color:var(--border-on-felt)}.break-room-state-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.break-room-state-title,.break-room-state-body{margin:0}.break-room-state-body{color:var(--text-on-felt-muted)}.break-room-standings-label{width:min(26rem,100%);color:var(--overline-ink);align-self:flex-start;margin:0 auto}.break-room-scroll .results-box{width:min(26rem,100%)}.pause-panel{--table-panel-w:60rem}.pause-panel-body{justify-content:center}.pause-panel-by{margin:0}.pause-panel-resume{width:min(26rem,100%)}.break-room-rows{overscroll-behavior:contain;width:min(26rem,100%);max-height:11rem;overflow-y:auto}.table-panel-actions{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--overlay-protect-bottom);flex-direction:column;flex:none;display:flex}.table-panel-actions .btn-block{width:min(26rem,100%)}.table-panel-note{text-align:center;margin:0}@media (orientation:landscape) and (height<=519px){.table-center{justify-content:center;align-items:center;gap:var(--space-4);width:min(100%, var(--play-measure));flex-flow:wrap}.piles{gap:var(--space-4)}.dock>.actions{flex:0 10rem;order:1;justify-content:flex-end;min-width:0}.score-dropdown{flex:none}.table-title{min-width:max(var(--control-h-md), var(--tap-min));flex:none;justify-content:center;padding:0}.table-title-lines{display:none}.score-dropdown-panel{--score-panel-room:min(24rem, var(--play-measure));top:var(--space-2);margin-inline:0 var(--space-2);bottom:auto;left:auto;right:100%}.table-veil{--table-panel-w:46rem;padding:var(--space-2)}.table-panel-head,.table-panel-actions{padding:var(--space-2) var(--space-3)}.table-panel-scroll{padding:0 var(--space-3) var(--space-3)}.break-room-scroll{align-content:start;gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.break-room-state,.break-room-standings-label,.break-room-scroll .results-box,.break-room-rows{width:100%}.break-room .ad-slot,.pause-panel .ad-slot{height:var(--ad-h-slim);min-height:var(--ad-h-slim);max-height:var(--ad-h-slim)}}.pile-stock .pile-button{padding:var(--space-1);border:var(--border-w-hair) solid transparent}.table-foot{z-index:1;padding-inline:var(--space-4);justify-content:space-between;align-self:stretch;align-items:flex-end;gap:var(--space-3);pointer-events:none;order:3;padding-block-start:var(--space-3);display:flex;position:sticky;inset-block-end:0}.table-foot>*{pointer-events:auto}.table-felt:has(>.table-foot)>.table-center{order:2;margin-block-end:0}.table-felt:has(>.table-foot)>.status-line{order:1}.table-felt:has(>.table-foot){padding-block-end:0;padding-inline:0}.table-felt:has(>.table-foot)>:not(.table-foot){padding-inline:var(--space-3)}.put-btn{min-width:calc(var(--tap-min) * 2);min-height:var(--tap-min);padding:var(--space-1) var(--space-4)}.put-btn:not(:disabled){box-shadow:var(--shadow-brass-glow)}.put-btn:disabled{color:var(--ink-muted);background:rgba(var(--felt-shade-rgb), .55);border:var(--border-w-hair) solid var(--border-on-felt);opacity:1}.pile-pair{align-items:flex-start;gap:var(--space-2);display:flex}.turned-tile{padding:var(--space-1);border:var(--border-w-hair) solid transparent;display:inline-flex}.turned-tile .card{box-shadow:var(--ring-brass-hair), var(--shadow-brass-soft), var(--shadow-card-rest)}.drop-zone{min-width:calc(var(--card-w-sm) + var(--space-2) + 2 * var(--border-w-hair));min-height:calc(var(--card-h-sm) + var(--space-2) + 2 * var(--border-w-hair));padding:var(--space-1);border-radius:var(--radius-md);border:var(--border-w-hair) dashed transparent;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.drop-zone-live{border-color:var(--accent)}.drop-zone.drop-zone-live{background-color:rgba(var(--accent-rgb), .14)}.drop-zone-armed{border-color:var(--accent)}.drop-zone-action{z-index:1;min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-1);background:rgba(var(--accent-rgb), .16);border-radius:var(--radius-md);border:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.drop-zone-action:hover,.drop-zone-action:focus-visible{background:rgba(var(--accent-rgb), .28)}.drop-zone-action-note{color:var(--ink);text-align:center;text-wrap:pretty;background:rgba(var(--felt-shade-rgb), .82);border-radius:var(--radius-pill);padding:.1rem .45rem}.drop-zone-note{max-width:var(--card-w);color:var(--ink-muted);text-align:center;text-wrap:pretty;margin:0}.meld-lane-mine{background-color:var(--surface-plate-on-felt)}.seat-melds-empty{flex:1}.meld-row{--meld-gap:calc(3px * var(--ui-scale));--meld-pad:.3rem;--meld-piece-max:var(--card-w-sm);--meld-piece-w:min(var(--meld-piece-max), calc((100cqw - (var(--meld-parts,5) + 1) * var(--meld-gap) - 2 * var(--meld-pad)) / (var(--meld-slots,5) + var(--meld-ends,0))));justify-content:center;align-items:stretch;gap:var(--meld-gap);grid-template-columns:auto minmax(0,max-content) auto;display:grid;container-type:inline-size}.meld>*,.meld-slot{--card-w-sm:var(--meld-piece-w);--card-h-sm:calc(var(--meld-piece-w) * 54 / 38)}.meld{pointer-events:auto;align-items:center;gap:var(--meld-gap);max-width:100%;padding:var(--meld-pad);min-block-size:calc(var(--card-h-sm) + 2 * var(--meld-pad));border-radius:var(--radius);transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-settle);animation:meld-in var(--dur-deal) var(--ease-out) backwards;background:0 0;flex-wrap:nowrap;grid-area:1/2;display:flex}@keyframes meld-in{0%{opacity:0}}.meld-accepting{animation:meld-accept var(--dur-slow) var(--ease-settle) var(--dur-base) backwards}@keyframes meld-accept{0%,to{box-shadow:none}45%{box-shadow:var(--ring-brass)}}.meld>*{flex:none}.meld-fold{width:calc(var(--card-w-sm) * .44);height:var(--card-h-sm);color:var(--ink-muted);justify-content:center;align-items:center;display:flex}.meld-fold:before{content:"…"}.meld:disabled{opacity:1}.meld-target{background:rgba(var(--accent-rgb), .14);box-shadow:var(--ring-brass)}.meld-slot{inline-size:var(--meld-piece-w);grid-row:1}.meld-slot-low{grid-column:1}.meld-slot-high{grid-column:3}.meld-end{color:var(--accent);background:rgba(var(--accent-rgb), .14);border-radius:var(--radius-tile);box-shadow:var(--ring-brass);pointer-events:auto;transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-settle);border:none;justify-content:center;align-items:center;padding:0;display:flex}.meld-end-low{grid-column:1}.meld-end-high{grid-column:3}.meld-end:hover,.meld-end:focus-visible{background:rgba(var(--accent-rgb), .28);box-shadow:var(--ring-brass-wide);outline:none}.meld-hint{border-radius:var(--radius-tile);transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.meld-end.meld-hint-fits{color:var(--good);background:color-mix(in srgb, var(--good) 14%, transparent);box-shadow:0 0 0 var(--border-w-thick) color-mix(in srgb, var(--good) 45%, transparent)}.meld-hint-refused{pointer-events:none;color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent);box-shadow:0 0 0 var(--border-w-thick) color-mix(in srgb, var(--danger) 45%, transparent)}.meld-pager{z-index:0;border-radius:var(--radius-md);background:0 0;border:none;padding:0;position:absolute;inset:0}.meld-pager:hover{background:rgba(var(--accent-rgb), .1)}.meld-pager:focus-visible{box-shadow:var(--ring-focus);outline:none}.meld-pager-more{z-index:2;color:var(--accent);background:rgba(var(--felt-shade-rgb), .82);border-radius:var(--radius-pill);pointer-events:none;align-items:center;gap:.15rem;padding:.05rem .3rem;display:flex;position:absolute;inset-block-end:var(--space-1);inset-inline-end:var(--space-1)}.discard-strip{min-width:0;max-width:calc(var(--card-w-sm) * 14 + var(--space-1) * 13 + var(--space-3) * 2);align-items:center;display:flex;position:relative}.discard-strip:focus-visible{border-radius:var(--radius-md);box-shadow:var(--ring-focus);outline:none}.discard-strip-view{scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.discard-strip-view::-webkit-scrollbar{display:none}.discard-strip-track{align-items:center;gap:var(--space-1);padding:0 var(--space-3);margin:0;list-style:none;display:flex}.discard-item{width:var(--card-w-sm);height:var(--card-h-sm);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.discard-item .card{--card-w:var(--card-w-sm);--card-h:var(--card-h-sm)}.discard-item-head .card{rotate:90deg}.discard-item-head{margin-inline-end:calc((var(--card-h-sm) - var(--card-w-sm)) / 2 + var(--space-1))}.discard-item-top .card{box-shadow:var(--shadow-sm), var(--ring-brass-hair)}.discard-buried{width:var(--card-w);height:var(--card-h);color:var(--ink-muted);background-color:rgba(var(--felt-shade-rgb), .4);border:var(--border-w-hair) dashed var(--border-on-felt);border-radius:var(--radius-tile);justify-content:center;align-items:center;display:flex}.discard-pager{z-index:2;width:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink);border-radius:var(--radius-pill);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block:0}.discard-pager-prev{inset-inline-start:0}.discard-pager-next{inset-inline-end:0}.discard-pager:hover,.discard-pager:focus-visible{background:rgba(var(--felt-shade-rgb), .92)}.pile-discard{min-width:0}.piles:has(>.pile-discard){width:100%}.pile-discard{flex:auto}.pile-discard .drop-zone{width:100%;max-width:calc(var(--card-w-sm) * 14 + var(--space-1) * 13 + var(--space-3) * 2 + var(--space-2))}.drop-zone-refusal{z-index:2;max-width:100%;color:var(--ink);text-align:center;text-wrap:pretty;background:rgba(var(--felt-shade-rgb), .82);border-radius:var(--radius-pill);margin:0;padding:.1rem .45rem;position:absolute;inset-block-end:var(--space-1)}.achievements-screen .sheet{flex-direction:column;gap:.625rem;display:flex}.achievements-screen .sheet>p,.achievements-screen .achievement-group>p{max-width:62ch}.achievement-group{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}.achievement-group-title{margin:0}.achievement-group-count{color:var(--ink-muted);margin:0}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.achievement{min-height:max(3.875rem, var(--tap-min));color:var(--ink);background:var(--surface-card);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg);align-items:flex-start;gap:.75rem;padding:.75rem .875rem;display:flex}.achievement[data-layout=tile]{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem}.achievement-unlocked{box-shadow:var(--shadow-sm)}.achievement-locked{color:var(--ink-muted);background:var(--surface-card-quiet);filter:grayscale(80%)}.achievement-medal{--medal-ring:var(--frame-arama);--medal-edge:var(--frame-arama-edge);--medal-ink:var(--text-on-brass);width:2.75rem;height:2.75rem;color:var(--medal-ink);background-image:linear-gradient(150deg, var(--medal-ring) 0%, var(--medal-edge) 62%, var(--medal-ring) 100%);border:var(--border-w-hair) solid var(--medal-edge);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.achievement[data-layout=tile] .achievement-medal{width:3.25rem;height:3.25rem}.achievement-medal[data-tier=lemn]{--medal-ring:var(--frame-lemn);--medal-edge:var(--frame-lemn-edge);--medal-ink:var(--ivory-100)}.achievement-medal[data-tier=piatra]{--medal-ring:var(--frame-piatra);--medal-edge:var(--frame-piatra-edge);--medal-ink:var(--stone-950)}.achievement-medal[data-tier=verde]{--medal-ring:var(--frame-verde);--medal-edge:var(--frame-verde-edge);--medal-ink:var(--ivory-100)}.achievement-medal[data-tier=arama]{--medal-ring:var(--frame-arama);--medal-edge:var(--frame-arama-edge);--medal-ink:var(--text-on-brass)}.achievement-medal[data-tier=septar]{--medal-ring:var(--frame-septar);--medal-edge:var(--frame-septar-edge);--medal-ink:var(--ivory-100)}.achievement-medal[data-frame]{--medal-ring:var(--frame-ring);--medal-edge:color-mix(in srgb, var(--frame-ring) 80%, var(--wood-900));--medal-ink:var(--stone-950)}.achievement-locked .achievement-medal{color:var(--ink-muted);background-color:var(--surface-sunken);border-color:var(--border-default);box-shadow:var(--shadow-inset-press);background-image:none}.achievement-body{flex-direction:column;flex:1;gap:.1875rem;min-width:0;display:flex}.achievement[data-layout=tile] .achievement-body{align-items:center;width:100%}.achievement-head{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;display:flex}.achievement[data-layout=tile] .achievement-head{justify-content:center}.achievement-name{min-width:0}.achievement-game{flex:none;padding:.1em .5em}.achievement-check{width:1.125rem;height:1.125rem;color:var(--success-fg);background:var(--success-bg);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.achievement-hint{color:var(--ink-muted);text-wrap:pretty}.achievement-progress{align-items:center;gap:.5rem;width:100%;margin-top:.1875rem;display:flex}.achievement-track{background:var(--surface-sunken);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-pill);flex:1;height:.3125rem;overflow:hidden}.achievement-fill{background:linear-gradient(90deg, var(--brass-600), var(--xp-fill) 62%, var(--brass-300));border-radius:var(--radius-pill);height:100%;display:block}.achievement-count{color:var(--ink-muted);flex:none}.achievement-reward{color:var(--ink-muted);align-items:center;gap:.375rem;margin-top:.125rem;display:inline-flex}.achievement-unlocked .achievement-reward{color:var(--overline-ink)}.achievement-medals{flex-wrap:wrap;gap:.6rem;margin:.4rem 0;padding:0;list-style:none;display:flex}.achievement-medal-count{align-items:center;gap:.35rem;display:inline-flex}@media (orientation:landscape) and (height<=520px){.achievement-group{margin-top:var(--space-2)}.achievement-grid{gap:.375rem}.achievement,.achievement[data-layout=tile]{padding:var(--space-2) .875rem}.achievement{gap:var(--space-2);min-height:max(3.25rem, var(--tap-min))}}.board-screen{container:board-screen/inline-size}.board-list{--board-medal-first:color-mix(in srgb, var(--brass-600) 55%, var(--text-strong));--board-medal-second:color-mix(in srgb, var(--stone-500) 55%, var(--text-strong));--board-medal-third:color-mix(in srgb, var(--wood-500) 55%, var(--text-strong));--board-mine-bg:color-mix(in srgb, var(--green-500) 22%, var(--surface-sunken));--board-mine-edge:color-mix(in srgb, var(--green-500) 62%, var(--border-hairline));--board-mine-overline:color-mix(in srgb, var(--overline-ink) 70%, var(--text-strong));--board-row-pad-bare:.125rem;--board-row-pad-plate:.75rem;flex-direction:column;gap:.375rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex;container:board/inline-size}.board-row{padding:.5rem var(--board-row-pad-bare);border-bottom:var(--border-w-hair) solid var(--border-hairline);align-items:center;gap:.625rem;display:flex;position:relative}.board-list .board-row:last-child{border-bottom:0}.board-row-me{padding-inline:var(--board-row-pad-plate);margin-inline:calc(var(--board-row-pad-bare) - var(--board-row-pad-plate) - var(--border-w-hair));font-weight:var(--fw-bold);background:var(--board-mine-bg);border:var(--border-w-hair) solid var(--board-mine-edge);border-radius:var(--radius-md)}.board-row-me .board-you{color:var(--board-mine-overline)}.board-row-me:before{content:"";background:var(--board-mine-edge);border-radius:var(--radius-pill);width:.1875rem;position:absolute;inset-block:.375rem;inset-inline-start:.25rem}.board-row-me .board-rank,.board-row-me .board-stat,.board-row-me .muted{color:var(--ink)}.board-pinned{border-bottom:var(--border-w-hair) solid var(--border-hairline);margin-bottom:.75rem;padding-bottom:.75rem}.board-rank{min-width:2.375rem;font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--ink-muted);flex:none}.board-row[data-place="1"] .board-rank{color:var(--board-medal-first)}.board-row[data-place="2"] .board-rank{color:var(--board-medal-second)}.board-row[data-place="3"] .board-rank{color:var(--board-medal-third)}.board-avatar{width:2.125rem;height:2.125rem;font-size:var(--text-body-m);font-weight:var(--fw-bold);color:var(--ivory-100);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.board-avatar-deleted{color:var(--ink-muted);background:var(--surface-sunken);border:var(--border-w-hair) solid var(--border-hairline)}.board-name{flex-wrap:wrap;flex:6rem;align-items:center;gap:.375rem;min-width:0;display:flex}.board-name-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.board-name-deleted{color:var(--ink-muted);font-style:italic}.board-you,.board-name .level-badge{flex:none}.board-stat{color:var(--ink-muted);flex:none}.board-value{min-width:3.25rem;font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--ink);text-align:right;flex:none}@container board (width<26em){.board-stat{display:none}}@container board (width<12em){.board-row{flex-wrap:wrap}.board-name{flex:1 1 0}.board-value{flex:1 0 100%;padding-inline-start:5.75rem}}.board-controls{flex-direction:column;gap:.625rem;margin-bottom:.75rem;display:flex}.board-metric{width:100%}.board-friends{align-self:flex-start}@container board-screen (width>=30em){.board-controls{flex-flow:wrap;align-items:center}.board-metric{--tabs-measure:max-content;width:auto}.board-game-picker{flex:1 0 100%}}.board-window,.board-rule{color:var(--ink-muted);text-wrap:pretty;margin:0}.board-rule{margin-top:var(--space-1)}.board-notice{color:var(--ink-muted);margin:.75rem 0 0}.board-paging{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);grid-template-areas:"prev page next";align-items:center;gap:.625rem;margin-top:.875rem;display:grid}.board-prev{grid-area:prev;justify-self:start}.board-page{text-align:center;grid-area:page}.board-next{grid-area:next;justify-self:end}@container board-screen (width<21em){.board-paging{grid-template-columns:minmax(0,1fr);grid-template-areas:"prev""page""next"}.board-prev,.board-next{justify-self:stretch}}.board-total,.board-capped,.board-footnote{color:var(--ink-muted);text-wrap:pretty;margin:.375rem 0 0}.board-level{background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg);margin-top:1rem;padding:.875rem}.board-empty{margin-top:.75rem}.board-empty h2{margin:0 0 var(--empty-note-gap)}.board-skeleton{opacity:.5}.board-skeleton-rank,.board-skeleton-line{background:linear-gradient(90deg, var(--surface-sunken), var(--surface-card-quiet), var(--surface-sunken));border-radius:var(--radius-sm);animation:history-shimmer var(--dur-breath) linear infinite;background-size:200% 100%}@keyframes history-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.board-skeleton-rank{flex:none;width:2.375rem;height:1.25rem}.board-skeleton-line{flex:1;height:1.25rem}@media (orientation:landscape) and (height<=520px){.board-controls{margin-bottom:var(--space-2)}.board-list{margin-top:var(--space-2)}.board-row{padding-block:.375rem}.board-paging{margin-top:var(--space-2)}.board-level{margin-top:var(--space-3);padding:var(--space-3)}}.frame-ring{border:.14em solid var(--frame-ring,transparent);border-radius:var(--radius-pill);align-items:center;gap:.25em;min-width:.9em;min-height:.9em;padding:.05em .4em;display:inline-flex}[data-frame=level_novice]{--frame-ring:#6fae7d}[data-frame=level_skilled]{--frame-ring:#3fb0b8}[data-frame=level_expert]{--frame-ring:#4a8ee6}[data-frame=level_veteran]{--frame-ring:#a05fe6}[data-frame=level_legend]{--frame-ring:#f25c3d}[data-frame=wood]{--frame-ring:#a5713f}[data-frame=bronze]{--frame-ring:#c07a41}[data-frame=silver]{--frame-ring:#c6ced6}[data-frame=gold]{--frame-ring:#e8b73a}[data-frame=platinum]{--frame-ring:#9fd7e4}[data-frame=diamond]{--frame-ring:#7fe3f0}[data-frame=master]{--frame-ring:#b58ae6}[data-frame=grandmaster]{--frame-ring:#ef6f9c}[data-frame=champ_gold]{--frame-ring:var(--medal-gold)}[data-frame=champ_silver]{--frame-ring:var(--medal-silver)}[data-frame=champ_bronze]{--frame-ring:var(--medal-bronze)}.avatar-frame{border:.16em solid var(--frame-ring,transparent);border-radius:50%;padding:.12em;line-height:0;display:inline-flex}.avatar-picture{object-fit:cover;border-radius:50%}.level-badge{flex:0 auto;align-items:center;gap:.35em;min-width:0;font-size:.8rem;display:inline-flex}.level-badge-text{white-space:nowrap}.level-badge-game{text-overflow:ellipsis;white-space:nowrap;padding:.1em .5em;font-size:.9em;overflow:hidden}.level-badge[data-compact=true]{font-size:.72rem}@media (width<=480px){.level-badge[data-compact=true] .level-badge-game{display:none}}.account-screen .sheet{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.account-col{gap:var(--space-6);flex-direction:column;flex:22rem;min-width:0;display:flex}.account-col:empty{display:none}.account-screen .profile-section{flex:100%;min-width:0}.profile-hero{align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;flex:100%;display:flex;container:profile-hero/inline-size}.profile-hero-identity{flex:15rem;align-items:center;gap:.875rem;min-width:0;display:flex}.profile-hero>.level-progress{flex:15rem;min-width:0}.profile-hero-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}@container profile-hero (width<=19rem){.profile-hero-identity{flex-direction:column;align-items:flex-start}}.profile-hero-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.profile-hero-name{color:var(--ink);overflow-wrap:anywhere;margin:0}.profile-hero-meta{color:var(--ink-muted);margin:0}.profile-hub,.profile-details,.profile-frames{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.profile-section{align-items:flex-start;gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.profile-details{flex:20rem}.profile-frames{flex:2 20rem}.profile-section:not(:has(.profile-frames)) .profile-details{max-width:26rem}.profile-section h2,.profile-hub h2{color:var(--ink);margin:0}.profile-section h3{margin:var(--space-2) 0 0;color:var(--ink)}.profile-picture-hint,.profile-frames-hint{color:var(--ink-muted);text-wrap:pretty;margin:0}.profile-frame-games{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.profile-crop img{width:8em;height:8em}.profile-actions{flex-wrap:wrap;gap:.6rem;display:flex}.profile-actions button{flex:auto}.frame-picker{grid-template-columns:repeat(auto-fill,minmax(5.125rem,1fr));gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.frame-option{width:100%;min-height:var(--tap-min);padding:var(--space-2) .125rem;color:var(--ink);text-align:center;border:var(--border-w-hair) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;align-items:center;gap:.3125rem;display:flex}.frame-option:not(:disabled):hover{background:var(--surface-sunken)}.frame-option[aria-pressed=true]{color:var(--control-tag-fg-selected);background:var(--control-tag-bg-selected);border-color:var(--control-tag-bg-selected)}.frame-option:disabled{color:var(--ink-muted);cursor:not-allowed;opacity:1}.frame-option-name{color:inherit;overflow-wrap:anywhere}.frame-option-state{color:var(--ink-muted);align-items:center;gap:.25em;display:inline-flex}.frame-option-state[data-state=worn]{color:inherit}.frame-option-unlock{color:var(--ink-muted);text-wrap:pretty}.hub-row-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.hub-row-hint{color:var(--ink-muted)}.hub-row-go{color:var(--ink-dim);flex:none}.totp-setup,.totp-codes{gap:var(--space-3);padding:var(--space-4);background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg);flex-direction:column;display:flex}.totp-qr{border-radius:var(--radius-sm);align-self:center;width:100%;max-width:14rem;height:auto}.totp-secret{font-size:var(--text-body-s);color:var(--ink-muted);overflow-wrap:anywhere;margin:0}.totp-secret code,.totp-code-list code{letter-spacing:.08em;color:var(--ink);font-family:ui-monospace,SF Mono,Cascadia Mono,Roboto Mono,monospace}.totp-code-list{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0;padding:0;list-style:none;display:grid}.totp-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.blocked-list,.muted-list,.notices-list{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.blocked-list li,.muted-list li{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.blocked-name,.muted-name{font-weight:600}.notices-list li{gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-left:var(--border-w-thick) solid var(--border-hairline);border-radius:var(--radius-sm);flex-direction:column;display:flex}.notices-list li[data-unread=true]{border-left-color:var(--overline-ink)}.notice-outcome{font-weight:600}.notice-statement{margin:var(--space-1) 0 0;font-size:var(--text-body-s)}@media (orientation:landscape) and (height<=520px){.account-screen .sheet,.account-col{gap:var(--space-4)}.profile-hero{gap:var(--space-3)}.frame-picker{gap:var(--space-2)}}.social-section{gap:var(--space-2);flex-direction:column;display:flex}.social-section+.social-section{margin-top:var(--space-6)}.social-head{align-items:center;gap:var(--space-2);margin:0;display:flex}.social-hint{max-width:62ch;color:var(--ink-muted);text-wrap:pretty;margin:0}.social-notice{max-width:62ch;padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);color:var(--ink);text-wrap:pretty;background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-md)}.badge-unread{--badge-hue:var(--control-danger-ink);--badge-wash:var(--control-danger-wash)}.friend-row{--social-name-min:6rem;gap:var(--space-2) var(--space-3);flex-wrap:wrap}.friend-identity{flex:1 1 var(--social-name-min);min-width:var(--social-name-min);flex-direction:column;gap:.125rem;display:flex}.friend-identity+*,.dm-thread-open+*{margin-inline-start:auto}.friend-actions{gap:var(--space-2);flex:none;align-items:center;display:flex}.friend-name{overflow-wrap:anywhere;font-weight:var(--fw-semibold);color:var(--ink)}.friend-line{color:var(--ink-muted)}.friend-row-deleted .friend-name{color:var(--ink-muted);font-style:italic}.friend-row-request{border-color:var(--border-brass)}.friend-presence{color:var(--ink-muted);align-items:center;gap:.375rem;display:inline-flex}.friend-dot{background:var(--ink-dim);border-radius:50%;flex:none;width:.5em;height:.5em}.friend-presence[data-presence=online] .friend-dot{background:var(--green-400)}.friend-presence[data-presence=recent] .friend-dot{background:var(--amber-600)}.contact-avatar{flex:none;line-height:0;display:inline-flex}.contact-avatar-erased{width:2.75rem;height:2.75rem;color:var(--ink-dim);background:var(--surface-sunken);border:var(--border-w-hair) solid var(--border-hairline);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.friends-search{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.friends-search-input{flex:8rem;min-width:0}.dm-thread-open{flex:1 1 var(--social-name-min);min-width:var(--social-name-min);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:.1875rem;padding:0;display:flex}.dm-preview{max-width:100%;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-row-team{border-color:var(--border-brass)}.dm-team-mark{border-radius:50%;width:2.75rem;height:2.75rem}.dm-message{gap:var(--space-2);max-width:82%;color:var(--ink);background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);align-self:flex-start;align-items:baseline;padding:.5625rem .75rem;display:flex}.dm-message[data-outgoing=true]{color:var(--control-tag-fg-selected);background:var(--control-tag-bg-selected);border-color:color-mix(in srgb, var(--control-tag-bg-selected) 82%, black);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);align-self:flex-end}.dm-body{overflow-wrap:anywhere;white-space:pre-wrap;flex:auto;min-width:0}.dm-report{padding:0 var(--space-2);flex:none}.dm-composer-label{flex:1 0 100%}.dm-composer-input{flex:8rem;min-width:0}.dm-send{flex:none}.sheet:has(.social-section){container:social/inline-size}@container row-card (width>=20rem){.friend-identity,.dm-thread-open{--social-name-min:9rem}}@container row-card (width>=30rem){.friend-identity,.dm-thread-open{--social-name-min:12rem}}@container social (width>=30rem){.friend-row{gap:var(--space-2) var(--space-4)}.dm-message{max-width:72%}}.sheet-screen[data-dm-view=thread]{height:100%;padding-bottom:0}.sheet-screen[data-dm-view=thread] .sheet{flex-direction:column;flex:auto;min-height:0;display:flex}.dm-thread{gap:var(--space-3);flex:auto;min-height:0}.dm-messages{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dm-composer{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}@media (orientation:landscape) and (height<=520px){.sheet-screen[data-dm-view=thread] .sheet{--sheet-air:var(--space-2)}.dm-thread{gap:var(--space-2)}.dm-message{padding:var(--space-1) var(--space-2)}.dm-composer-label{flex:none}.social-section+.social-section{margin-top:var(--space-4)}}.social-list{--row-track:22rem}.social-section-form{max-width:40rem}.support-form{gap:var(--space-3);flex-direction:column;display:flex}.support-received{margin:var(--space-2) 0 0;color:var(--ink)}.support-cta{align-self:flex-start}.forms-screen .settings-section>h2{margin:0}.forms-screen .sheet{gap:var(--space-6);flex-direction:column;display:flex}.forms-screen .settings-section>p,.forms-screen .support-form>p,.forms-screen .support-received{max-width:62ch}.signin-as{margin:0}.signin-why{color:var(--text-body);text-wrap:pretty;margin:0}.signin-legal{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.signin-legal .legal-links{font-size:var(--text-caption);line-height:var(--lh-caption);gap:.375rem .875rem}@media (orientation:landscape) and (height<=520px){.forms-screen .sheet{gap:var(--space-4)}.forms-screen .support-form{gap:var(--space-2)}.forms-screen textarea.field-control{height:8rem}}.legal-body{color:var(--ink);font-size:var(--text-body-m);line-height:var(--lh-body-m)}.legal-body h2{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-title-s);line-height:var(--lh-title-s);font-weight:var(--fw-semibold);color:var(--text-strong);text-wrap:balance}.legal-body>h2:first-child{margin-top:0}.legal-body h3,.legal-body h4{margin:var(--space-5) 0 var(--space-1);font-family:var(--font-ui);font-size:var(--text-body-l);line-height:var(--lh-body-l);font-weight:var(--fw-semibold);color:var(--text-strong);text-wrap:balance}.legal-body p{margin:0 0 var(--space-3);color:var(--ink-muted);text-wrap:pretty}.legal-body ul,.legal-body ol{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--ink-muted)}.legal-body li{margin-bottom:var(--space-1);text-wrap:pretty}.legal-body>:last-child{margin-bottom:0}.legal-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-w-hair) solid var(--border-hairline)}.legal-footer h2{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-title-s);line-height:var(--lh-title-s);font-weight:var(--fw-semibold);color:var(--text-strong)}.legal-links{gap:var(--space-1) var(--space-4);font-size:var(--text-body-m);line-height:var(--lh-body-m);flex-wrap:wrap;display:flex}.legal-footer .legal-links{gap:0 var(--space-4)}.legal-footer .legal-link{min-height:var(--tap-min);align-items:center;display:inline-flex}.legal-link.legal-link-current{color:var(--ink-muted);text-decoration:none}@media (orientation:landscape) and (height<=520px){.legal-body h2{margin-top:var(--space-4)}.legal-body h3,.legal-body h4{margin-top:var(--space-3)}.legal-footer{margin-top:var(--space-4);padding-top:var(--space-3)}}.champ .badge-success{--badge-hue:var(--success-fg);--badge-wash:var(--success-bg)}.champ .badge-info{--badge-hue:var(--info-fg);--badge-wash:var(--info-bg)}.champ .badge-danger{--badge-hue:var(--danger-fg);--badge-wash:var(--danger-bg)}.champ{--champ-metal-gold:var(--medal-gold);--champ-metal-silver:var(--medal-silver);--champ-metal-bronze:var(--medal-bronze);--champ-me-wash:rgba(var(--accent-rgb), .12)}.champ .sheet{gap:var(--space-4);flex-direction:column;display:flex;container:champ-sheet/inline-size}.champ-toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.champ-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;container:champ-rows/inline-size}.champ-row{min-width:0;display:flex}.champ-row-open{min-width:0;color:var(--ink);align-items:flex-start;gap:var(--space-3);text-align:left;flex:1;display:flex}.champ-row-slot .champ-row-open{min-height:var(--tap-min);box-shadow:none;background:0 0;border:0;padding:0}.champ-row-slot .champ-row-open:hover{box-shadow:none;background:0 0;transform:none}.champ-row-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.champ-row-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.champ-row-name{overflow-wrap:anywhere}.champ-state,.champ-joined{flex:none}.champ-meta{gap:var(--space-1) var(--space-3);min-width:0;color:var(--ink-muted);flex-wrap:wrap;align-items:center;margin:0;display:flex}.champ .champ-countdown{color:var(--ink);font-weight:var(--fw-semibold)}.champ-row-slot{align-items:stretch;gap:var(--space-3);flex-direction:column}.champ-row-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@container champ-rows (width<=22rem){.champ-row-actions{flex-direction:column;align-items:stretch}}.champ-signup{flex:none}.champ-upcoming{gap:var(--space-2);padding:0 0 var(--space-4);border-bottom:var(--border-w-hair) solid var(--border-hairline);flex-direction:column;display:flex}.champ-footnote{color:var(--ink-muted);text-wrap:pretty;margin:0}.champ-more{align-self:flex-start}.champ-empty{gap:var(--empty-note-gap);flex-direction:column;display:flex}.champ-empty h2,.champ-empty p{margin:0}.champ-detail,.champ-detail-rail,.champ-detail-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.champ-detail-head{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.champ-cta{gap:var(--space-2);padding:var(--space-4);background:var(--surface-card-quiet);border:var(--border-w-hair) solid var(--border-brass);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;display:flex}.champ-cta-copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.champ-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.champ-section{gap:var(--space-2);flex-direction:column;display:flex}.champ-rounds{gap:var(--space-2);flex-direction:column;max-width:100%;display:flex;overflow-x:auto}.champ-round{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.champ-podium{gap:var(--space-3);flex-direction:column;padding:1.125rem .875rem;display:flex;container:champ-podium/inline-size}.champ-podium-places{justify-content:center;align-items:flex-end;gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.champ-podium-place{align-items:center;gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;max-width:6rem;display:flex}.champ-podium-place[data-place="1"]{order:2}.champ-podium-place[data-place="2"]{order:1}.champ-podium-place[data-place="3"]{order:3}.champ-podium-name{color:var(--ink);text-align:center;overflow-wrap:anywhere}.champ-podium-points{color:var(--ink)}.champ-podium-plinth{width:100%;padding-bottom:var(--space-1);color:var(--text-on-brass);border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:center;align-items:flex-end;display:flex}.champ-podium-place[data-place="1"] .champ-podium-plinth{background:var(--champ-metal-gold);height:2.875rem}.champ-podium-place[data-place="2"] .champ-podium-plinth{background:var(--champ-metal-silver);height:2.125rem}.champ-podium-place[data-place="3"] .champ-podium-plinth{background:var(--champ-metal-bronze);height:1.625rem}@container champ-podium (width<=18rem){.champ-podium-places{gap:var(--space-1)}}.champ-match-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.champ-match{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.champ-match-seats{align-items:baseline;gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.champ-match-vs,.champ-match-status{color:var(--ink-muted)}.champ-match-bye,.champ-match[data-status=walkover_a] .champ-match-status,.champ-match[data-status=walkover_b] .champ-match-status{color:var(--ink);font-weight:var(--fw-semibold)}.champ-name{overflow-wrap:anywhere}.champ-name-deleted{color:var(--ink-muted);font-style:italic}.champ-standings-scroll{max-width:100%;overflow-x:auto}.champ-standings{border-collapse:collapse;min-width:100%}.champ-standings th,.champ-standings td{text-align:left;padding:var(--space-2);white-space:nowrap}.champ-standings th{color:var(--ink-muted)}.champ-standing{border-top:var(--border-w-hair) solid var(--border-hairline)}.champ-standing-me,.champ-match-me{background-color:var(--surface-sunken);background-image:linear-gradient(var(--champ-me-wash), var(--champ-me-wash));--ink-muted:var(--ink);font-weight:var(--fw-semibold)}.champ-rank,.champ-podium-plinth{font-family:var(--font-display);font-weight:var(--fw-bold)}.champ-rank{margin-right:var(--space-1);color:var(--ink)}.champ-medal{align-items:center;gap:var(--space-1);color:var(--ink-muted);font-weight:var(--fw-bold);display:inline-flex}.champ-you{margin-left:var(--space-1);color:var(--ink)}.champ-form{gap:var(--space-4);flex-direction:column;display:flex}.champ-form-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.champ-number{max-width:8rem}.next-tournament{align-items:baseline;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;color:var(--ink-muted);flex-wrap:wrap;display:flex}.next-tournament-label{font-weight:var(--fw-semibold);color:var(--ink)}.next-tournament .champ-countdown{color:var(--accent)}@media (orientation:landscape) and (height<=520px){.champ .sheet,.champ-detail,.champ-detail-rail,.champ-detail-main{gap:var(--space-3)}.champ-list{gap:var(--space-2)}.champ-upcoming{padding-bottom:var(--space-3)}.champ-cta{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);flex-flow:wrap}.champ-cta-copy{gap:var(--space-1);flex:14rem}.champ-podium{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.champ-podium-place[data-place="1"] .champ-podium-plinth{height:2.125rem}.champ-podium-place[data-place="2"] .champ-podium-plinth{height:1.625rem}.champ-podium-place[data-place="3"] .champ-podium-plinth{height:1.25rem}}@container champ-sheet (width>=48rem){.champ-detail{gap:var(--gutter-page);grid-template-columns:20rem minmax(0,1fr);align-items:start;display:grid}.champ-detail-rail,.champ-detail-main{gap:var(--space-4)}.champ-rounds{align-items:start;gap:var(--space-4);padding-bottom:var(--space-2);flex-direction:row}.champ-round{flex:0 0 15rem}.champ-match{align-items:flex-start;gap:var(--space-1);flex-direction:column}}.games-page{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.games-body{padding:.875rem var(--gutter-screen) 1.875rem;padding-bottom:max(1.875rem, env(safe-area-inset-bottom));flex-direction:column;gap:.875rem;display:flex}@media (width>=900px){.games-body{padding-inline:var(--gutter-page)}}.games-search-field{align-items:center;display:flex;position:relative}.games-search-icon{color:var(--ink-muted);pointer-events:none;position:absolute;inset-inline-start:var(--space-3)}.games-search{width:100%;min-height:max(var(--control-h-md), var(--tap-min));padding:0 var(--space-3);border:var(--border-w-hair) solid var(--control-field-border);border-radius:var(--radius-control);background:var(--control-field-bg);color:var(--control-field-fg);font:inherit;padding-inline-start:var(--space-8)}.games-search::placeholder{color:var(--control-field-placeholder)}.games-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.game-card{gap:var(--space-3);border:var(--border-w-hair) solid var(--border-hairline);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.game-card:hover,.game-card:focus-within{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-card-lift)}.game-card-head{align-items:flex-start;gap:var(--space-3);display:flex}.game-card-glyph{max-width:2.125rem;font-family:var(--font-display);font-size:var(--text-body-s);font-weight:var(--fw-bold);line-height:var(--lh-micro);letter-spacing:var(--ls-wide);color:var(--brass-200);text-align:center;overflow-wrap:anywhere}.game-card-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.game-card-name{color:var(--ink);margin:0}.game-card-tagline{color:var(--ink-muted);text-wrap:pretty;margin:0}.game-card-players{color:var(--ink-muted);margin:0}.game-card-copy .level-badge{margin-top:var(--space-1);align-self:flex-start}.games-page .level-badge-game{border:var(--border-w-hair) solid var(--level-chip-edge);border-radius:var(--radius-pill);background:var(--level-chip-bg);color:var(--level-chip-fg)}.game-card-marks{flex:none;align-items:flex-start;gap:.125rem;margin:-.375rem -.375rem 0 0;display:flex}.game-mark{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink-muted);border:var(--border-w-hair) solid transparent;border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.game-mark:hover{background:var(--control-quiet-bg-hover)}.game-card-marks .how-to-anchor{display:inline-flex}.game-star-on{color:var(--overline-ink);background:var(--surface-sunken);border-color:var(--border-default)}.game-card-play{margin-top:auto}.games-page .next-tournament{font-size:var(--text-body-s);margin:0}.games-page .next-tournament .champ-countdown{color:var(--ink);font-weight:var(--fw-semibold)}.games-page .variant{color:var(--ink);background:var(--surface-card);border-color:var(--border-default)}.games-page .variant-active{color:var(--control-tag-fg-selected);background:var(--control-tag-bg-selected);border-color:var(--control-tag-bg-selected)}.games-page .variant-active .variant-tagline{color:inherit}.games-empty-title{margin:0 0 var(--empty-note-gap);color:var(--ink)}.games-empty p{margin:0}.games-legal{gap:var(--space-2);padding-top:var(--space-1);flex-direction:column;display:flex}.games-page .legal-links{font-size:var(--text-caption);line-height:var(--lh-caption);gap:.375rem .875rem}@media (orientation:landscape) and (height<=520px){.games-body{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.games-list{gap:var(--space-2)}.game-card{gap:var(--space-2);padding:var(--space-3)}.game-card-copy .level-badge{margin-top:0}.play-body{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.play-rows{gap:var(--space-2)}}.play-page{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.play-body{padding:.875rem var(--gutter-screen) 1.875rem;padding-bottom:max(1.875rem, env(safe-area-inset-bottom));flex-direction:column;gap:.875rem;display:flex}@media (width>=900px){.play-body{padding-inline:var(--gutter-page)}}.play-rows{--row-track:22rem;gap:.625rem}.play-row-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.play-row-hint{color:var(--ink-muted)}.play-row-go{color:var(--ink-dim);flex:none}button.play-row:active:not(:disabled){transform:scale(var(--press-scale))}.play-rows .how-to-anchor{display:block}button.play-row:disabled{background:var(--surface-sunken);box-shadow:none;cursor:not-allowed}.play-sheet-section{gap:var(--space-2);flex-direction:column;display:flex}.play-sheet-hint{color:var(--text-body);margin:0}.play-join-code{letter-spacing:.18em;text-align:center}.scale-field{gap:var(--space-2);flex-direction:column;display:flex}.scale-label{color:var(--overline-ink)}.scale{align-items:flex-start;padding-block-start:var(--space-1);display:flex}.scale-stop{isolation:isolate;align-items:center;gap:var(--space-1);min-height:var(--tap-min);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;padding:0;display:flex;position:relative}.scale-stop:after{content:"";z-index:-1;top:var(--space-3);height:var(--border-w-hair);background:var(--border-default);position:absolute;left:0;right:0}.scale-stop:first-child:after{left:50%}.scale-stop:last-child:after{right:50%}.scale-stop:before{content:"";width:calc(var(--space-3) * 2);height:calc(var(--space-3) * 2);border:var(--border-w-hair) solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.scale-stop:hover:before{border-color:var(--overline-ink)}.scale-stop-active{color:var(--text-strong)}.scale-stop-active:before{background:var(--control-tag-bg-selected);border-color:var(--control-tag-bg-selected)}.scale-stop-label{font-size:var(--text-caption);line-height:var(--lh-caption);text-align:center}.game-card-game{color:var(--overline-ink);display:block}.sheet-screen{min-height:100%;color:var(--text-body);background-color:var(--surface-app);background-image:var(--bg-stone);flex-direction:column;padding-bottom:3rem;display:flex}.sheet{--sheet-measure:40rem;--sheet-air:var(--gutter-screen);width:min(var(--sheet-measure), calc(100% - var(--sheet-air) * 2));margin:var(--sheet-air) auto;padding:var(--sheet-air);color:var(--ink);background:var(--surface-card);border:var(--border-w-hair) solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sheet-prose{--sheet-measure:min(62ch, 40rem)}.sheet-wide{--sheet-measure:var(--shell-w)}@media (width>=1200px){[data-shell=wide] .sheet-wide{--sheet-air:var(--gutter-page)}}.sheet-dialog{width:min(100%, var(--shell-w));max-width:100%;max-height:var(--sheet-max-h);color:var(--text-body);background-color:var(--surface-card);background-image:var(--bg-paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet-up);border:none;flex-direction:column;margin:auto auto 0;padding:0;display:flex}.sheet-dialog:not([open]){display:none}.sheet-dialog.is-leaving{z-index:95;display:flex;position:fixed;inset:0}@media (width>=480px){.sheet-dialog{width:min(100% - var(--gutter-screen) * 2, var(--shell-w), 30rem);border-radius:var(--radius-xl);max-height:min(var(--sheet-max-h), calc(100dvh - var(--gutter-screen) * 2));margin:auto}.sheet-dialog>.sheet-grabber{display:none}.sheet-dialog>.sheet-head{padding-top:var(--space-5)}.sheet-dialog>.sheet-body:last-child{padding-bottom:var(--space-5)}.sheet-dialog>.sheet-foot{padding-bottom:.875rem}}.sheet-dialog::backdrop{background:var(--surface-scrim);-webkit-backdrop-filter:var(--blur-sheet);backdrop-filter:var(--blur-sheet)}.sheet-dialog :focus-visible{outline:var(--focus-ring-w) solid var(--text-strong);outline-offset:2px}.sheet-dialog .legal-link{color:var(--text-strong);text-underline-offset:3px;text-decoration:underline}.sheet-grabber{background:var(--border-default);border-radius:var(--radius-pill);flex:none;align-self:center;width:2.75rem;height:.25rem;margin-top:.625rem}.sheet-head{padding:var(--space-5) var(--space-5) 0;flex:none;align-items:flex-start;gap:.75rem;display:flex}.sheet-head-titles{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.sheet-title{color:var(--text-strong);text-wrap:pretty;margin:0}.sheet-close{min-width:max(var(--control-h-md), var(--tap-min));min-height:max(var(--control-h-md), var(--tap-min));border-radius:var(--radius-pill);background:var(--surface-sunken);flex:none;padding:0}.sheet-body{gap:var(--space-4);min-height:0;padding:.75rem var(--space-5) var(--space-5);overscroll-behavior:contain;font-size:var(--text-body-m);line-height:var(--lh-body-m);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet-dialog>.sheet-body:last-child{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom))}.sheet-foot{padding:.875rem var(--space-5);padding-bottom:max(.875rem, env(safe-area-inset-bottom));background:var(--surface-card-quiet);border-top:var(--border-w-hair) solid var(--border-hairline);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.625rem;display:flex}.dialog-chrome{text-align:left;gap:0;padding:0;overflow:hidden}.sheet-dialog .settings-section h3{font-size:var(--text-label);line-height:var(--lh-label);letter-spacing:var(--ls-wide);text-transform:none;color:var(--text-muted)}.sheet-dialog .settings-section+.settings-section{padding-top:var(--space-4);border-top:var(--border-w-hair) solid var(--border-hairline)}.settings-hint{color:var(--text-muted);text-wrap:pretty;margin:0}.settings-options{flex-wrap:wrap;gap:.4rem;display:flex}.settings-bus{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.settings-slider{min-width:8rem;accent-color:var(--accent);flex:55%}.sheet-dialog .settings-check input{accent-color:var(--accent)}.settings-check{font-size:var(--text-body-m);white-space:nowrap}.settings-version{font-size:var(--text-body-s)}.settings-note{font-size:var(--text-caption);line-height:var(--lh-caption);margin:0}.sheet-dialog .settings-note,.sheet-dialog .settings-version{color:var(--text-muted)}.how-to-steps{counter-reset:how-to-step;flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.how-to-step{counter-increment:how-to-step;gap:.75rem;display:flex}.how-to-step:before{content:counter(how-to-step);width:1.625rem;height:1.625rem;font-family:var(--font-display);font-size:var(--text-body-s);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums lining-nums;color:var(--level-chip-fg);background:var(--level-chip-bg);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.how-to-step-text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.how-to-step h3{color:var(--text-strong);margin:0}.how-to-step p{overflow-wrap:break-word;text-wrap:pretty;margin:0}.how-to-step em{font-style:normal;font-weight:var(--fw-bold);color:var(--text-strong)}@keyframes results-win-in{0%{opacity:0;transform:translateY(.75rem)}}.results-head{text-align:center;animation:results-win-in var(--dur-slow) var(--ease-settle) both;flex-direction:column;align-items:center;gap:.5rem;display:flex}.results-trophy{width:4rem;height:4rem;color:var(--text-on-brass);background-image:var(--bg-brass-plate);border:var(--border-w-hair) solid var(--border-brass);box-shadow:var(--shadow-md);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}@keyframes results-breathe{50%{opacity:1}}.results-trophy:after{content:"";opacity:.45;box-shadow:var(--shadow-brass-glow);animation:results-breathe var(--dur-ambient) var(--ease-in-out) infinite;border-radius:50%;position:absolute;inset:0}.results-title{color:var(--ink);text-wrap:balance;margin:0}.dialog .results-title{font-size:var(--text-title-l);line-height:var(--lh-title-l)}.results-note{max-width:32ch;color:var(--ink-muted);text-wrap:pretty;margin:0}.results-box{text-align:start;background:var(--surface-plate-on-felt);border:var(--border-w-hair) solid var(--border-on-felt);border-radius:var(--radius-lg);width:min(26rem,100%);overflow:hidden;container:results/inline-size}.results-box .scores{width:100%}.results-box .scores td{border-top:var(--border-w-hair) solid var(--border-on-felt);border-bottom:0;padding:.625rem .75rem}.results-box .scores tr:first-child td{border-top:0}.results-box .scores-row-me{font-weight:var(--fw-bold);background:var(--fill-on-felt)}.results-box .scores{--results-place-first:color-mix(in srgb, var(--brass-300) 70%, var(--ink));--results-place-second:color-mix(in srgb, var(--stone-300) 70%, var(--ink));--results-place-third:color-mix(in srgb, var(--wood-300) 70%, var(--ink))}.results-box .scores-place{min-width:1.75rem;font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--ink-muted);padding-right:0}.results-box .scores-row[data-place="1"] .scores-place{color:var(--results-place-first)}.results-box .scores-row[data-place="2"] .scores-place{color:var(--results-place-second)}.results-box .scores-row[data-place="3"] .scores-place{color:var(--results-place-third)}.results-box .scores-gain{text-align:right;white-space:nowrap;min-width:3rem}.results-box .scores-delta{margin-right:0}.results-box .scores-total{min-width:4.5rem;font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--ink);text-align:right;white-space:nowrap}.results-box .scores-name{overflow-wrap:anywhere;width:100%}.results-box .scores-player{min-width:0}@container results (width<=17rem){.results-box .scores td{padding:.5rem .3125rem}.results-box .scores-place{min-width:1.125rem}.results-box .scores-gain{min-width:1.75rem}.results-box .scores-total{min-width:3.25rem}}.results-block{text-align:start;flex-direction:column;gap:.5rem;width:min(26rem,100%);display:flex}.results-level:not(:has(.level-progress)){display:none}.results-actions{gap:.625rem}.results-actions>.primary,.results-actions>.ghost{flex:1 1 0;min-width:0}[data-tabbar]{--tabbar-h:3.875rem}@media (orientation:landscape) and (height<=520px){[data-tabbar]{--tabbar-h:max(var(--tap-min), 3.125rem)}.tab-bar-item{gap:.125rem;padding:.125rem .25rem}}[data-tabbar] .app-shell{padding-bottom:calc(var(--tabbar-h) + var(--border-w-hair) + env(safe-area-inset-bottom,0px))}.tab-bar{inset-inline:0;z-index:5;width:min(100%, var(--shell-w));padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--surface-card);background-image:var(--bg-paper);border-top:var(--border-w-hair) solid var(--border-hairline);box-shadow:var(--shadow-bar-up);align-items:stretch;margin-inline:auto;display:flex;position:fixed;bottom:0}:is(.app-shell:has(dialog[open]) .tab-bar,.app-shell:has([aria-modal=true]) .tab-bar){display:none}.tab-bar-item{min-width:var(--tap-min);min-height:var(--tabbar-h);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.25rem;padding:.4375rem .25rem;text-decoration:none;display:flex}.tab-bar-item[aria-current]{color:var(--text-strong)}.tab-bar-item:hover{color:var(--text-body)}.tab-bar-item:focus-visible{outline:var(--focus-ring-w) solid var(--text-strong);outline-offset:-3px}.tab-bar-item:after{content:"";border-radius:var(--radius-pill);background:0 0;width:1.125rem;height:.125rem}.tab-bar-item[aria-current]:after{background:var(--overline-ink)}.tab-bar-icon{line-height:0;display:inline-flex;position:relative}
