/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"IBM Plex Mono", ui-monospace, monospace;--spacing:.25rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fraunces", "Source Serif 4", Georgia, serif;--font-body:"Mona Sans", "Public Sans", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.flex-shrink,.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Fraunces;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/fraunces-soft-300-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fraunces-soft-400-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/fraunces-soft-400-italic.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-soft-600-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-soft-700-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/fraunces-soft-700-italic.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/fraunces-soft-900-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/mona-sans-400-italic-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/mona-sans-400-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/mona-sans-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/mona-sans-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2c2c2a;--ink-soft:#5f5e5a;--ink-mute:#8c8a82;--hairline:#e6dfc9;--cream:#f5efe0;--surface:#faf7f0;--surface-2:#efe8d2;--coral:#d85a30;--coral-deep:#b84219;--coral-tint:#f6e2d4;--butter:#fac775;--sage:#9fe1cb;--rose:#ed93b1;--violet:#afa9ec;--sky:#85b7eb;--highlight:#f7d87a;--bg:var(--cream);--bg-raised:var(--surface);--bg-sunk:var(--surface-2);--fg:var(--ink);--fg-muted:var(--ink-soft);--fg-faint:var(--ink-mute);--border:var(--ink);--border-soft:var(--hairline);--accent:var(--coral);--accent-fg:var(--cream);--focus-ring:var(--coral);--font-display:"Fraunces", "Source Serif 4", Georgia, serif;--font-body:"Mona Sans", "Public Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-index:Georgia, "Times New Roman", serif;--fvs-display:"SOFT" 100;--fvs-wordmark:"SOFT" 100;--fs-eyebrow:12px;--fs-meta:13px;--fs-body-sm:14px;--fs-body:16px;--fs-body-lg:18px;--fs-h4:22px;--fs-h3:28px;--fs-h2:40px;--fs-h1:56px;--fs-hero:84px;--lh-tight:1.1;--lh-snug:1.25;--lh-body:1.65;--lh-loose:1.8;--tracking-display:-.02em;--tracking-wordmark:-.04em;--tracking-eyebrow:.14em;--r-xs:6px;--r-sm:10px;--r-md:18px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 1px 0 #2c2c2a0f, 0 2px 6px #2c2c2a0d;--shadow-md:0 1px 0 #2c2c2a0f, 0 8px 24px -8px #2c2c2a1f;--shadow-lg:0 2px 0 #2c2c2a0f, 0 24px 48px -16px #2c2c2a2e;--shadow-press:inset 0 2px 0 #2c2c2a1a;--hairline-card:1.5px solid var(--ink);--dur-instant:90ms;--dur-quick:.16s;--dur-base:.24s;--dur-slow:.38s;--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-in:cubic-bezier(.5, 0, .9, .4);--ease-spring:cubic-bezier(.3, 1.3, .5, 1);--dur-drift-1:26s;--dur-drift-2:22s;--dur-drift-3:18s}@media (prefers-reduced-motion:reduce){:root{--dur-instant:.01ms;--dur-quick:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-drift-1:.01ms;--dur-drift-2:.01ms;--dur-drift-3:.01ms}}[data-theme=dark]{--ink:#f5efe0;--ink-soft:#b7b2a4;--ink-mute:#7a7669;--hairline:#3a3631;--cream:#1a1916;--surface:#23211d;--surface-2:#14130f;--coral:#e66a3f;--coral-deep:#f07e55;--coral-tint:#3a2117;--highlight:#e6c257;--shadow-sm:0 1px 0 #0006, 0 2px 6px #00000059;--shadow-md:0 1px 0 #0006, 0 8px 24px -8px #0000008c;--shadow-lg:0 2px 0 #0006, 0 24px 48px -16px #000000b3;--shadow-press:inset 0 2px 0 #00000059;--hairline-card:1.5px solid #f5efe0}:root{--chess-light:#f2ecdc;--chess-dark:#aba5e4;--chess-black-outline:#2c2c2a;--chess-king-cross:#2c2c2a;--chess-dot:#2c2c2a40;--chess-ring:#2c2c2a4d;--chess-coord:#2c2c2a8c;--chess-last:#fac77573;--lg-card-face:#fff;--lg-card-shadow:0 2px 8px #00000021;--bc-card-face:#faf7f0;--bc-back-face:#e4d9be;--bb-field-filter:none;--wr-tile-face:#f5efe0;--wr-blank-face:#faf7f0}[data-theme=dark]{--chess-light:#6a6594;--chess-dark:#413d6e;--chess-black-outline:#c9c2b0;--chess-king-cross:#c9c2b0;--chess-dot:#f5efe04d;--chess-ring:#f5efe059;--chess-coord:#f5efe080;--chess-last:#e6c2579e;--lg-card-face:#d6cfbf;--lg-card-shadow:0 2px 8px #00000073;--bc-card-face:#d6cfbf;--bc-back-face:#c4bba3;--bb-field-filter:brightness(.78) saturate(.92);--wr-tile-face:#d6cfbf;--wr-blank-face:#dcd5c6}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{display:block}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--lh-snug);text-wrap:balance;margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}p{text-wrap:pretty;margin:0}a{color:var(--coral);text-underline-offset:3px;text-decoration:none;text-decoration-thickness:1.5px}@media (hover:hover){a:hover{text-decoration:underline}}::selection{background:var(--highlight);color:var(--ink)}.page{flex-direction:column;min-height:100vh;display:flex}.nav{z-index:20;background:var(--bg);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.nav-inner{align-items:center;gap:40px;max-width:1280px;margin:0 auto;padding:18px 48px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}@media (hover:hover){.brand:hover{text-decoration:none}}.brand .icon{width:30px;height:40px}.brand .word{font-family:var(--font-display);font-variation-settings:var(--fvs-wordmark);letter-spacing:var(--tracking-wordmark);color:var(--ink);font-size:28px;font-weight:900;line-height:1}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{font-family:var(--font-body);color:var(--ink);transition:border-color var(--dur-quick) var(--ease-out);border-bottom:1.5px solid #0000;padding:6px 2px;font-size:15px;font-weight:500;text-decoration:none}@media (hover:hover){.nav-link:hover{border-bottom-color:var(--ink);text-decoration:none}}.nav-spacer{flex:1}.btn{font-family:var(--font-body);border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:var(--r-pill);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out);white-space:nowrap;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}}.btn:active:not(:disabled){box-shadow:var(--shadow-press);transform:scale(.96)}@media (hover:hover){.btn:active:not(:disabled){transform:translateY(0)}}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--coral);border-color:var(--coral);color:var(--cream)}@media (hover:hover){.btn-primary:hover:not(:disabled){background:var(--coral-deep);border-color:var(--coral-deep)}}.btn-ink{background:var(--ink);border-color:var(--ink);color:var(--cream)}@media (hover:hover){.btn-ink:hover:not(:disabled){background:#1a1917}}.btn-ghost{border-color:var(--ink);background:0 0}.btn-sm{padding:9px 18px;font-size:14px}.btn-lg{padding:16px 28px;font-size:16px}.hero-section{width:100%;max-width:1280px;margin:0 auto;padding:96px 48px 80px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.eyebrow-pill{font-family:var(--font-mono);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--coral);background:var(--coral-tint);border-radius:var(--r-pill);align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.eyebrow-pill .dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #d85a3026}@keyframes pulse{50%{opacity:.5}}.hero-headline{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);text-wrap:balance;margin:28px 0 0;font-size:clamp(56px,7.2vw,96px);font-weight:500;line-height:1.02}.hero-headline .it{font-style:italic;font-weight:500}.hero-headline .line{display:block}.highlight-stroke{background-image:linear-gradient(transparent 60%, var(--highlight) 60%, var(--highlight) 92%, transparent 92%);background-repeat:no-repeat;padding:0 .05em}.hero-sub{font-family:var(--font-body);color:var(--ink-soft);max-width:44ch;margin:24px 0 0;font-size:19px;font-weight:400;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-foot{font-family:var(--font-mono);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:14px;margin-top:28px;font-size:12px;display:flex}.hero-foot .avatars{display:inline-flex}.hero-foot .avatars span{border:1.5px solid var(--bg);width:26px;height:26px;font-family:var(--font-body);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:12px;font-weight:600;display:inline-flex}.hero-foot .avatars span:first-child{margin-left:0}.hero-art{width:100%;height:480px;position:relative}.shape{border:1.5px solid var(--ink);position:absolute}.shape-circle{background:var(--coral);border-radius:50%;width:180px;height:180px;animation:7s ease-in-out infinite floatA;top:40px;left:40px}.shape-sage-square{background:var(--sage);border-radius:28px;width:200px;height:200px;animation:8s ease-in-out infinite floatB;top:220px;left:110px}.shape-butter-square{background:var(--butter);border-radius:22px;width:150px;height:150px;animation:9s ease-in-out infinite floatC;top:30px;right:60px;transform:rotate(-14deg)}.shape-violet-ring{border-width:12px;border-color:var(--violet);background:0 0;border-radius:50%;width:130px;height:130px;animation:10s ease-in-out infinite reverse floatA;top:230px;right:30px}.shape-rose-tri{border:0;width:120px;height:110px;animation:11s ease-in-out infinite floatB;position:absolute;top:350px;right:180px}@keyframes floatA{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes floatB{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(-3deg)}}@keyframes floatC{0%,to{transform:translateY(0)rotate(-14deg)}50%{transform:translateY(-10px)rotate(-10deg)}}.shelf-section{width:100%;max-width:1280px;margin:0 auto;padding:40px 48px 96px}.shelf-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;padding-bottom:20px;display:flex}.shelf-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:0;font-size:44px;font-weight:600;line-height:1}.shelf-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-soft);align-items:center;gap:14px;font-size:12px;display:flex}.shelf-meta a{color:var(--ink);border-bottom:1.5px solid var(--ink);transition:color var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out);padding-bottom:1px;text-decoration:none}@media (hover:hover){.shelf-meta a:hover{color:var(--coral);border-bottom-color:var(--coral);text-decoration:none}}.shelf-meta .sep{color:var(--fg-faint)}.shelf-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.game-card{background:var(--surface);border-radius:var(--r-lg);color:var(--ink);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out);border:1px solid var(--border-soft);font:inherit;text-align:left;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}@media (hover:hover){.game-card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-3px)}}.game-card .cover{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.game-card .cover svg{width:100%;height:100%}.players-pill{background:var(--cream);border:1.5px solid var(--ink);border-radius:var(--r-pill);font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;padding:5px 11px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.game-card .body{flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex}.game-card .title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);font-size:22px;font-weight:600;line-height:1.15}.game-card .blurb{font-family:var(--font-body);color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.game-card .pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mono-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--border-soft);border-radius:var(--r-pill);white-space:nowrap;background:0 0;padding:4px 9px;font-size:11px}.code-strip{background:var(--surface);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:64px 48px}#shelf,#how,#join{scroll-margin-top:88px}.how-section{width:100%;max-width:1280px;margin:0 auto;padding:0 48px 88px}.how-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--fg);margin:0 0 32px;font-size:36px;font-weight:600}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.how-step{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:26px 24px}.how-num{border:1.5px solid var(--fg);width:30px;height:30px;font-family:var(--font-mono);color:var(--fg);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:13px;display:inline-flex}.how-step-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--fg);margin:0 0 6px;font-size:20px;font-weight:600}.how-step-body{font-size:var(--fs-body-sm);color:var(--fg-muted);margin:0}@media (width<=860px){.how-section{padding:0 24px 64px}.how-title{margin-bottom:24px;font-size:30px}.how-steps{grid-template-columns:1fr;gap:12px}.how-step{padding:20px}}@media (width<=560px){.how-section{padding:0 20px 56px}}.code-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:36px;max-width:1280px;margin:0 auto;display:grid}.code-entry{flex-direction:column;gap:8px;display:flex}.code-error{font-size:var(--fs-meta);color:var(--coral);margin:0}.code-mark{flex-shrink:0}.code-text .title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:0;font-size:30px;font-weight:600;line-height:1.1}.code-text .sub{font-family:var(--font-body);color:var(--ink-soft);margin:8px 0 0;font-size:16px;line-height:1.5}.code-form{align-items:center;gap:10px;display:flex}.code-input{font-family:var(--font-mono);letter-spacing:.08em;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);border-radius:var(--r-pill);text-transform:uppercase;width:200px;transition:box-shadow var(--dur-quick) var(--ease-out);outline:none;padding:14px 22px;font-size:18px;font-weight:500}.code-input::placeholder{color:var(--ink-mute);letter-spacing:.08em}.code-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d85a3040}.foot{width:100%;max-width:1280px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--fg-faint);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:28px 48px;font-size:12px;display:flex}.foot a{color:var(--fg-faint);text-decoration:none}@media (hover:hover){.foot a:hover{color:var(--ink);text-decoration:none}}.foot .links{gap:22px;display:flex}.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative}.auth-back{font-family:var(--font-body);color:var(--ink-soft);font-size:14px;font-weight:500;text-decoration:none;position:absolute;top:28px;left:32px}@media (hover:hover){.auth-back:hover{color:var(--ink)}}.auth-card{background:var(--surface);border:1.5px solid var(--hairline);border-radius:var(--r-lg);flex-direction:column;gap:0;width:100%;max-width:440px;padding:48px 44px;display:flex}.auth-heading{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:0 0 12px;font-size:36px;font-weight:600;line-height:1.1}.auth-sub{font-family:var(--font-body);color:var(--ink-soft);margin:0 0 28px;font-size:16px;line-height:1.6}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{font-family:var(--font-body);color:var(--ink-soft);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);font-size:13px;font-weight:500}.auth-field input{font-family:var(--font-body);background:var(--bg);border:1.5px solid var(--hairline);border-radius:var(--r-pill);color:var(--ink);transition:border-color var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out);outline:none;padding:13px 18px;font-size:16px}.auth-field input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d85a3033}.auth-field input::placeholder{color:var(--ink-mute)}.auth-error{font-family:var(--font-body);color:var(--coral);margin:0;font-size:14px}.auth-fine{font-family:var(--font-mono);color:var(--ink-mute);text-align:center;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:16px 0 0;font-size:11px}.auth-sent-icon{margin-bottom:16px;font-size:40px;line-height:1}.auth-loading{font-family:var(--font-body);color:var(--ink-soft);text-align:center;padding:48px 0;font-size:16px}.game-backdrop{z-index:-1;pointer-events:none;background:var(--gb-tint);position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-backdrop{background:color-mix(in srgb, var(--gb-tint) 7%, var(--bg))}}.gb-shape{color:var(--gb-tint);opacity:.2;transform-origin:50%;display:block;position:absolute;overflow:visible}.gb-f1{animation:gb-drift-a var(--dur-drift-1) ease-in-out infinite}.gb-f2{animation:gb-drift-b var(--dur-drift-2) ease-in-out infinite}.gb-f3{animation:gb-drift-c var(--dur-drift-3) ease-in-out infinite}.gb-f4{animation:gb-drift-b var(--dur-drift-1) ease-in-out infinite reverse}.gb-f5{animation:gb-drift-a var(--dur-drift-2) ease-in-out infinite reverse}.gb-f6{animation:gb-drift-c var(--dur-drift-3) ease-in-out infinite}.gb-d1{animation-delay:-4s}.gb-d2{animation-delay:-9s}.gb-d3{animation-delay:-14s}.gb-d4{animation-delay:-2s}@keyframes gb-drift-a{0%,to{transform:translate(0)rotate(0)}50%{transform:translateY(-16px)rotate(2.5deg)}}@keyframes gb-drift-b{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,12px)rotate(-3deg)}}@keyframes gb-drift-c{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-12px,-9px)rotate(1.8deg)}}.lobby-page{background:var(--bg);z-index:0;flex-direction:column;min-height:100svh;display:flex;position:relative}.lobby-nav{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.lobby-main{flex-direction:column;flex:1;align-items:center;gap:40px;width:100%;max-width:520px;margin:0 auto;padding:56px 24px 80px;display:flex}.lobby-game-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink);background:var(--butter);border-radius:var(--r-pill);align-self:flex-start;padding:6px 16px;font-size:12px;font-weight:500}.lobby-nav .lobby-game-tag{align-self:center}.lobby-code-block{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.lobby-code-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute);margin:0;font-size:11px}.lobby-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink);cursor:pointer;transition:opacity var(--dur-instant) var(--ease-out);background:0 0;border:none;padding:0;font-size:clamp(52px,12vw,72px);font-weight:500;line-height:1}@media (hover:hover){.lobby-code:hover{opacity:.7}}.lobby-code-hint{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute);margin:0;font-size:11px}.lobby-players{width:100%}.lobby-players-label{font-family:var(--font-body);color:var(--ink-soft);margin:0 0 16px;font-size:13px;font-weight:500}.lobby-players-range{color:var(--ink-mute)}.lobby-player-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lobby-player{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);align-items:center;gap:12px;padding:12px 16px;display:flex}.lobby-remove{box-sizing:content-box;width:32px;height:32px;color:var(--fg-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-6px -8px -6px 0;padding:10px;display:flex}@media (hover:hover){.lobby-remove:hover{color:var(--coral);background:var(--bg-sunk)}}.lobby-remove:focus-visible{outline:2px solid var(--coral);outline-offset:-4px}.lobby-warning{font-size:var(--fs-body-sm);color:var(--fg-muted);border-left:3px solid var(--coral);margin-top:4px;padding-left:12px;line-height:1.5}.lobby-add-bot{margin-top:12px}.game-picker{align-self:flex-start;position:relative}.lobby-game-tag-button{cursor:pointer;font-family:var(--font-mono);border:none;align-items:center;gap:8px;display:inline-flex}.lobby-game-tag-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.game-picker-menu{z-index:60;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);min-width:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #00000029}.game-picker-menu-right{left:auto;right:0}@media (width<=560px){.friends-page .lobby-player{flex-wrap:wrap;position:relative}.friends-page .game-picker{position:static}.friends-page .friend-actions{justify-content:flex-end;width:100%}}.game-picker-option{width:100%;font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (hover:hover){.game-picker-option:hover{background:var(--bg-sunk)}}.game-picker-option:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.game-picker-option-on{font-weight:500}.game-picker-swatch{border:1px solid var(--hairline);border-radius:4px;flex-shrink:0;width:14px;height:14px}.game-picker-name{flex:1}.game-picker-players{font-family:var(--font-mono);color:var(--fg-faint);font-size:11px}.lobby-avatar{width:36px;height:36px;font-family:var(--font-body);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.lobby-player-link{color:inherit;text-overflow:ellipsis;min-width:0;text-decoration:none;overflow:hidden}@media (hover:hover){.lobby-player-link:hover{text-decoration:underline}}.lobby-player-link:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:3px}.lobby-player-name{font-family:var(--font-body);color:var(--ink);flex:1;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:500;display:flex}.lobby-host-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:2px 8px;font-size:10px}.lobby-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.lobby-waiting{font-family:var(--font-body);color:var(--ink-soft);text-align:center;margin:0;font-size:15px}.nav-user{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:var(--tracking-eyebrow);font-size:12px}.game-page{background:var(--bg);z-index:0;position:relative}.game-main{flex:1;justify-content:center;align-items:center;padding:40px 24px 64px;display:flex}.c4-wrap{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:520px;display:flex}.c4-status{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);align-items:center;gap:12px;font-size:28px;font-weight:500;display:flex}.c4-status[data-winner]{color:var(--ink)}.c4-status-dot{border:1.5px solid var(--ink);width:14px;height:14px;transition:background var(--dur-base) var(--ease-out);border-radius:50%;flex-shrink:0}.c4-board{border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-lg);background:#2c2c2a;flex-direction:column;gap:8px;padding:12px 12px 16px;display:flex;position:relative;overflow:hidden}.c4-grid-wrap{position:relative}.c4-col-overlay{pointer-events:none;z-index:1;grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0}.c4-col-btn{cursor:pointer;pointer-events:auto;transition:background var(--dur-instant) var(--ease-out);background:0 0;border:none}@media (hover:hover){.c4-col-btn:not(:disabled):hover{background:#f5efe026}}.c4-col-btn:disabled{cursor:default;pointer-events:none}.c4-flying-piece{border:1.5px solid var(--ink);background:var(--seat-color,var(--cream));aspect-ratio:1;width:calc(14.2857% - 6.85714px);top:0;left:calc(var(--col-idx,0) * ((100% - 48px) / 7 + 8px));z-index:2;pointer-events:none;animation:c4-fall var(--fall-duration,.3s) cubic-bezier(.25, 0, 1, 1) forwards;border-radius:50%;position:absolute}@keyframes c4-fall{0%{transform:translateY(calc(-100% - 8px))}to{transform:translateY(calc(var(--fall-rows,0) * (100% + 8px)))}}.c4-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.c4-cell{aspect-ratio:1;background:var(--cream);transition:background var(--dur-quick) var(--ease-out);border:1.5px solid #2c2c2a26;border-radius:50%}.c4-cell[data-seat="0"],.c4-cell[data-seat="1"]{border-color:var(--ink)}.c4-key{gap:20px;display:flex}.c4-key-item{opacity:.4;transition:opacity var(--dur-quick) var(--ease-out);align-items:center;gap:8px;display:flex}.c4-key-item[data-active]{opacity:1}.c4-key-disc{border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;width:18px;height:18px}.c4-key-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink);font-size:12px}@media (width<=860px){.nav-links{display:none}.nav-inner{gap:16px;padding:16px 24px}.hero-section{padding:56px 24px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-art{height:380px}.hero-headline{font-size:clamp(44px,9vw,64px)}.shelf-section{padding:24px 24px 56px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-head{flex-direction:column;align-items:flex-start}.shelf-title{font-size:36px}.code-strip{padding:40px 24px}.code-inner{grid-template-columns:1fr;gap:24px}.code-form{flex-direction:column;align-items:stretch}.code-input{width:100%}.code-form .btn{justify-content:center}.foot{flex-direction:column;align-items:flex-start;padding:24px}}.game-overlay{z-index:50;background:#f5efe0eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.game-overlay-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 32px;display:flex}.game-overlay-disc{border:2px solid var(--ink);border-radius:50%;width:48px;height:48px;display:block}.game-overlay-headline{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:0;font-size:48px;font-weight:900;line-height:1.1}.game-overlay-subtitle{color:var(--ink-mute);margin:-8px 0 0;font-size:15px}.game-overlay-dismiss{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-meta);color:var(--fg-muted);text-underline-offset:3px;background:0 0;border:none;padding:4px;text-decoration:underline}@media (hover:hover){.game-overlay-dismiss:hover{color:var(--fg)}}.game-overlay-dismiss:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.game-result-bar{border-bottom:1px solid var(--hairline);background:var(--bg-raised);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.game-result-label{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--fg);font-size:18px;font-weight:600}.game-result-win .game-result-label{color:var(--coral)}.game-result-reason{font-size:var(--fs-meta);color:var(--fg-muted)}.lobby-round-picker{text-align:center;margin-top:1rem}.lobby-round-stepper{align-items:center;gap:1rem;margin-top:.25rem;display:inline-flex}.lobby-lang-picker{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lobby-round-count{text-align:center;min-width:2ch;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:1.5rem}.scoreboard-card{width:92vw;max-width:420px}.scoreboard-winner-line{color:var(--ink);opacity:.7;text-align:center;margin-bottom:1rem;font-size:.9rem}.scoreboard-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.95rem}.scoreboard-table th{text-align:left;border-bottom:1.5px solid var(--ink);opacity:.6;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .5rem;font-size:.8rem;font-weight:500}.scoreboard-table td{border-bottom:1px solid #2c2c2a14;padding:.4rem .5rem}.scoreboard-ready{color:#5baf8a;font-weight:700}.scoreboard-row-me td{font-weight:500}.score-positive{color:#2a7a4b}.score-negative{color:#c0392b}.score-total{font-weight:600}.lg-board{background:var(--cream);-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.game-toast{z-index:200;background:var(--ink);color:var(--cream);pointer-events:none;text-align:center;border-radius:14px;max-width:min(90vw,420px);padding:10px 18px;font-size:13px;font-weight:500;animation:.2s ease-out game-toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000040}.game-toast-error{border-left:4px solid var(--coral);padding-left:14px}@keyframes game-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lg-shuffle-banner{z-index:50;background:var(--surface);color:var(--ink);pointer-events:none;white-space:nowrap;border:1.5px solid #2c2c2a26;border-radius:16px;padding:12px 20px;font-size:14px;font-weight:500;animation:2.2s forwards lg-toast;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #0000002e}@keyframes lg-toast{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.95)}}.lg-shaking .lg-hand,.lg-shaking .lg-opp{animation:.5s ease-in-out 2 lg-shake}@keyframes lg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)rotate(-.6deg)}75%{transform:translate(4px)rotate(.6deg)}}.lg-stuck-banner{color:var(--ink);background:#d85a3017;border:1.5px solid #d85a3073;border-radius:12px;flex-shrink:0;margin:8px 10px 0;padding:8px 14px;font-size:12.5px;line-height:1.45}.lg-ghost{pointer-events:none;z-index:9999;filter:drop-shadow(0 10px 24px #00000047);position:fixed;transform:translate(-50%,-50%)rotate(6deg)}.lg-flying{pointer-events:none;z-index:9998;filter:drop-shadow(0 8px 20px #00000040);animation:lg-fly .24s var(--ease-out) forwards;position:fixed}@keyframes lg-fly{0%{transform:translate(-50%,-50%)rotate(6deg)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(0deg) scale(.82);opacity:.9}}.lg-opps{background:var(--surface);scrollbar-width:none;border-bottom:1px solid #2c2c2a14;flex-wrap:wrap;flex-shrink:0;align-content:flex-start;gap:6px;max-height:200px;padding:8px 10px;display:flex;overflow-y:auto}.lg-opps::-webkit-scrollbar{display:none}.lg-opp{background:var(--cream);border-radius:12px;align-items:center;gap:5px;padding:5px 8px;display:flex;box-shadow:0 1px 3px #00000012}.lg-opp-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.lg-opp-name{text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:10px;font-weight:500;overflow:hidden}.lg-opp-stack{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.lg-opp-scount{opacity:.55;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.lg-opp-done{color:#5baf8a;font-size:12px;font-weight:700}.lg-opp-row{gap:2px;display:flex}.lg-opp-sep{background:#2c2c2a1f;flex-shrink:0;width:1px;height:26px;margin:0 2px}.lg-opp-hand-empty{opacity:.2}.lg-opp-none{opacity:.4;font-size:12px}.lg-table{scrollbar-width:none;background:#2d4636;flex-wrap:wrap;flex-shrink:0;align-content:flex-start;gap:8px;min-height:120px;max-height:min(280px,38vh);padding:12px 10px;display:flex;overflow-y:auto}.lg-table::-webkit-scrollbar{display:none}.lg-pile{width:70px;min-height:106px;transition:border-color var(--dur-instant) var(--ease-out), background var(--dur-instant) var(--ease-out), transform var(--dur-instant) var(--ease-out);background:#ffffff14;border:2px dashed #ffffff38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 5px 4px;display:flex;position:relative}.lg-pile-valid{background:#ffffff26;border-color:#ffffffb3;animation:.9s ease-in-out infinite alternate lg-pulse}.lg-pile-hov{background:#ffffff40;border-style:solid;border-color:#fff;animation:none;transform:scale(1.04)}@keyframes lg-pulse{0%{border-color:#ffffff80}to{border-color:#ffffffd9}}.lg-pile-owner{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lg-pile-n{color:#ffffff80;font-family:IBM Plex Mono,monospace;font-size:9px}.lg-pile-done{pointer-events:none;background:#fac7752e;border-style:solid;border-color:#fac775;animation:1s ease-in forwards lg-pile-complete}.lg-pile-done .lg-pile-n{color:#fac775;font-weight:700}@keyframes lg-pile-complete{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.12);box-shadow:0 0 0 4px #fac775d9,0 0 26px #fac775cc}55%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.85)translateY(-150px)}}.lg-pile-new{opacity:.3;cursor:default}.lg-pile-new.lg-pile-valid{opacity:1}.lg-pile-new-ico{color:#fffc;font-size:1.4rem;line-height:1}.lg-pile-new-label{color:#fff9;text-align:center;font-size:9px}.lg-table-dense .lg-pile{gap:3px;width:50px;min-height:76px;padding:5px 3px 3px}.lg-table-dense .lg-pile-new-ico{font-size:1.1rem}.lg-card{background:var(--lg-card-face);border:2.5px solid var(--suit,#bbb);box-shadow:var(--lg-card-shadow);border-radius:9px;flex-shrink:0;animation:.16s ease-out lg-land;position:relative;overflow:hidden}@keyframes lg-land{0%{opacity:.25}to{opacity:1}}.lg-card-md{width:58px;height:80px}.lg-card-sm{width:38px;height:52px}.lg-corner{color:var(--suit,#555);flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:absolute}.lg-corner b{font-size:11px;font-weight:800;line-height:1}.lg-corner small{font-size:8px;line-height:1}.lg-tl{top:3px;left:4px}.lg-br{bottom:3px;right:4px;transform:rotate(180deg)}.lg-body{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.lg-csym{color:var(--suit,#555);font-size:18px;line-height:1}.lg-cval{color:var(--suit,#555);font-size:22px;font-weight:800;line-height:1}.lg-card-sm .lg-csym{font-size:12px}.lg-card-sm .lg-cval{font-size:15px}.lg-card-sm .lg-corner b{font-size:9px}.lg-card-sm .lg-corner small{font-size:7px}.lg-faded{opacity:.35}.lg-back{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #00000021}.lg-back-n{color:#fff;text-shadow:0 1px 3px #00000059;font-size:15px;font-weight:800}.lg-empty{color:#2c2c2a40;background:0 0;border:2px dashed #2c2c2a2e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.lg-done{color:#2c2c2a66;border-style:solid;border-color:#2c2c2a33;font-size:16px}.lg-slot-valid{background:#d85a300f;animation:.9s ease-in-out infinite alternate lg-pulse-slot;border-color:var(--coral)!important}.lg-slot-hov{background:#d85a301f;animation:none;border-style:solid!important;border-color:var(--coral)!important}@keyframes lg-pulse-slot{0%{border-color:#d85a3080}to{border-color:var(--coral)}}.lg-mine{flex:1;grid-template:"stack row""hand hand"/auto 1fr;gap:8px 10px;padding:12px 10px;display:grid}.lg-zone{flex-direction:column;align-items:center;gap:7px;display:flex}.lg-zone-ligretto{grid-area:stack}.lg-zone-row{grid-area:row;align-items:flex-start}.lg-zone-hand{flex-flow:wrap;grid-area:hand;align-items:center;gap:8px 12px}.lg-zlabel{text-transform:uppercase;letter-spacing:.06em;opacity:.45;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.lg-zbadge{opacity:1;background:#2c2c2a1a;border-radius:8px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:9px}.lg-row3{gap:5px;display:flex}.lg-hand{flex-direction:row;align-items:center;gap:6px;display:flex}.lg-hand-group{align-items:center;padding-left:24px;display:flex;position:relative}.lg-group-card{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.lg-stuck{color:var(--ink);cursor:pointer;transition:background var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out);white-space:nowrap;opacity:.55;background:0 0;border:1.5px solid #2c2c2a2e;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;display:flex}@media (hover:hover){.lg-stuck:hover:not(:disabled){opacity:.8;background:#2c2c2a0f}}.lg-stuck-voted{color:#5077b9;opacity:1;cursor:default;border-color:#85b7eb}.lg-stuck:disabled{cursor:default}.lg-stuck-alert{opacity:1;border-color:var(--coral);color:var(--coral);animation:1.1s ease-in-out infinite lg-stuck-pulse}@keyframes lg-stuck-pulse{0%{box-shadow:0 0 #d85a3059}to{box-shadow:0 0 0 7px #d85a3000}}.lg-stuck-count{color:#fff;background:#85b7eb;border-radius:10px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.lg-cycle{cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0;position:relative}.lg-cycle:disabled{opacity:.4}.lg-cycle-ico{background:var(--surface);width:18px;height:18px;color:var(--ink);border:1.5px solid #2c2c2a26;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;bottom:-2px;right:-4px;box-shadow:0 1px 3px #00000026}.lg-draggable{cursor:grab}.lg-draggable:active{cursor:grabbing}.account-menu{position:relative}.account-trigger{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-meta);color:var(--fg);border-radius:var(--r-pill);transition:background var(--dur-instant) var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-weight:500;display:inline-flex}@media (hover:hover){.account-trigger:hover{background:var(--bg-sunk)}}.account-trigger:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.account-avatar{width:28px;height:28px;color:var(--ink);border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.account-caret{opacity:.55}.menu-head{align-items:center;gap:10px;min-width:0;padding:8px 10px 10px;display:flex}.menu-head-name{font-size:var(--fs-body-sm);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.menu-panel{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);min-width:180px;box-shadow:var(--shadow-md);z-index:50;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--fg);background:0 0;border:none;border-radius:12px;padding:9px 12px;font-weight:500;text-decoration:none;display:block}@media (hover:hover){.menu-item:hover{background:var(--bg-sunk);text-decoration:none}}.menu-item:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.menu-theme{padding:6px 12px 8px}.menu-theme-label{font-size:var(--fs-meta);color:var(--fg-muted);margin-bottom:6px;display:block}.menu-theme-options{background:var(--bg-sunk);border-radius:var(--r-pill);gap:4px;padding:3px;display:flex}.menu-theme-btn{cursor:pointer;font-family:var(--font-body);color:var(--fg-muted);border-radius:var(--r-pill);transition:background var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out);background:0 0;border:none;flex:1;padding:6px 4px;font-size:12px;font-weight:500}@media (hover:hover){.menu-theme-btn:hover{color:var(--fg)}}.menu-theme-btn:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.menu-theme-btn.is-on{background:var(--coral);color:var(--cream)}.menu-sep{background:var(--border-soft);height:1px;margin:6px 8px}.settings-main{flex-direction:column;gap:20px;width:min(560px,100% - 48px);margin:0 auto;padding:48px 0 80px;display:flex}.settings-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);font-weight:600;font-size:var(--fs-h2);letter-spacing:-.02em}.settings-card{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:24px;display:flex}.settings-card-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);font-weight:600;font-size:var(--fs-h4)}.settings-hint{font-size:var(--fs-body-sm);color:var(--fg-muted)}.settings-avatar-row{align-items:center;gap:14px;display:flex}.settings-avatar{width:56px;height:56px;color:var(--ink);border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:inline-flex}.settings-name-form{align-items:flex-end;gap:10px;display:flex}.settings-name-form .auth-field{flex:1}.settings-code{font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;color:var(--fg);text-align:left;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:28px}@media (hover:hover){.settings-code:hover{opacity:.75}}.settings-code:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.friend-actions{gap:8px;margin-left:auto;display:inline-flex}.friend-code-form{flex-wrap:wrap;gap:10px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-record{font-size:var(--fs-body)}.profile-record-num{font-weight:600;font-family:var(--font-mono)}.profile-record-win{color:var(--coral)}.lobby-add-friend{margin-left:auto}.lobby-friend-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-faint);margin-left:auto;font-size:11px}.nav-actions{align-items:center;gap:10px;display:flex;position:relative}.notif-bell{position:relative}.notif-trigger{cursor:pointer;width:36px;height:36px;color:var(--fg);transition:background var(--dur-instant) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.notif-trigger:hover{background:var(--bg-sunk)}}.notif-trigger:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.notif-badge{border-radius:var(--r-pill);background:var(--coral);min-width:16px;height:16px;color:var(--cream);font-family:var(--font-mono);text-align:center;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}.notif-panel{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);width:min(320px,100vw - 32px);max-height:380px;box-shadow:var(--shadow-md);z-index:50;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notif-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:8px 12px 10px;display:flex}.notif-head-title{font-size:var(--fs-meta);color:var(--fg-muted);font-weight:500}.notif-head-count{font-family:var(--font-mono);color:var(--coral);font-size:11px}.notif-item{border-radius:12px}@media (hover:hover){.notif-item:hover{background:var(--bg-sunk)}}.notif-item-row{align-items:center;display:flex}.notif-item-link{min-width:0;color:var(--fg);font-size:var(--fs-body-sm);border-radius:12px;flex:1;grid-template-columns:6px minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;padding:10px 4px 10px 12px;line-height:1.4;text-decoration:none;display:grid}@media (hover:hover){.notif-item-link:hover{text-decoration:none}}.notif-item-link:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.notif-item-more,.notif-item-dismiss{width:30px;height:30px;color:var(--fg-faint);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}@media (hover:hover){.notif-item-more:hover,.notif-item-dismiss:hover{color:var(--ink);background:var(--bg-sunk)}}.notif-item-more:focus-visible,.notif-item-dismiss:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}.notif-item-dismiss{margin-right:4px}.notif-item-sub{flex-direction:column;gap:2px;padding:0 12px 8px 22px;display:flex}@media (hover:hover){.notif-sub-row:hover{background:var(--bg-sunk);color:var(--fg)}}.notif-dot{background:0 0;border-radius:50%;width:6px;height:6px;transform:translateY(-2px)}.notif-item-new .notif-dot{background:var(--coral)}.notif-item-new .notif-text{font-weight:500}.notif-time{font-family:var(--font-mono);color:var(--fg-faint);flex-shrink:0;font-size:11px}.notif-empty{font-size:var(--fs-body-sm);color:var(--fg-muted);text-align:center;padding:18px 12px}.notif-see-all{text-align:center;font-size:var(--fs-body-sm);color:var(--coral);border-top:1px solid var(--border-soft);padding:12px;font-weight:500;text-decoration:none;display:block}@media (hover:hover){.notif-see-all:hover{background:var(--bg-sunk)}}.notif-page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notif-page-actions{flex-shrink:0;gap:8px;display:flex}.notif-page-list{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;overflow:hidden}.notif-row{border-bottom:1px solid var(--border-soft)}.notif-row:last-child{border-bottom:none}.notif-row-main{align-items:center;display:flex}.notif-row-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;padding:14px 4px 14px 16px;text-decoration:none;display:flex}@media (hover:hover){.notif-row-link:hover{background:var(--bg-sunk);text-decoration:none}}.notif-row-link:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.notif-row-text{min-width:0;font-size:var(--fs-body-sm);flex:1;line-height:1.5}.notif-row-new .notif-dot{background:var(--coral)}.notif-row-new .notif-row-text{font-weight:500}.notif-row-time{font-family:var(--font-mono);color:var(--fg-faint);flex-shrink:0;font-size:11px}.notif-row-dismiss,.notif-row-more{min-width:44px;height:44px;color:var(--fg-faint);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:12px;display:flex}.notif-row-dismiss{border-radius:50%}@media (hover:hover){.notif-row-dismiss:hover,.notif-row-more:hover{color:var(--ink);background:var(--bg-sunk)}}.notif-row-dismiss:focus-visible,.notif-row-more:focus-visible{outline:2px solid var(--coral);outline-offset:-4px}.notif-row-sub{flex-direction:column;gap:2px;padding:0 16px 10px 32px;display:flex}.notif-sub-row{color:var(--fg-muted);border-radius:8px;justify-content:space-between;gap:10px;padding:6px 8px;font-size:13px;text-decoration:none;display:flex}@media (hover:hover){.notif-sub-row:hover{background:var(--bg-sunk);color:var(--fg)}}.notif-sub-row .notif-time{font-size:11px}.notif-archived-tag{background:var(--bg-sunk);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:500}.notif-view-toggle{margin:2px 0 14px}.notif-inline-link{color:var(--coral);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.settings-toggle{font-size:var(--fs-body-sm);cursor:pointer;align-items:center;gap:10px;display:flex}.settings-toggle input{width:18px;height:18px;accent-color:var(--coral);cursor:pointer}.lobby-invite{flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);display:flex}.lobby-invite .lobby-player-list{width:100%}.conn-banner{font-size:var(--fs-meta);color:var(--ink);background:var(--butter);border-bottom:1px solid var(--ink);text-align:center;justify-content:center;align-items:center;gap:10px;padding:9px 16px;display:flex}.conn-banner-offline{background:var(--coral);color:var(--cream)}.conn-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite conn-pulse}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.25}}.push-nudge{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;width:min(560px,100% - 32px);margin:0 auto 4px;padding:14px 18px;display:flex}.push-nudge-text{font-size:var(--fs-body-sm);color:var(--fg-muted);flex:220px;margin:0}.push-nudge-actions{flex-shrink:0;gap:8px;display:flex}.active-section{width:min(1120px,100% - 96px);margin:0 auto;padding:32px 0 0}.active-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.active-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:var(--tracking-display);color:var(--fg);margin:0;font-size:24px;font-weight:600}.active-waiting{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--coral);font-size:11px}.active-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.active-row{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);color:var(--fg);transition:border-color var(--dur-instant) var(--ease-out), transform var(--dur-instant) var(--ease-out);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}@media (hover:hover){.active-row:hover{border-color:var(--fg-muted);text-decoration:none;transform:translateY(-1px)}}.active-row:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.active-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--r-pill);flex-shrink:0;padding:4px 10px;font-size:11px}.active-detail{flex-direction:column;gap:2px;min-width:0;display:flex}.active-status{font-weight:500;font-size:var(--fs-body-sm)}.active-status-yours{color:var(--coral)}.active-others{font-size:var(--fs-meta);color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-go{opacity:.5;flex-shrink:0;margin-left:auto}@media (width<=860px){.active-section{width:auto;margin:0 24px;padding-top:24px}}@media (width<=560px){.active-section{margin:0 20px}.active-title{font-size:21px}.active-head{flex-direction:column;align-items:flex-start;gap:4px}}.history-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-6px;display:flex}.history-filter-select{font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--fg);background:var(--bg-raised);border:1.5px solid var(--border-soft);border-radius:var(--r-pill);cursor:pointer;padding:8px 14px}@media (hover:hover){.history-filter-select:hover{border-color:var(--fg-muted)}}.history-filter-select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-item{position:relative}.history-row-stretch{z-index:1;border-radius:var(--r-md);position:absolute;inset:0}.history-row-stretch:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.history-row{z-index:0;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--r-md);color:var(--fg);pointer-events:none;transition:border-color var(--dur-instant) var(--ease-out), transform var(--dur-instant) var(--ease-out);align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}@media (hover:hover){.history-item:hover .history-row,.history-item:focus-within .history-row{border-color:var(--fg-muted);transform:translateY(-1px)}}.history-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--r-pill);flex-shrink:0;padding:3px 10px;font-size:11px}.history-detail{flex-direction:column;gap:2px;min-width:0;display:flex}.history-outcome{font-weight:500;font-size:var(--fs-body-sm)}.history-outcome-win{color:var(--coral)}.history-outcome-loss,.history-outcome-muted{color:var(--fg-muted)}.history-others{font-size:var(--fs-meta);color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-player-link{pointer-events:auto;z-index:2;color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-soft);-webkit-text-decoration-color:var(--border-soft);-webkit-text-decoration-color:var(--border-soft);text-decoration-color:var(--border-soft);text-underline-offset:2px;position:relative}@media (hover:hover){.history-player-link:hover{text-decoration-color:currentColor}}.history-player-link:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:3px}.history-date{font-family:var(--font-mono);color:var(--fg-faint);flex-shrink:0;margin-left:auto;font-size:11px}.auth-passkey{justify-content:center;width:100%;margin-top:20px}.auth-passkey-note{margin-top:8px}.auth-hint{font-size:var(--fs-meta);color:var(--fg-faint);margin:6px 0 0}.auth-divider{color:var(--fg-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);align-items:center;gap:12px;margin:20px 0 4px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.passkey-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.passkey-row{border:1px solid var(--border-soft);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.passkey-detail{flex-direction:column;gap:2px;min-width:0;display:flex}.passkey-name{font-weight:500;font-size:var(--fs-body-sm)}.passkey-meta{font-size:var(--fs-meta);color:var(--fg-faint)}.passkey-actions{gap:8px;margin-left:auto;display:inline-flex}.passkey-rename{flex-wrap:wrap;gap:8px;width:100%;display:flex}.passkey-rename input{min-width:140px;font-family:var(--font-body);font-size:var(--fs-body-sm);background:var(--bg);border:1.5px solid var(--hairline);border-radius:var(--r-pill);color:var(--ink);outline:none;flex:1;padding:8px 14px}.passkey-rename input:focus{border-color:var(--coral)}.game-card-soon{cursor:default}.game-card-soon .cover svg{opacity:.55}@media (hover:hover){.game-card-soon:hover{box-shadow:none;transform:none}}.players-pill-soon{color:var(--coral)}.settings-card-danger{border-color:var(--coral)}.settings-danger-btn{color:var(--coral);border-color:var(--coral)}@media (hover:hover){.settings-danger-btn:hover:not(:disabled){background:var(--coral-tint)}}.legal-prose{gap:14px}.legal-updated{font-family:var(--font-mono);color:var(--fg-faint);margin-top:-8px;font-size:12px}.legal-prose p,.legal-prose li{font-size:var(--fs-body);color:var(--fg);line-height:1.65}.legal-prose h2{font-family:var(--font-display);font-variation-settings:var(--fvs-display);font-weight:600;font-size:var(--fs-h4);letter-spacing:-.02em;margin-top:14px}.legal-prose ul{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.legal-prose a{color:var(--coral)}.loading{flex-direction:column;align-items:center;gap:14px;padding:24px 0;display:flex}.loading-mark{width:34px;height:45px;animation:1.4s ease-in-out infinite loading-sway}.loading-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute);font-size:11px}@keyframes loading-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.game-card .cover svg{transition:transform var(--dur-slow) var(--ease-out)}@media (hover:hover){.game-card:not(.game-card-soon):hover .cover svg{transform:scale(1.05)}}.chess-wrap{position:relative}.chess-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #2c2c2a;border-radius:12px;grid-template-columns:repeat(8,1fr);width:100%;max-width:560px;margin-inline:auto;display:grid;overflow:hidden}.chess-sq{aspect-ratio:1;position:relative}.chess-sq-light{background:var(--chess-light)}.chess-sq-dark{background:var(--chess-dark)}.chess-sq-last:before,.chess-sq-check:before,.chess-sq-drop:before{content:"";pointer-events:none;position:absolute;inset:0}.chess-sq-last:before{background:var(--chess-last)}.chess-sq-check:before{background:#d85a3066}.chess-sq-drop:before{box-shadow:inset 0 0 0 3px #d85a3099}.chess-sq-selected:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #d85a30}.chess-piece-wrap{position:absolute;inset:0}.chess-piece-svg{width:88%;height:88%;position:absolute;inset:6%}.chess-piece-black{stroke:var(--chess-black-outline)}.chess-king-cross{stroke:var(--chess-king-cross)}.chess-piece-lifting{opacity:.35}.chess-piece-slide{animation:.18s ease-out chess-slide}@keyframes chess-slide{0%{transform:translate(var(--dx,0), var(--dy,0))}to{transform:none}}.chess-dot{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.chess-dot:after{content:"";aspect-ratio:1;background:var(--chess-dot);border-radius:50%;width:26%}.chess-dot-capture:after{border:3px solid var(--chess-ring);background:0 0;width:82%}.chess-coord{color:var(--chess-coord);pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1;position:absolute}.chess-coord-file{bottom:3px;right:3px}.chess-coord-rank{top:3px;left:3px}.chess-ghost{z-index:60;aspect-ratio:1;pointer-events:none;position:fixed;transform:translate(-50%,-55%)}.chess-ghost .chess-piece-svg{width:100%;height:100%;position:static}.chess-promo-backdrop{z-index:50;background:#2c2c2a59;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.chess-promo{background:var(--surface);border:1.5px solid var(--ink);border-radius:16px;gap:6px;padding:8px;display:flex}.chess-promo-btn{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px;width:56px;height:56px;padding:4px}@media (hover:hover){.chess-promo-btn:hover{border-color:#d85a30}}.chess-promo-btn .chess-piece-svg{width:100%;height:100%;position:static}.chess-layout{flex-direction:column;gap:14px;width:100%;max-width:560px;margin-inline:auto;display:flex}.chess-panel{flex-direction:column;gap:10px;display:flex}.chess-status{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:600}.chess-captured{flex-direction:column;gap:2px;display:flex}.chess-captured-row{align-items:center;gap:8px;min-height:20px;display:flex}.chess-captured-name{color:var(--ink-mute);min-width:72px;font-size:13px}.chess-captured-link{color:inherit;text-decoration:none}@media (hover:hover){.chess-captured-link:hover{text-decoration:underline}}.chess-captured-link:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:3px}.chess-captured-pieces{display:flex}.chess-cap{width:18px;height:18px;margin-left:-4px}.chess-cap .chess-piece-svg{width:100%;height:100%;position:static}.chess-captured-diff{color:var(--ink-mute);font-family:IBM Plex Mono,monospace;font-size:12px}.chess-offer{background:var(--surface);border:1.5px solid var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.chess-offer-mine{color:var(--ink-mute);border-style:dashed;justify-content:center}.chess-offer-btns{gap:6px;display:flex}.chess-movelist{background:var(--surface);border-radius:14px;flex-wrap:wrap;gap:2px 10px;max-height:180px;margin:0;padding:8px 10px;list-style:none;display:flex;overflow-y:auto}.chess-movepair{align-items:center;gap:2px;display:flex}.chess-moveno{color:var(--ink-mute);font-family:IBM Plex Mono,monospace;font-size:12px}.chess-move-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 5px;font-family:IBM Plex Mono,monospace;font-size:13px}@media (hover:hover){.chess-move-btn:hover{background:#d85a301f}}.chess-move-current{background:#d85a302e}.chess-live-btn{align-self:flex-start}.chess-actions{flex-wrap:wrap;gap:8px;display:flex}.chess-action-btn{color:var(--ink);border:1.5px solid var(--ink-mute);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}@media (hover:hover){.chess-action-btn:hover:not(:disabled){border-color:var(--ink)}}.chess-action-btn:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.shape,.shape-rose-tri,.eyebrow-pill .dot,.loading-mark,.lg-pile-valid,.lg-slot-valid,.lg-card,.lg-stuck-alert,.lg-pile-done,.lg-shaking .lg-hand,.lg-shaking .lg-opp,.chess-piece-slide,.bc-card-fresh,.bc-hand-card-incoming,.conn-dot{animation:none}.c4-flying-piece,.lg-flying{animation-duration:1ms!important}.btn:hover:not(:disabled),.game-card:hover,.active-row:hover,.history-item:hover .history-row,.game-card:not(.game-card-soon):hover .cover svg{transform:none}}@media (width<=560px){.hero-section{padding:44px 20px 32px}.hero-art{height:300px}.shape-circle{width:130px;height:130px;top:20px;left:16px}.shape-sage-square{width:150px;height:150px;top:160px;left:80px}.shape-butter-square{width:110px;height:110px;right:24px}.shape-violet-ring{width:96px;height:96px;top:170px;right:12px}.shape-rose-tri{width:90px;height:82px;top:250px;right:110px}.shelf-section{padding:12px 20px 48px}.shelf-grid{grid-template-columns:1fr;gap:14px}.game-card{flex-direction:row;align-items:stretch}.game-card .cover{aspect-ratio:auto;flex-shrink:0;width:112px;min-height:132px}.game-card .body{justify-content:center;gap:5px;padding:14px 16px}.game-card .title{font-size:19px}.game-card .blurb{font-size:12.5px}.players-pill{padding:3px 8px;font-size:10px;top:8px;right:8px}.lobby-nav{gap:10px;padding:14px 16px}.lobby-nav .lobby-game-tag,.nav-word-long{display:none}.lobby-nav .brand{flex-shrink:1;min-width:0;overflow:hidden}.lobby-nav .nav-actions{flex-shrink:0}.foot{padding:20px}.notif-bell,.account-menu{position:static}.notif-panel,.menu-panel{width:min(320px,100vw - 40px);left:auto;right:0}.notif-panel{max-height:min(62vh,420px)}.notif-trigger{width:44px;height:44px}.notif-badge{top:6px;right:4px}.account-name{display:none}.account-trigger{gap:6px;min-height:44px;padding:6px 8px}}.overlay{z-index:50;background:#f5efe0eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-card{background:var(--bg-raised);border:1.5px solid var(--border);border-radius:20px;max-height:88vh;padding:28px 24px;overflow-y:auto;box-shadow:0 18px 40px #2c2c2a29}.overlay-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;text-align:center;margin-bottom:18px;font-size:26px;font-weight:600}.overlay-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.overlay-actions .btn{width:100%}.bc-table{flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.bc-card{background:var(--bc-card-face);border:1.5px solid #2c2c2a;border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.bc-card-band{background:var(--exp,#ccc);border-bottom:1.5px solid #2c2c2a;flex-shrink:0;justify-content:space-between;align-items:center;gap:2px;padding:2px 4px;display:flex}.bc-card-index{font-family:var(--font-index);color:#2c2c2a;font-size:11px;font-weight:700;line-height:1}.bc-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:0;display:flex}.bc-card-value{font-family:var(--font-display);font-variation-settings:var(--fvs-display);color:#2c2c2a;letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1}.bc-card-wager-word{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#6e6b63;font-size:8px}.bc-card-lg{width:64px;height:90px}.bc-card-lg .bc-card-value{font-size:27px}.bc-card-md,.bc-card-sm{aspect-ratio:5/7;width:100%;max-width:80px}.bc-card-sm .bc-card-value{font-size:21px}.bc-card-stacked{aspect-ratio:auto;border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;height:22px;margin-bottom:-1px}.bc-card-dim{opacity:.42}.bc-card-selected{box-shadow:0 0 0 2.5px var(--coral)}.bc-card-fresh{box-shadow:0 0 0 2.5px var(--coral);animation:1.6s ease-out forwards bc-fresh}@keyframes bc-fresh{0%{box-shadow:0 0 0 3px var(--coral);transform:translateY(-5px)}22%{transform:translateY(0)}to{box-shadow:0 0 #d85a3000}}.bc-card-last{box-shadow:0 0 0 2.5px var(--fg)}.bc-last-play{font-size:var(--fs-meta);color:var(--fg-muted);margin-top:-2px;padding-left:62px}.bc-hand-card-incoming{opacity:.5;animation:.9s ease-in-out infinite alternate bc-incoming}@keyframes bc-incoming{0%{opacity:.35}to{opacity:.65}}.bc-glyph{flex-shrink:0;display:block}.bc-card-back{background:var(--bc-back-face);justify-content:center;align-items:center}.bc-back-art{width:100%;height:100%;position:absolute;inset:0}.bc-back-label{font-family:var(--font-mono);color:#2c2c2a;font-size:15px;font-weight:500;position:relative}.bc-slot{aspect-ratio:5/7;border:1.5px dashed var(--exp);flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;max-width:80px;display:flex}@supports (color:color-mix(in lab, red, red)){.bc-slot{border:1.5px dashed color-mix(in srgb, var(--exp) 70%, var(--fg))}}.bc-slot{opacity:.55;border-radius:8px}.bc-slot-hint{text-align:center;color:var(--fg-muted);padding:0 2px;font-size:8px;line-height:1.1}.bc-side{flex-direction:column;gap:6px;display:flex}.bc-side-head{font-size:var(--fs-meta);color:var(--fg-muted);align-items:center;gap:8px;display:flex}.bc-player-name{color:var(--fg);font-weight:500}.bc-total{font-family:var(--font-mono);color:var(--fg);margin-left:auto;font-size:14px}.bc-hand-dots{gap:2px;display:flex}.bc-hand-dot{background:var(--fg-faint);border-radius:1px;width:5px;height:7px}.bc-cols{grid-template-columns:repeat(5,1fr);align-items:start;gap:6px;padding-left:62px;display:grid}.bc-col{background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0;display:flex}.bc-stack{flex-direction:column;align-items:center;width:100%;display:flex}.bc-col-muted{opacity:.5;transition:opacity var(--dur-quick) var(--ease-out)}.bc-col-target{cursor:pointer;outline:2.5px solid var(--coral);outline-offset:3px;border-radius:10px}.bc-col-target:disabled{cursor:default}.bc-col-score{font-family:var(--font-mono);font-size:11px;line-height:1}.bc-pos{color:#2a7a4b}.bc-neg{color:#c0392b}.bc-middle{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.bc-deck{cursor:default;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:0 0 52px;align-items:center;gap:2px;padding:0;display:flex}.bc-deck .bc-card-md{width:52px}.bc-deck-label{color:var(--fg-muted);font-size:10px}.bc-deck-target{cursor:pointer;outline:2.5px solid var(--coral);outline-offset:3px}.bc-discards{flex:1;grid-template-columns:repeat(5,1fr);gap:6px;min-width:0;display:grid}.bc-pile-wrap{min-width:0;display:flex;position:relative}.bc-pile{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:0;display:flex}.bc-pile:disabled{cursor:default}.bc-pile-muted{opacity:.5}.bc-pile-blocked{opacity:.45}.bc-pile-target{outline:2.5px solid var(--coral);outline-offset:3px}.bc-pile-count{background:var(--fg);min-width:18px;height:18px;color:var(--bg);font-family:var(--font-mono);text-align:center;cursor:pointer;z-index:2;border:none;border-radius:999px;padding:0 4px;font-size:10px;line-height:18px;position:absolute;bottom:4px;right:-5px}@media (hover:hover){.bc-pile-count:hover{background:var(--coral)}}.bc-pile-tag{color:var(--coral);margin-top:3px;font-size:10px;font-weight:500}.bc-pile-tag-off{color:var(--fg-faint)}.bc-peek{border:1.5px solid var(--border);background:var(--bg-raised);border-radius:14px;padding:10px 12px}.bc-peek-head{font-size:var(--fs-meta);align-items:center;gap:6px;margin-bottom:8px;display:flex}.bc-peek-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:20px;line-height:1}.bc-peek-cards{flex-wrap:wrap;gap:4px;display:flex}.bc-peek-cards .bc-card-sm{width:38px}.bc-status{text-align:center;font-size:var(--fs-body-sm);color:var(--fg-muted);min-height:20px}.bc-status-live{color:var(--fg);font-weight:500}.bc-hint{text-align:center;font-size:var(--fs-meta);color:var(--fg-muted)}.bc-hand{justify-content:safe center;gap:6px;padding:12px 2px 8px;display:flex;overflow-x:auto}.bc-hand-card{cursor:pointer;transition:transform var(--dur-instant) var(--ease-out);background:0 0;border:none;border-radius:8px;padding:0}.bc-hand-card:disabled{cursor:default}.bc-hand-card-up{transform:translateY(-8px)}.bc-hand-card:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.bc-scoreboard{width:92vw;max-width:440px}.bc-score-table{margin-bottom:18px}.bc-score-table th:not(:first-child),.bc-score-table td:not(:first-child){text-align:right}.bc-score-exp{align-items:center;gap:6px;display:flex}.bc-score-none{color:var(--fg-faint)}.bc-score-bonus{color:var(--fg-muted);font-size:10px}.bc-score-round td{border-top:1px solid var(--border-soft)}.rules-backdrop{z-index:60;background:#2c2c2a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.rules-sheet{background:var(--bg-raised);border-left:1.5px solid var(--border);flex-direction:column;width:min(460px,100%);max-height:100%;display:flex}.rules-head{border-bottom:1.5px solid var(--border);flex-shrink:0;align-items:center;padding:16px 20px;display:flex}.rules-head h2{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;font-size:22px;font-weight:600}.rules-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:26px;line-height:1}.rules-body{font-size:var(--fs-body-sm);flex-direction:column;gap:22px;padding:20px;line-height:1.65;display:flex;overflow-y:auto}.rules-body section{flex-direction:column;gap:10px;display:flex}.rules-body h3{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;font-size:17px;font-weight:600}.rules-lead{color:var(--fg-muted)}.bc-rules-exps{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;list-style:none;display:grid}.bc-rules-exps li{align-items:center;gap:8px;display:flex}.bc-rules-cards{align-items:center;gap:6px;display:flex}.bc-rules-cards .bc-card-sm{width:42px}.bc-rules-no{color:#c0392b;font-size:18px}.bc-rules-formula{font-family:var(--font-mono);background:var(--bg-sunk);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.7}.bc-rules-formula span{color:var(--fg-muted);display:block}.rules-table{border-collapse:collapse;width:100%;font-size:var(--fs-meta)}.rules-table th{text-align:left;border-bottom:1.5px solid var(--border);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:4px 6px;font-size:11px;font-weight:500}.rules-table td{border-bottom:1px solid var(--border-soft);vertical-align:top;padding:5px 6px}.rules-credit{color:var(--fg-faint);font-size:12px}.bc-drag-card{z-index:60;pointer-events:none;filter:drop-shadow(0 10px 18px #2c2c2a47);will-change:transform;margin-top:-40px;margin-left:-28px;position:fixed;top:0;left:0}.bc-dragging{cursor:grabbing}.bc-dragging .bc-peek{opacity:.3}.bc-hand-card,.bc-pile-grab{touch-action:none}.bc-pile-grab,.bc-hand-card:not(:disabled){cursor:grab}.bc-hand-card-lifted{opacity:.22}.bc-col-over,.bc-pile-over,.bc-hand-over{outline:2.5px solid var(--coral);outline-offset:3px;background:var(--coral);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.bc-col-over,.bc-pile-over,.bc-hand-over{background:color-mix(in srgb, var(--coral) 12%, transparent)}}.bc-hand-over{outline-offset:6px}.bc-help-btn{border:1.5px solid var(--border);background:var(--bg-raised);width:34px;height:34px;color:var(--fg);font-family:var(--font-display);font-variation-settings:var(--fvs-display);cursor:pointer;border-radius:999px;flex-shrink:0;font-size:16px;font-weight:600;line-height:1}@media (hover:hover){.bc-help-btn:hover{border-color:var(--coral);color:var(--coral)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.bc-card-lg{width:36px;height:51px}.bc-card-lg .bc-card-value{font-size:20px}.bc-card-lg .bc-card-band{padding:1px 3px}.bc-card-value{font-size:18px}.bc-card-stacked{height:19px}.bc-deck{flex-basis:42px}.bc-deck .bc-card-md{width:42px}.bc-table{width:calc(100% + 36px);margin-inline:-18px}.bc-cols,.bc-discards{gap:4px}.bc-cols,.bc-last-play{padding-left:52px}.bc-hand{gap:4px}.rules-sheet{width:100%}.bc-help-btn{width:44px;height:44px}.bc-drag-card{margin-top:-26px;margin-left:-18px}}.bb-table{--bb-surface:var(--bg-sunk);--bb-panel:var(--bg-raised);--bb-line:var(--border-soft);--bb-fg:var(--fg);--bb-mute:var(--fg-muted);background:var(--bb-surface);border:1.5px solid var(--border);color:var(--bb-fg);border-radius:20px;flex-direction:column;gap:12px;min-width:0;max-width:100%;padding:14px;display:flex;overflow:hidden}[data-theme=dark] .bb-table{--bb-surface:#1e1c21;--bb-panel:#2a272f;--bb-line:#423d4c;background:radial-gradient(120% 80% at 50% 0,#302c37 0%,#1e1c21 62%)}.bb-card{background:var(--bg-raised);border:1.5px solid var(--border);font:inherit;text-align:left;color:var(--fg);transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out);border-radius:10px;flex-direction:column;flex-shrink:0;padding:0;display:flex;position:relative;overflow:hidden}button.bb-card{cursor:pointer}button.bb-card:disabled{cursor:default}.bb-card-field{background:var(--fam,#ccc);width:100%;min-height:0;filter:var(--bb-field-filter);border-bottom:1.5px solid var(--border);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 9px));flex:0 0 68%;display:block;position:relative;overflow:hidden}.bb-card-backdrop{opacity:.22;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bb-card-art{justify-content:center;align-items:center;padding-bottom:5px;display:flex;position:absolute;inset:0}.bb-card-art .bb-art{max-width:86%;height:auto}.bb-card-foot{background:var(--bg-raised);flex-direction:column;flex-shrink:0;gap:1px;padding:4px 6px 5px;display:flex}.bb-card-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;color:var(--fg);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:9.5px;font-weight:600;line-height:1.1}.bb-card-effect{color:var(--fg-muted);font-size:8px;line-height:1.25}.bb-card-flavour{color:var(--fg-faint);margin-top:3px;font-size:10px;font-style:italic;line-height:1.35}.bb-card-lg{border-radius:15px;width:158px;height:268px}.bb-card-lg .bb-card-field{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 15px));flex-basis:49%}.bb-card-lg .bb-card-foot{gap:3px;padding:8px 11px 11px}.bb-card-lg .bb-card-title{font-size:17px}.bb-card-lg .bb-card-effect{font-size:11px;line-height:1.4}.bb-card-md{width:84px;height:124px}.bb-card-md .bb-card-title{font-size:9.5px}.bb-card-sm{border-radius:8px;width:58px;height:86px}.bb-card-sm .bb-card-field{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 6px))}.bb-card-sm .bb-card-title{font-size:7.5px}.bb-card-sm .bb-card-foot{padding:3px 4px 4px}.bb-card-selected{box-shadow:0 0 0 2.5px var(--accent), 0 10px 20px #00000047;z-index:4;transform:translateY(-14px)}.bb-card-dim{opacity:.38}.bb-card-fresh{box-shadow:0 0 0 2.5px var(--sage)}.bb-card-last{box-shadow:0 0 0 2.5px var(--accent)}.bb-card-back{background:#2c2c2a;border-color:#14130f;justify-content:center;align-items:center;gap:6px}.bb-back-mark{opacity:.9;display:flex}.bb-back-label{font-family:var(--font-mono);letter-spacing:.06em;color:#f5efe0;font-size:10px}.bb-slot{border-style:dashed;border-color:var(--bb-line,var(--border-soft));color:var(--fg-faint);background:0 0;justify-content:center;align-items:center}.bb-slot-hint{font-family:var(--font-mono);letter-spacing:.04em;text-align:center;color:var(--fg-faint);padding:0 6px;font-size:9px}.bb-seats{flex-wrap:wrap;gap:7px;display:flex}.bb-seat{background:var(--bb-panel);border:1.5px solid var(--bb-line);min-width:0;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), opacity var(--dur-slow) var(--ease-out);border-radius:13px;align-items:center;gap:7px;padding:6px 10px 6px 6px;display:flex}.bb-seat-turn{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.bb-seat-out{opacity:.42}.bb-seat-out .bb-seat-name{text-decoration:line-through}.bb-seat-avatar{width:26px;height:26px;font-family:var(--font-body);color:#2c2c2a;border:1.5px solid #2c2c2a;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:500;display:grid}.bb-seat-body{flex-direction:column;min-width:0;display:flex}.bb-seat-name{font-size:var(--fs-meta);white-space:nowrap;text-overflow:ellipsis;max-width:96px;font-weight:500;line-height:1.2;overflow:hidden}.bb-seat-meta{font-family:var(--font-mono);color:var(--bb-mute);font-size:10px;line-height:1.3}.bb-seat-owes{font-family:var(--font-mono);color:var(--accent-fg);background:var(--accent);border-radius:5px;margin-left:4px;padding:0 4px;font-size:10px}.bb-middle{justify-content:center;align-items:flex-start;gap:22px;padding:4px 0;display:flex}.bb-pile{flex-direction:column;align-items:center;gap:6px;display:flex}.bb-pile-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bb-mute);text-align:center;font-size:10px}.bb-draw-btn{cursor:pointer;transition:transform var(--dur-quick) var(--ease-out);background:0 0;border:none;border-radius:10px;padding:0;display:block}@media (hover:hover){.bb-draw-btn:not(:disabled):hover{transform:translateY(-3px)}}.bb-draw-btn:disabled{cursor:default;opacity:.55}@media (hover:hover){.bb-draw-btn:not(:disabled):hover .bb-card-back{border-color:var(--accent)}}.bb-log{background:var(--bb-panel);border:1.5px solid var(--bb-line);border-radius:13px;flex-direction:column;gap:3px;max-height:92px;padding:8px 11px;display:flex;overflow-y:auto}.bb-log-line{color:var(--bb-mute);font-size:12px;line-height:1.45}.bb-log-line:last-child{color:var(--bb-fg)}.bb-log-who{color:var(--bb-fg);font-weight:500}.bb-log-card{font-style:italic}.bb-hand-wrap{flex-direction:column;gap:8px;min-width:0;display:flex}.bb-hand-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bb-mute);justify-content:space-between;align-items:baseline;gap:10px;font-size:10px;display:flex}.bb-hand{scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;justify-content:safe center;min-width:0;max-width:100%;padding:18px 4px 6px;display:flex;overflow:auto hidden}.bb-hand>*{scroll-snap-align:center;margin-right:-14px}.bb-hand>:last-child{margin-right:0}@media (hover:hover){.bb-hand>:hover{z-index:3}}.bb-prompt{border:1.5px solid var(--bb-line);background:var(--bb-panel);border-radius:15px;flex-direction:column;gap:9px;min-width:0;padding:11px 13px;display:flex}.bb-prompt-slot{transition:grid-template-rows var(--dur-base) var(--ease-out);grid-template-rows:0fr;display:grid}.bb-prompt-slot>*{min-height:0;overflow:hidden}.bb-prompt-slot-open{grid-template-rows:1fr}.bb-prompt-urgent{border-color:var(--rose);box-shadow:0 0 0 1.5px var(--rose)}.bb-prompt-title{font-family:var(--font-display);font-variation-settings:var(--fvs-display);letter-spacing:-.02em;color:var(--bb-fg);font-size:16px;font-weight:600}.bb-prompt-body{font-size:var(--fs-meta);color:var(--bb-mute);line-height:1.5}.bb-prompt-actions{flex-wrap:wrap;gap:7px;display:flex}.bb-prompt-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bb-prompt-card{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.bb-prompt-card-body{flex-direction:column;flex:1;gap:8px;min-width:160px;display:flex}.bb-btn{font-family:var(--font-body);font-weight:500;font-size:var(--fs-meta);border:1.5px solid var(--bb-line);color:var(--bb-fg);cursor:pointer;transition:background var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out);background:0 0;border-radius:11px;padding:7px 13px}@media (hover:hover){.bb-btn:hover:not(:disabled){border-color:var(--bb-fg)}}.bb-btn:active:not(:disabled){transform:translateY(1px)}.bb-btn:disabled{opacity:.45;cursor:default}.bb-btn-primary{background:var(--coral);border-color:var(--coral);color:#f5efe0}@media (hover:hover){.bb-btn-primary:hover:not(:disabled){background:var(--coral-deep);border-color:var(--coral-deep)}}.bb-btn-nope{background:var(--rose);border-color:var(--rose);color:#2c2c2a}.bb-timer{background:var(--bb-line);border-radius:2px;height:4px;overflow:hidden}.bb-timer-fill{background:var(--rose);transform-origin:0;height:100%}.bb-reorder{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bb-reorder-slot{flex-direction:column;align-items:center;gap:5px;display:flex}.bb-reorder-pos{font-family:var(--font-mono);color:var(--bb-mute);font-size:10px}.bb-reorder-move{gap:4px;display:flex}.bb-reorder-move button{border:1.5px solid var(--bb-line);width:26px;height:24px;color:var(--bb-fg);cursor:pointer;background:0 0;border-radius:7px;font-size:11px;line-height:1}.bb-reorder-move button:disabled{opacity:.3;cursor:default}.bb-slide{flex-direction:column;gap:8px;display:flex}.bb-slide-range{width:100%;accent-color:var(--coral)}.bb-slide-marks{font-family:var(--font-mono);color:var(--bb-mute);justify-content:space-between;font-size:10px;display:flex}.bb-slide-where{font-size:var(--fs-meta);color:var(--bb-fg);text-align:center}.bb-peek{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bb-peek-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.bb-flight-layer{pointer-events:none;z-index:60;position:fixed;inset:0}.bb-flight-inner{transform:translate(-50%,-50%)}.bb-flight{transform:translate(var(--fx), var(--fy)) rotate(var(--tilt,0deg)) scale(var(--fscale,1));animation:bb-fly var(--fdur,.38s) var(--ease-out) forwards;will-change:transform;position:absolute;top:0;left:0}@keyframes bb-fly{to{transform:translate(var(--tx), var(--ty)) rotate(var(--ttilt,0deg)) scale(var(--tscale,1))}}@keyframes bb-land{0%{opacity:0;transform:translateY(10px)scale(.9)}60%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:none}}.bb-card-landing{animation:bb-land .34s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.bb-card-landing{animation:none}.bb-flight{animation-duration:1ms}}.bb-rules-gallery{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));justify-items:center;gap:14px;display:grid}.bb-rules-figure{flex-direction:column;align-items:center;gap:5px;display:flex}.bb-rules-count{font-family:var(--font-mono);color:var(--fg-faint);font-size:10px}.bb-rules-group{flex-direction:column;gap:10px;display:flex}.bb-rules-group-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);align-items:baseline;gap:8px;font-size:10px;display:flex}.bb-rules-swatch{border:1.5px solid var(--border);border-radius:3px;flex-shrink:0;width:10px;height:10px}.bb-rules-pair{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.bb-rules-aside{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.bb-rules-list{flex-direction:column;gap:9px;padding-left:17px;display:flex}.bb-rules-list li{line-height:1.6}.bb-rules-mark{flex-shrink:0}@media (width<=560px){.bb-table{border-radius:16px;padding:10px}.bb-card-md{width:76px;height:112px}.bb-hand{padding-top:16px}.bb-hand>*{margin-right:-18px}.bb-middle{gap:14px}.bb-seat-name{max-width:76px}.bb-rules-gallery{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}}.surface-in{animation:surface-in var(--dur-base) var(--ease-out) both}.surface-out{animation:surface-out var(--dur-quick) var(--ease-in) both}.surface-in-sheet{animation:surface-in-sheet var(--dur-base) var(--ease-out) both}.surface-out-sheet{animation:surface-out-sheet var(--dur-quick) var(--ease-in) both}.surface-in-zoom{animation:surface-in-zoom var(--dur-slow) var(--ease-out) both}.surface-out-zoom{animation:surface-out-zoom var(--dur-quick) var(--ease-in) both}.surface-in-banner{animation:surface-in-banner var(--dur-quick) var(--ease-out) both}.surface-out-banner{animation:surface-out-banner var(--dur-quick) var(--ease-in) both}.surface-scrim-in{animation:overlay-fade-in var(--dur-quick) var(--ease-out) both}.surface-scrim-out{animation:overlay-fade-out var(--dur-quick) var(--ease-in) both}.row-in{animation:row-in var(--dur-quick) var(--ease-out) both}.row-out{animation:row-out var(--dur-quick) var(--ease-in) both}@keyframes row-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes row-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)}}.row-out{pointer-events:none}@keyframes surface-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:none}}@keyframes surface-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.99)}}@keyframes surface-in-sheet{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes surface-out-sheet{0%{opacity:1;transform:none}to{opacity:0;transform:translate(24px)}}@keyframes surface-in-zoom{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes surface-out-zoom{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.97)}}@keyframes surface-in-banner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes surface-out-banner{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}.route-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wr-table{flex-direction:column;gap:10px;width:100%;max-width:460px;margin:0 auto;padding:6px 0 20px;display:flex}.wr-scores{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.wr-chip{border:1.5px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface);transition:border-color var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out);align-items:baseline;gap:6px;padding:5px 12px;font-size:13px;display:flex;position:relative}.wr-chip-up{border-color:var(--coral);box-shadow:0 0 0 2px #d85a3029}.wr-chip-won{border-color:#85b7eb;box-shadow:0 0 0 2px #85b7eb4d}.wr-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:10ch;font-weight:500;overflow:hidden}.wr-chip-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.wr-chip-adj{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.wr-rise{color:var(--coral);pointer-events:none;animation:wr-rise calc(var(--dur-slow) * 3) var(--ease-out) var(--wr-last-delay,0s) both;font-size:13px;font-weight:500;position:absolute;top:-6px;right:10px}@keyframes wr-rise{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-22px)}}.wr-last{text-align:center;color:var(--ink-soft);margin:0;font-size:13px}.wr-board{background:var(--hairline);border:var(--hairline-card);border-radius:var(--r-sm);grid-template-columns:repeat(11,1fr);gap:2px;padding:3px;display:grid;container-type:inline-size}.wr-sq{aspect-ratio:1;background:var(--surface);color:var(--ink);font:inherit;cursor:default;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.wr-sq-tw{background:#ed93b18c}.wr-sq-dw,.wr-sq-centre{background:#fac7758c}.wr-sq-tl{background:#afa9ec99}.wr-sq-dl{background:#85b7eb73}.wr-sq-mark{font-family:var(--font-mono);letter-spacing:.02em;opacity:.7;font-size:2.3cqi}.wr-sq-star{font-family:var(--font-body);opacity:.8;font-size:4.6cqi}.wr-sq-target{cursor:pointer}@media (hover:hover){.wr-sq-target:hover{box-shadow:inset 0 0 0 1.5px var(--coral)}}.wr-sq-last .wr-tile{animation:wr-outline-in var(--dur-base) var(--ease-out) var(--wr-last-delay,0s) both;outline:2px solid #85b7eb}@keyframes wr-outline-in{0%{outline-color:#85b7eb00}}.wr-tile{box-sizing:border-box;background:var(--wr-tile-face);color:#2c2c2a;width:100%;height:100%;font-family:var(--font-display);font-variation-settings:"SOFT" 100;-webkit-user-select:none;user-select:none;border:1.5px solid #2c2c2a;border-radius:8px;place-items:center;font-weight:600;line-height:1;display:grid;position:relative;box-shadow:0 2px #2c2c2a}.wr-tile-points{font-family:var(--font-body);letter-spacing:-.04em;font-weight:500;position:absolute;bottom:5%;right:7%}.wr-tile-letter{transform:translate(-8%,-4%)}.wr-tile-blank .wr-tile-letter{transform:none}.wr-tile-blank{background:var(--wr-blank-face)}.wr-tile-blank .wr-tile-letter{color:#7a7669}.wr-tile-board{box-shadow:none;border-width:1px;border-radius:3px}.wr-tile-board .wr-tile-letter{font-size:5.4cqi}.wr-tile-board .wr-tile-points{font-size:2.1cqi}.wr-tile-pending{border-color:#b8862f;box-shadow:0 0 0 2px #fac775}.wr-tile-checking{animation:wr-checking calc(var(--dur-slow) * 2) ease-in-out infinite alternate}@keyframes wr-checking{to{opacity:.55}}.wr-shake .wr-tile{box-shadow:0 0 0 2px var(--coral);animation:wr-shake calc(var(--dur-slow) * 1.3) var(--ease-out) both}@keyframes wr-shake{0%,to{transform:none}20%{transform:translate(-3px)rotate(-3deg)}40%{transform:translate(3px)rotate(3deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.wr-under{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.wr-bag{color:var(--ink-soft);flex:none;align-items:baseline;gap:5px;font-size:12px;display:flex}.wr-bag-count{font-family:var(--font-mono);color:var(--ink);font-size:13px;display:inline-block}.wr-bag-pulse{animation:wr-pulse var(--dur-slow) var(--ease-spring)}@keyframes wr-pulse{50%{transform:scale(1.4)}}.wr-hint{text-align:right;margin:0;font-size:13px;line-height:1.4}.wr-hint-good{font-weight:500}.wr-hint-muted{color:var(--ink-soft)}.wr-hint-error{color:var(--coral)}.wr-rack{box-sizing:border-box;background:var(--surface-2);border:1.5px solid var(--hairline);border-radius:var(--r-sm);grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:380px;margin:0 auto;padding:8px;display:grid;container-type:inline-size}.wr-slot{aspect-ratio:1;background:#2c2c2a0d;border-radius:8px}.wr-rack-tile{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.wr-rack-tile:disabled{cursor:default}.wr-rack-tile .wr-tile{transition:transform var(--dur-quick) var(--ease-spring), box-shadow var(--dur-quick) var(--ease-out)}.wr-rack-tile .wr-tile-letter{font-size:8.4cqi}.wr-rack-tile .wr-tile-points{font-size:3.1cqi}.wr-rack-tile-up .wr-tile{box-shadow:0 0 0 2px var(--coral), 0 8px 0 -2px #2c2c2a40;transform:translateY(-8px)}.wr-controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.wr-controls .btn-sm{padding:8px 14px}.wr-picker{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;box-sizing:border-box;background:var(--surface);border:var(--hairline-card);border-radius:var(--r-md);width:min(360px,100% - 32px);box-shadow:var(--shadow-lg);margin:0 auto;padding:12px;position:fixed}.wr-picker-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.wr-picker-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:20px;line-height:1}.wr-picker-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.wr-picker-letter{aspect-ratio:1;background:var(--wr-blank-face);color:#2c2c2a;font-family:var(--font-display);cursor:pointer;border:1.5px solid #2c2c2a;border-radius:8px;font-size:18px;font-weight:600}.wr-rules-tiles{gap:4px;margin:2px 0 10px;display:flex}.wr-rules-tile{width:38px;height:38px}.wr-rules-tile .wr-tile-letter{font-size:20px}.wr-rules-tile .wr-tile-points{font-size:8.5px}.wr-rules-squares{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.wr-rules-squares li{align-items:center;gap:10px;display:flex}.wr-rules-square{width:30px;height:30px;font-family:var(--font-mono);color:var(--ink);border-radius:4px;flex:none;place-items:center;font-size:10px;display:inline-grid}.wr-rules-square.wr-sq-centre{font-family:var(--font-body);font-size:15px}.wr-rules-values td:last-child{font-family:var(--font-display);letter-spacing:.08em;font-weight:600}.bb-flight .wr-tile{width:42px;height:42px}.bb-flight .wr-tile-letter{font-size:22px}.bb-flight .wr-tile-points{font-size:10px}@media (prefers-reduced-motion:reduce){.wr-shake .wr-tile{animation:none}.wr-tile-checking{opacity:.7;animation:none}}.trace-panel{z-index:70;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);width:min(420px,100vw - 16px);max-height:40vh;box-shadow:var(--shadow-md);font-family:var(--font-mono);opacity:.94;flex-direction:column;font-size:11px;display:flex;position:fixed;bottom:8px;left:8px}.trace-head{border-bottom:1px solid var(--hairline);gap:4px;padding:4px;display:flex}.trace-head button{border:1px solid var(--hairline);border-radius:var(--r-xs);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:3px 8px}.trace-head button:first-child{margin-right:auto}.trace-list{margin:0;padding:4px 8px;line-height:1.5;list-style:none;overflow-y:auto}.trace-list li{border-bottom:1px dashed var(--hairline);padding:2px 0}.trace-confirmed{color:var(--ink-soft)}.trace-pending{color:var(--ink)}.trace-refused,.trace-beaten,.trace-rejected,.trace-network,.trace-stale{color:var(--coral)}.lobby-game-tag-button:active,.lobby-remove:active,.lobby-code:active,.account-trigger:active,.notif-trigger:active,.notif-item-more:active,.notif-item-dismiss:active,.notif-row-more:active,.notif-row-dismiss:active,.bc-help-btn:active,.bc-pile-count:active,.chess-promo-btn:active,.chess-action-btn:active:not(:disabled),.settings-code:active,.settings-danger-btn:active:not(:disabled),.game-overlay-dismiss:active,.lg-stuck:active:not(:disabled),.c4-col-btn:not(:disabled):active,.wr-sq-target:active,.wr-rack-tile:not(:disabled):active,.wr-picker-letter:active,.wr-picker-close:active{transition:transform var(--dur-instant) var(--ease-out);transform:scale(.94)}.menu-item:active,.menu-theme-btn:active,.game-picker-option:active,.notif-item-link:active,.notif-row-link:active,.notif-sub-row:active,.notif-see-all:active,.chess-move-btn:active,.history-filter-select:active,.lobby-player-link:active,.chess-captured-link:active,.history-player-link:active{opacity:.6;transition:opacity var(--dur-instant) var(--ease-out)}.game-card:active,.active-row:active,.history-item:active .history-row,.bb-draw-btn:not(:disabled):active{transition:transform var(--dur-instant) var(--ease-out);transform:scale(.98)}@media (hover:hover){.game-card:active,.active-row:active,.history-item:active .history-row,.bb-draw-btn:not(:disabled):active{transform:translateY(0)}}a,button,select,summary,[role=button],.game-card,.active-row,.history-row,.notif-item,.notif-sub-row,.lobby-player{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){.lobby-game-tag-button:active,.lobby-remove:active,.lobby-code:active,.account-trigger:active,.notif-trigger:active,.notif-item-more:active,.notif-item-dismiss:active,.notif-row-more:active,.notif-row-dismiss:active,.bc-help-btn:active,.bc-pile-count:active,.chess-promo-btn:active,.chess-action-btn:active:not(:disabled),.settings-code:active,.settings-danger-btn:active:not(:disabled),.game-overlay-dismiss:active,.lg-stuck:active:not(:disabled),.c4-col-btn:not(:disabled):active,.game-card:active,.active-row:active,.history-item:active .history-row,.bb-draw-btn:not(:disabled):active{opacity:.6;transform:none}}[data-theme=dark] ::selection{color:#2c2c2a}[data-theme=dark] .hero-foot .avatars span,[data-theme=dark] .account-avatar,[data-theme=dark] .settings-avatar,[data-theme=dark] .lobby-avatar,[data-theme=dark] .lobby-game-tag{color:#2c2c2a}[data-theme=dark] .history-tag,[data-theme=dark] .active-tag{color:#2c2c2a;border-color:#2c2c2a}[data-theme=dark] .conn-banner{color:#2c2c2a;border-bottom-color:#2c2c2a}[data-theme=dark] .conn-banner-offline{color:#f5efe0}@media (hover:hover){[data-theme=dark] .btn-ink:hover:not(:disabled){background:#fffdf2}}[data-theme=dark] .game-overlay{background:#1a1916eb}[data-theme=dark] .score-positive{color:#5bc98f}[data-theme=dark] .score-negative{color:#e97c6f}[data-theme=dark] .scoreboard-table td{border-bottom-color:#f5efe01f}[data-theme=dark] .c4-cell{border-color:#f5efe01f}[data-theme=dark] .lg-opps{border-bottom-color:#f5efe01a}[data-theme=dark] .lg-opp-sep{background:#f5efe024}[data-theme=dark] .lg-empty{color:#f5efe04d;border-color:#f5efe038}[data-theme=dark] .lg-done{color:#f5efe073;border-color:#f5efe040}[data-theme=dark] .lg-zbadge{background:#f5efe024}[data-theme=dark] .lg-stuck{border-color:#f5efe040}@media (hover:hover){[data-theme=dark] .lg-stuck:hover:not(:disabled){background:#f5efe014}}[data-theme=dark] .lg-cycle-ico{border-color:#f5efe033}[data-theme=dark] .wr-slot{background:#f5efe00f}[data-theme=dark] .overlay{background:#1a1916eb}[data-theme=dark] .bc-pos{color:#5bc98f}[data-theme=dark] .bc-neg{color:#e97c6f}[data-theme=dark] .rules-backdrop{background:#0a0a0999}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
