@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");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:Figtree Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-italic-Q0qr0lrZ.woff2)format("woff2-variations");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:Figtree Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-italic-BEAWuiTz.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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{--font-display:"Bricolage Grotesque Variable", "Figtree Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ui:"Figtree Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-grid:"Figtree Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-0_5:2px;--space-1_5:6px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--z-base:0;--z-raised:10;--z-sticky:50;--z-dropdown:100;--z-overlay:200;--z-toast:300;--touch-target:44px;--max-content:1200px;--color-bg:#f6f1e9;--color-surface:#fffcf7;--color-surface-raised:#fff;--color-surface-sunken:#efe8dc;--color-surface-hover:#f0e9de;--color-border:#e4dacb;--color-border-strong:#c9bcaa;--color-text:#211a2a;--color-text-muted:#5c5266;--color-text-subtle:#7f7588;--color-text-inverse:#fffcf7;--color-accent:#f0643c;--color-accent-hover:#e2532a;--color-on-accent:#211a2a;--color-accent-text:#b43d17;--color-accent-soft:#fde3d8;--color-primary:#211a2a;--color-primary-hover:#3a3046;--color-on-primary:#fffcf7;--color-focus:#2f5bea;--color-success:#1c7a45;--color-success-soft:#d9f0e1;--color-danger:#b3291f;--color-danger-soft:#fbe1de;--color-warning:#9a5b00;--color-scrim:#211a2a73;--color-grid-cell:#fff;--color-grid-block:#241c2e;--color-grid-line:#bdb2a6;--color-grid-frame:#241c2e;--color-grid-text:#1b1523;--color-grid-number:#3d3447;--color-grid-selected:#ffc94d;--color-grid-selected-text:#1b1523;--color-grid-entry:#ddd5fb;--color-grid-entry-text:#1b1523;--color-grid-crossing:#f1edfd;--color-grid-pencil:#5c5367;--color-grid-incorrect:#d2352a;--color-grid-revealed:#6a4bd8;--color-grid-correct:#2350c8;--color-grid-circle:#7a7083;--color-grid-shaded:#e9e1d4;--player-1-solid:#c9411a;--player-1-on:#fff;--player-1-text:#c9411a;--player-1-tint:#f4d9d1;--player-2-solid:#2f5bea;--player-2-on:#fff;--player-2-text:#2f5bea;--player-2-tint:#d5defb;--player-3-solid:#0d7f57;--player-3-on:#fff;--player-3-text:#0d7f57;--player-3-tint:#cfe5dd;--player-4-solid:#8b2a87;--player-4-on:#fff;--player-4-text:#8b2a87;--player-4-tint:#e8d4e7;--player-5-solid:#c8296c;--player-5-on:#fff;--player-5-text:#c8296c;--player-5-tint:#f4d4e2;--player-6-solid:#566073;--player-6-on:#fff;--player-6-text:#566073;--player-6-tint:#dddfe3;--player-7-solid:#8f6400;--player-7-on:#fff;--player-7-text:#8f6400;--player-7-tint:#e9e0cc;--player-8-solid:#0e7480;--player-8-on:#fff;--player-8-text:#0e7480;--player-8-tint:#cfe3e6;--player-9-solid:#5a3fc0;--player-9-on:#fff;--player-9-text:#5a3fc0;--player-9-tint:#ded9f2;--player-10-solid:#7a4524;--player-10-on:#fff;--player-10-text:#7a4524;--player-10-tint:#e4dad3;--shadow-sm:0 1px 2px #33221414, 0 1px 1px #3322140a;--shadow-md:0 4px 12px #33221414, 0 1px 3px #3322140f;--shadow-lg:0 12px 32px #3322141f, 0 2px 6px #3322140f;--shadow-overlay:0 24px 64px #211a2a38, 0 4px 12px #211a2a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#16121b;--color-surface:#1f1926;--color-surface-raised:#29222f;--color-surface-sunken:#120f16;--color-surface-hover:#2c2534;--color-border:#352c3f;--color-border-strong:#4c4157;--color-text:#f5efe7;--color-text-muted:#bcb1c3;--color-text-subtle:#958a9e;--color-text-inverse:#16121b;--color-accent:#ff7a50;--color-accent-hover:#ff8f6b;--color-on-accent:#1a1420;--color-accent-text:#ff9a78;--color-accent-soft:#3d2420;--color-primary:#f5efe7;--color-primary-hover:#fff;--color-on-primary:#16121b;--color-focus:#86a2ff;--color-success:#5fd18e;--color-success-soft:#1b3326;--color-danger:#ff7468;--color-danger-soft:#3d1f1d;--color-warning:#f0b34a;--color-scrim:#05030899;--color-grid-cell:#2b2433;--color-grid-block:#0c0a0f;--color-grid-line:#4a4054;--color-grid-frame:#0c0a0f;--color-grid-text:#f7f1e9;--color-grid-number:#cbc0d3;--color-grid-selected:#f2b33d;--color-grid-selected-text:#1a1420;--color-grid-entry:#47396f;--color-grid-entry-text:#f7f1e9;--color-grid-crossing:#342b45;--color-grid-pencil:#c3b8cc;--color-grid-incorrect:#ff6b5b;--color-grid-revealed:#a08cff;--color-grid-correct:#8fb0ff;--color-grid-circle:#a99eb3;--color-grid-shaded:#3a3143;--player-1-solid:#ff8a5e;--player-1-on:#1a1420;--player-1-text:#ff8a5e;--player-1-tint:#66413f;--player-2-solid:#7d9dff;--player-2-on:#1a1420;--player-2-text:#7d9dff;--player-2-tint:#42466c;--player-3-solid:#3fcb93;--player-3-on:#1a1420;--player-3-text:#3fcb93;--player-3-tint:#31534e;--player-4-solid:#f2a0e6;--player-4-on:#1a1420;--player-4-text:#f2a0e6;--player-4-tint:#634765;--player-5-solid:#ff7fb1;--player-5-on:#1a1420;--player-5-text:#ff7fb1;--player-5-tint:#663d56;--player-6-solid:#aab4c6;--player-6-on:#1a1420;--player-6-text:#aab4c6;--player-6-tint:#4f4c5c;--player-7-solid:#e9bb48;--player-7-on:#1a1420;--player-7-text:#e9bb48;--player-7-tint:#604e39;--player-8-solid:#3ec6d6;--player-8-on:#1a1420;--player-8-text:#3ec6d6;--player-8-tint:#305161;--player-9-solid:#b39cff;--player-9-on:#1a1420;--player-9-text:#b39cff;--player-9-tint:#51466c;--player-10-solid:#dba57b;--player-10-on:#1a1420;--player-10-text:#dba57b;--player-10-tint:#5c4847;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073, 0 1px 3px #0000004d;--shadow-lg:0 14px 36px #0000008c, 0 2px 6px #00000059;--shadow-overlay:0 24px 64px #000000a6, 0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#16121b;--color-surface:#1f1926;--color-surface-raised:#29222f;--color-surface-sunken:#120f16;--color-surface-hover:#2c2534;--color-border:#352c3f;--color-border-strong:#4c4157;--color-text:#f5efe7;--color-text-muted:#bcb1c3;--color-text-subtle:#958a9e;--color-text-inverse:#16121b;--color-accent:#ff7a50;--color-accent-hover:#ff8f6b;--color-on-accent:#1a1420;--color-accent-text:#ff9a78;--color-accent-soft:#3d2420;--color-primary:#f5efe7;--color-primary-hover:#fff;--color-on-primary:#16121b;--color-focus:#86a2ff;--color-success:#5fd18e;--color-success-soft:#1b3326;--color-danger:#ff7468;--color-danger-soft:#3d1f1d;--color-warning:#f0b34a;--color-scrim:#05030899;--color-grid-cell:#2b2433;--color-grid-block:#0c0a0f;--color-grid-line:#4a4054;--color-grid-frame:#0c0a0f;--color-grid-text:#f7f1e9;--color-grid-number:#cbc0d3;--color-grid-selected:#f2b33d;--color-grid-selected-text:#1a1420;--color-grid-entry:#47396f;--color-grid-entry-text:#f7f1e9;--color-grid-crossing:#342b45;--color-grid-pencil:#c3b8cc;--color-grid-incorrect:#ff6b5b;--color-grid-revealed:#a08cff;--color-grid-correct:#8fb0ff;--color-grid-circle:#a99eb3;--color-grid-shaded:#3a3143;--player-1-solid:#ff8a5e;--player-1-on:#1a1420;--player-1-text:#ff8a5e;--player-1-tint:#66413f;--player-2-solid:#7d9dff;--player-2-on:#1a1420;--player-2-text:#7d9dff;--player-2-tint:#42466c;--player-3-solid:#3fcb93;--player-3-on:#1a1420;--player-3-text:#3fcb93;--player-3-tint:#31534e;--player-4-solid:#f2a0e6;--player-4-on:#1a1420;--player-4-text:#f2a0e6;--player-4-tint:#634765;--player-5-solid:#ff7fb1;--player-5-on:#1a1420;--player-5-text:#ff7fb1;--player-5-tint:#663d56;--player-6-solid:#aab4c6;--player-6-on:#1a1420;--player-6-text:#aab4c6;--player-6-tint:#4f4c5c;--player-7-solid:#e9bb48;--player-7-on:#1a1420;--player-7-text:#e9bb48;--player-7-tint:#604e39;--player-8-solid:#3ec6d6;--player-8-on:#1a1420;--player-8-text:#3ec6d6;--player-8-tint:#305161;--player-9-solid:#b39cff;--player-9-on:#1a1420;--player-9-text:#b39cff;--player-9-tint:#51466c;--player-10-solid:#dba57b;--player-10-on:#1a1420;--player-10-text:#dba57b;--player-10-tint:#5c4847;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073, 0 1px 3px #0000004d;--shadow-lg:0 14px 36px #0000008c, 0 2px 6px #00000059;--shadow-overlay:0 24px 64px #000000a6, 0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.015em;margin:0}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-accent-text);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft)}.ui-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-iteration-count:1!important}}.ui-button,.ui-icon-button{--btn-bg:var(--color-surface-raised);--btn-fg:var(--color-text);--btn-border:var(--color-border);--btn-bg-hover:var(--color-surface-hover);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);line-height:1;display:inline-flex;position:relative}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled){background:var(--btn-bg-hover)}.ui-button:active:not(:disabled),.ui-icon-button:active:not(:disabled){transform:scale(.97)}.ui-button:disabled,.ui-icon-button:disabled{opacity:.45;cursor:not-allowed}.ui-button:after,.ui-icon-button:after{content:"";width:max(100%, var(--touch-target));height:max(100%, var(--touch-target));position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ui-button{height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-md)}.ui-button[data-size=sm]{height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}.ui-button[data-size=lg]{height:54px;padding:0 var(--space-6);font-size:var(--text-lg)}.ui-button--block{width:100%;display:flex}.ui-button__icon{margin-inline:-2px;display:inline-flex}.ui-button__icon svg{width:1.15em;height:1.15em}:is(.ui-button,.ui-icon-button)[data-variant=primary]{--btn-bg:var(--color-primary);--btn-fg:var(--color-on-primary);--btn-border:transparent;--btn-bg-hover:var(--color-primary-hover)}:is(.ui-button,.ui-icon-button)[data-variant=accent]{--btn-bg:var(--color-accent);--btn-fg:var(--color-on-accent);--btn-border:transparent;--btn-bg-hover:var(--color-accent-hover);box-shadow:0 2px 0 color-mix(in srgb, var(--color-accent) 55%, var(--color-primary))}.ui-button[data-variant=accent]:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #0000}.ui-button[data-variant=ghost],.ui-icon-button[data-variant=ghost]{--btn-bg:transparent;--btn-border:transparent}.ui-button[data-variant=danger]{--btn-bg:var(--color-danger-soft);--btn-fg:var(--color-danger);--btn-border:transparent;--btn-bg-hover:color-mix(in srgb, var(--color-danger-soft) 80%, var(--color-danger))}.ui-icon-button{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.ui-icon-button[data-size=sm]{border-radius:var(--radius-sm);width:32px;height:32px}.ui-icon-button[data-size=lg]{width:48px;height:48px}.ui-icon-button__icon{display:inline-flex}.ui-icon-button__icon svg{width:20px;height:20px}.ui-icon-button[data-size=sm] .ui-icon-button__icon svg{width:18px;height:18px}.ui-icon-button[aria-pressed=true]{--btn-bg:var(--color-accent-soft);--btn-fg:var(--color-accent-text);--btn-border:color-mix(in srgb, var(--color-accent) 35%, transparent);--btn-bg-hover:var(--color-accent-soft)}.ui-icon-button__badge{border-radius:var(--radius-pill);background:var(--color-accent);min-width:16px;height:16px;color:var(--color-on-accent);font-size:10px;font-weight:var(--weight-bold);text-align:center;box-shadow:0 0 0 2px var(--color-surface);padding:0 4px;line-height:16px;position:absolute;top:3px;right:3px}.ui-icon-button__badge:empty{width:10px;min-width:10px;height:10px;padding:0;top:6px;right:6px}.ui-grid{place-items:center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.ui-grid[data-fit=width]{height:auto;container-type:inline-size}.ui-grid__board{--frame:2px;width:min(100cqw, calc(100cqh * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none;position:relative;container-type:inline-size}.ui-grid[data-fit=width] .ui-grid__board{width:100cqw}.ui-grid__cells{--cell:calc((100cqi - 2 * var(--frame)) / var(--cols));--line:1px;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:var(--line);background:var(--color-grid-line);border:var(--frame) solid var(--color-grid-frame);border-radius:clamp(4px, calc(var(--cell) * .22), 10px);box-shadow:var(--shadow-md);padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.ui-grid__row{display:contents}.ui-grid__cell{background:var(--color-grid-cell);min-width:0;min-height:0;color:var(--color-grid-text);cursor:pointer;transition:background-color var(--duration-instant) linear;outline:none;place-items:center;display:grid;position:relative}.ui-grid__cell[data-block]{background:var(--color-grid-block);cursor:default}.ui-grid__cell[data-omitted]{background:var(--color-bg);box-shadow:0 0 0 var(--line) var(--color-bg);z-index:1}.ui-grid__cell[data-shaded]{background:var(--color-grid-shaded)}.ui-grid__cell[data-tint="1"]{background:var(--player-1-tint)}.ui-grid__cell[data-tint="2"]{background:var(--player-2-tint)}.ui-grid__cell[data-tint="3"]{background:var(--player-3-tint)}.ui-grid__cell[data-tint="4"]{background:var(--player-4-tint)}.ui-grid__cell[data-tint="5"]{background:var(--player-5-tint)}.ui-grid__cell[data-tint="6"]{background:var(--player-6-tint)}.ui-grid__cell[data-tint="7"]{background:var(--player-7-tint)}.ui-grid__cell[data-tint="8"]{background:var(--player-8-tint)}.ui-grid__cell[data-tint="9"]{background:var(--player-9-tint)}.ui-grid__cell[data-tint="10"]{background:var(--player-10-tint)}.ui-grid__cell[data-hl=crossing]{background:var(--color-grid-crossing)}.ui-grid__cell[data-hl=entry]{background:var(--color-grid-entry);color:var(--color-grid-entry-text)}.ui-grid__cell[data-hl=selected]{background:var(--color-grid-selected);color:var(--color-grid-selected-text)}.ui-grid__cell:focus-visible{box-shadow:inset 0 0 0 2px var(--color-grid-selected-text)}.ui-grid__number{top:calc(var(--cell) * .04);left:calc(var(--cell) * .07);font-family:var(--font-grid);font-size:clamp(6px, calc(var(--cell) * .27), 15px);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-grid-number);pointer-events:none;line-height:1;position:absolute}.ui-grid__cell[data-hl=selected] .ui-grid__number{color:var(--color-grid-selected-text)}.ui-grid__letter{font-family:var(--font-grid);font-weight:var(--weight-semibold);font-size:calc(var(--cell) * .6);text-transform:uppercase;transform-origin:50% 60%;translate:0 calc(var(--cell) * .09);animation:ui-grid-pop var(--duration-fast) var(--ease-spring);pointer-events:none;white-space:nowrap;line-height:1}.ui-grid__letter[data-len="2"]{font-size:calc(var(--cell) * .4);letter-spacing:-.02em}.ui-grid__letter[data-len="3"]{font-size:calc(var(--cell) * .3);letter-spacing:-.03em}.ui-grid__letter[data-len="4"]{font-size:calc(var(--cell) * .24);letter-spacing:-.04em}.ui-grid__letter[data-len="5"]{font-size:calc(var(--cell) * .18);letter-spacing:-.04em}@keyframes ui-grid-pop{0%{opacity:.3;scale:.7}}.ui-grid__cell[data-pencil] .ui-grid__letter{color:var(--color-grid-pencil);font-style:italic;font-weight:var(--weight-medium)}.ui-grid__cell[data-hl=selected][data-pencil] .ui-grid__letter{color:var(--color-grid-selected-text)}.ui-grid__cell[data-checked=correct] .ui-grid__letter{color:var(--color-grid-correct)}.ui-grid__cell[data-checked=incorrect]:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1.2px), var(--color-grid-incorrect) calc(50% - 1.2px), var(--color-grid-incorrect) calc(50% + 1.2px), transparent calc(50% + 1.2px));pointer-events:none;position:absolute;inset:0}.ui-grid__cell[data-checked=incorrect] .ui-grid__letter{color:var(--color-grid-incorrect)}.ui-grid__revealed{width:calc(var(--cell) * .3);height:calc(var(--cell) * .3);background:var(--color-grid-revealed);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;position:absolute;top:0;right:0}.ui-grid__circle{border:max(1px, calc(var(--cell) * .035)) solid var(--color-grid-circle);pointer-events:none;border-radius:50%;position:absolute;inset:3%}.ui-grid__cursors{inset:var(--frame);pointer-events:none;z-index:2;position:absolute}.ui-grid__cursor{left:calc(var(--c) * 100% / var(--cols));top:calc(var(--r) * 100% / var(--rows));width:calc(100% / var(--cols));height:calc(100% / var(--rows));box-shadow:inset 0 0 0 max(2px, calc(var(--cell,30px) * .09)) var(--pc), inset 0 0 0 calc(max(2px, calc(var(--cell,30px) * .09)) + 1px) color-mix(in srgb, var(--color-grid-cell) 70%, transparent);transition:left var(--duration-base) var(--ease-standard), top var(--duration-base) var(--ease-standard);border-radius:2px;position:absolute}.ui-grid__cursors{--cell:calc(100cqi / var(--cols))}.ui-grid__flag{z-index:1;text-overflow:ellipsis;background:var(--pc);max-width:9em;color:var(--pc-on);font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-bold);white-space:nowrap;box-shadow:var(--shadow-sm);opacity:.94;padding:1px 6px 2px;line-height:14px;position:absolute;overflow:hidden}.ui-grid__cursor[data-flag=below] .ui-grid__flag{top:calc(100% - 2px + var(--stack) * 16px);border-radius:2px 6px 6px;left:0}.ui-grid__cursor[data-flag=below][data-flag-align=end] .ui-grid__flag{border-radius:6px 2px 6px 6px;left:auto;right:0}.ui-grid__cursor[data-flag=end] .ui-grid__flag{top:calc(var(--stack) * 16px);border-radius:2px 6px 6px;left:calc(100% - 2px)}.ui-grid__cursor[data-flag=start] .ui-grid__flag{top:calc(var(--stack) * 16px);border-radius:6px 2px 6px 6px;right:calc(100% - 2px)}.ui-grid__pings{inset:var(--frame);pointer-events:none;z-index:3;position:absolute}.ui-grid__ping{left:calc(var(--c) * 100% / var(--cols));top:calc(var(--r) * 100% / var(--rows));width:calc(100% / var(--cols));height:calc(100% / var(--rows));border:3px solid var(--pc);animation:ui-grid-ping 1.6s var(--ease-standard) both;border-radius:4px;position:absolute}@keyframes ui-grid-ping{0%{opacity:0;transform:scale(2.2)}20%{opacity:1;transform:scale(1)}45%{opacity:.9;transform:scale(1.25)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ui-grid__ping{animation:1.6s linear both ui-grid-ping-still}@keyframes ui-grid-ping-still{0%,80%{opacity:1}to{opacity:0}}}.ui-clues{gap:var(--space-4);grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid}.ui-clues[data-layout=single]{grid-template-columns:1fr}.ui-clues[data-layout=stacked]{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.ui-clues__column{flex-direction:column;min-height:0;display:flex}.ui-clues__heading{padding:0 var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);flex:none}.ui-clues__list{min-height:0;padding:var(--space-2) 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex:1;margin:0;list-style:none;position:relative;overflow-y:auto}.ui-clues__button{gap:var(--space-1);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-md);line-height:var(--leading-snug);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:2.1em 1fr;display:grid}.ui-clues__button:hover{background:var(--color-surface-hover)}.ui-clues__number{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right;padding-right:var(--space-2)}.ui-clues__button[data-completed]{color:var(--color-text-subtle)}.ui-clues__button[data-completed] .ui-clues__text{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-thickness:1px}.ui-clues__button[data-state=crossing]{background:var(--color-grid-crossing);box-shadow:inset 3px 0 0 var(--color-grid-entry)}.ui-clues__button[data-state=current]{background:var(--color-grid-entry);color:var(--color-grid-entry-text);box-shadow:inset 3px 0 0 var(--color-grid-selected)}.ui-cluebar{background:var(--color-grid-entry);min-height:56px;color:var(--color-grid-entry-text);border-radius:var(--radius-md);grid-template-columns:44px 1fr 44px;align-items:stretch;display:grid}.ui-cluebar__arrow{color:inherit;cursor:pointer;border-radius:var(--radius-md);touch-action:manipulation;background:0 0;border:0;place-items:center;display:grid}.ui-cluebar__arrow:active{background:color-mix(in srgb, currentColor 10%, transparent)}.ui-cluebar__arrow svg{width:22px;height:22px}.ui-cluebar__clue{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-1);color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;display:flex}.ui-cluebar__label{border-radius:var(--radius-xs);background:var(--color-grid-selected);min-width:2.6em;color:var(--color-grid-selected-text);font-size:var(--text-sm);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;text-align:center;flex:none;padding:3px 6px;line-height:1.2}.ui-cluebar__text{font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-cluebar__text[data-long]{font-size:var(--text-sm);-webkit-line-clamp:3}.ui-kbd{padding:var(--space-2) 3px 0;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;gap:7px;display:flex}.ui-kbd__row{gap:5px;display:flex}.ui-kbd__key{border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:0;height:48px;color:var(--color-text);font-family:var(--font-ui);font-size:1.25rem;font-weight:var(--weight-semibold);box-shadow:0 1px 0 var(--color-border-strong), var(--shadow-sm);cursor:pointer;transition:background-color var(--duration-instant) linear, transform var(--duration-instant) var(--ease-standard);border:0;flex:1 1 0;place-items:center;padding:0;display:grid}.ui-kbd__key:active{background:var(--color-surface-sunken);box-shadow:0 0 0 var(--color-border-strong);transform:translateY(1px)}.ui-kbd__key[data-wide]{flex-grow:1.5}.ui-kbd__key[data-fn]{background:var(--color-surface-sunken)}.ui-kbd__key[data-fn] svg{width:22px;height:22px}.ui-kbd__key[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.ui-kbd__text{font-size:11px;font-weight:var(--weight-bold);letter-spacing:.01em}.ui-menu{display:inline-flex;position:relative}.ui-menu__popover{z-index:var(--z-dropdown);min-width:220px;max-width:min(320px,100vw - 24px);padding:var(--space-1_5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform-origin:0 0;animation:ui-menu-in var(--duration-fast) var(--ease-standard);position:absolute;top:calc(100% + 6px);left:0}.ui-menu__popover[data-align=end]{transform-origin:100% 0;left:auto;right:0}.ui-menu__popover[data-placement=top]{top:auto;bottom:calc(100% + 6px)}@keyframes ui-menu-in{0%{opacity:0;scale:.96}}.ui-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;outline:none;display:flex}.ui-menu__item:focus,.ui-menu__item:hover{background:var(--color-surface-hover)}.ui-menu__item:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus)}.ui-menu__item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-menu__item[data-danger]{color:var(--color-danger)}.ui-menu__icon{width:20px;height:20px;color:var(--color-text-muted);flex:none;display:inline-flex}.ui-menu__item[data-danger] .ui-menu__icon{color:inherit}.ui-menu__icon svg,.ui-menu__chevron,.ui-menu__check svg{width:20px;height:20px}.ui-menu__label{flex:1}.ui-menu__hint{color:var(--color-text-subtle);font-size:var(--text-sm)}.ui-menu__chevron{color:var(--color-text-subtle)}.ui-menu__check{width:20px;color:var(--color-accent-text);display:inline-flex}.ui-menu__back{margin-bottom:var(--space-1);font-weight:var(--weight-bold);border-bottom:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ui-menu__separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border)}.ui-toolbar{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-1) var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.ui-toolbar__leading{align-items:center;gap:var(--space-2);min-width:0;display:flex}.ui-toolbar__center{justify-content:center;display:flex}.ui-toolbar__trailing{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.ui-clock{align-items:center;gap:var(--space-1_5);height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.01em;cursor:pointer;display:inline-flex;position:relative}.ui-clock:after{content:"";position:absolute;inset:-4px}span.ui-clock{cursor:default}.ui-clock__icon{color:var(--color-text-muted);display:inline-flex}.ui-clock__icon svg{fill:currentColor;width:14px;height:14px}.ui-clock[data-paused]{background:var(--color-accent-soft);border-color:#0000}.ui-avatar{--size:36px;width:var(--size);height:var(--size);background:var(--pc,var(--color-surface-sunken));color:var(--pc-on,var(--color-text));font-size:calc(var(--size) * .38);font-weight:var(--weight-bold);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.ui-avatar[data-size=sm]{--size:30px}.ui-avatar[data-size=lg]{--size:48px}.ui-avatar[data-status]:after{content:"";background:var(--color-success);width:30%;height:30%;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.ui-avatar[data-status=idle]:after{background:var(--color-warning)}.ui-avatar[data-status=offline]:after,.ui-avatar[data-status=away]:after{background:var(--color-text-subtle)}.ui-avatar[data-status=idle]>span,.ui-avatar[data-status=away]>span{opacity:.6}.ui-avatar[data-status=idle],.ui-avatar[data-status=away]{filter:saturate(.55);transition:filter var(--duration-base) var(--ease-standard)}.ui-avatar--more{background:var(--color-surface-sunken);color:var(--color-text-muted);--size:30px;font-size:11px}.ui-avatar-stack{min-height:44px;padding:0 var(--space-1);cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}span.ui-avatar-stack{cursor:default}.ui-avatar-stack__inner{display:inline-flex}.ui-avatar-stack__inner>.ui-avatar{box-shadow:0 0 0 2px var(--color-bg)}.ui-avatar-stack__inner>.ui-avatar+.ui-avatar{margin-left:-8px}.ui-players{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-players__item{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-md);display:flex}.ui-players__item[data-status=offline]{opacity:.6}.ui-players__item[data-status=away]{opacity:.75}.ui-players__body{flex:1;min-width:0}.ui-players__name{align-items:center;gap:var(--space-1_5);font-weight:var(--weight-semibold);display:flex}.ui-players__name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-players__tag{border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none;padding:1px 6px}.ui-players__status{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-players__bar{border-radius:var(--radius-pill);background:var(--color-surface-sunken);height:6px;margin-top:6px;overflow:hidden}.ui-players__bar>span{border-radius:inherit;background:var(--pc);height:100%;transition:width var(--duration-slow) var(--ease-standard);display:block}.ui-players__pct{font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--pc-text)}.ui-chat{flex-direction:column;height:100%;min-height:0;display:flex}.ui-chat__log{overscroll-behavior:contain;min-height:0;padding:var(--space-3) var(--space-1);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ui-chat__empty,.ui-chat__system{max-width:90%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:var(--space-1) 0;align-self:center}.ui-chat__empty{background:0 0;margin:auto}.ui-chat__msg{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.ui-chat__msg:not([data-grouped]){margin-top:var(--space-2)}.ui-chat__msg[data-you]{align-self:flex-end;align-items:flex-end}.ui-chat__meta{align-items:baseline;gap:var(--space-2);padding:0 var(--space-2) 2px;display:flex}.ui-chat__author{color:var(--pc-text);font-size:var(--text-sm);font-weight:var(--weight-bold)}.ui-chat__time{color:var(--color-text-subtle);font-size:var(--text-xs)}.ui-chat__bubble{padding:var(--space-2) var(--space-3);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:3px solid var(--pc);line-height:var(--leading-snug);overflow-wrap:anywhere}.ui-chat__msg[data-you] .ui-chat__bubble{border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);border:0}.ui-chat__typing{min-height:20px;padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic}.ui-chat__reactions{gap:var(--space-1);padding:0 0 var(--space-2);display:flex}.ui-chat__reaction{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);cursor:pointer;width:44px;height:36px;transition:transform var(--duration-fast) var(--ease-spring);place-items:center;font-size:18px;display:grid}.ui-chat__reaction:hover{transform:translateY(-2px)scale(1.06)}.ui-chat__composer{gap:var(--space-2);align-items:center;display:flex}.ui-chat__input{min-width:0;height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);font-size:var(--text-md);flex:1}.ui-chat__input::placeholder{color:var(--color-text-subtle)}.ui-chat__input:focus-visible{outline-offset:0}.ui-chat__composer .ui-icon-button{border-radius:50%;width:44px;height:44px}.ui-chat__pill{z-index:1;align-self:center;align-items:center;gap:var(--space-1);height:32px;margin-top:calc(-32px - var(--space-2));margin-bottom:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md);cursor:pointer;border:0;display:inline-flex;position:relative}.ui-chat__pill svg{width:16px;height:16px}.ui-chat__pill:after{content:"";position:absolute;inset:-6px 0}.ui-toast-region{z-index:var(--z-toast);top:calc(env(safe-area-inset-top,0px) + var(--space-3));gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(420px,100vw - 24px);display:flex;position:fixed;left:50%;translate:-50%}@media (width>=640px){.ui-toast-region{top:auto;left:auto;right:var(--space-6);bottom:var(--space-6);translate:none}}.ui-toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-overlay);pointer-events:auto;animation:ui-toast-in var(--duration-base) var(--ease-spring);display:flex}@keyframes ui-toast-in{0%{opacity:0;translate:0 -12px;scale:.96}}.ui-toast__icon{padding-top:1px;display:inline-flex}.ui-toast__icon svg{width:20px;height:20px}.ui-toast[data-tone=success]{box-shadow:inset 4px 0 0 var(--color-success), var(--shadow-overlay)}.ui-toast[data-tone=warning]{box-shadow:inset 4px 0 0 var(--color-warning), var(--shadow-overlay)}.ui-toast[data-tone=danger]{box-shadow:inset 4px 0 0 var(--color-danger), var(--shadow-overlay)}.ui-toast[data-tone=celebrate]{box-shadow:inset 4px 0 0 var(--color-accent), var(--shadow-overlay)}.ui-toast__body{flex:1;min-width:0;padding:1px 0}.ui-toast__title{font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.ui-toast__description{font-size:var(--text-sm);opacity:.8;margin-top:2px}.ui-toast__action{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-on-primary) 16%, transparent);color:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;border:0;align-self:center}.ui-toast__close{width:32px;height:32px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-4px -4px -4px 0;display:grid}.ui-toast__close svg{width:18px;height:18px}.ui-dialog{color:var(--color-text);background:0 0;border:0;max-width:none;max-height:none;padding:0;overflow:visible}.ui-dialog::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ui-fade-in var(--duration-base) var(--ease-standard)}.ui-dialog__panel{gap:var(--space-4);width:min(460px,100vw - 32px);max-height:calc(100dvh - 48px);padding:var(--space-5) var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-overlay);animation:ui-dialog-in var(--duration-base) var(--ease-spring);flex-direction:column;display:flex;overflow-y:auto}.ui-dialog[data-variant=dialog]{margin:auto}.ui-dialog__grabber{border-radius:var(--radius-pill);background:var(--color-border-strong);align-self:center;width:40px;height:5px;margin:-8px 0 -4px;display:none}.ui-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ui-dialog__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.ui-dialog__header:has(.ui-visually-hidden){justify-content:flex-end}.ui-dialog__description{color:var(--color-text-muted);margin-top:calc(-1 * var(--space-2))}.ui-dialog__actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=639px){.ui-dialog[data-variant=sheet],.ui-dialog[data-variant=side]{width:100%;margin:auto 0 0}.ui-dialog[data-variant=sheet] .ui-dialog__panel,.ui-dialog[data-variant=side] .ui-dialog__panel{width:100%;max-height:88dvh;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation-name:ui-sheet-in}.ui-dialog__grabber{display:block}.ui-dialog__actions{flex-direction:column-reverse}.ui-dialog__actions>*{width:100%}}@media (width>=640px){.ui-dialog[data-variant=sheet]{margin:auto}.ui-dialog[data-variant=side]{height:100dvh;margin:0 0 0 auto}.ui-dialog[data-variant=side] .ui-dialog__panel{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:400px;height:100%;max-height:none;animation-name:ui-side-in}}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-dialog-in{0%{opacity:0;scale:.95}}@keyframes ui-sheet-in{0%{translate:0 100%}}@keyframes ui-side-in{0%{translate:100%}}.ui-segmented{border-radius:var(--radius-pill);background:var(--color-surface-sunken);gap:2px;padding:3px;display:inline-flex}.ui-segmented__option{justify-content:center;align-items:center;gap:var(--space-1_5);min-width:44px;height:38px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:inline-flex}.ui-segmented__option[aria-checked=true]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-sm)}.ui-segmented__icon{display:inline-flex}.ui-segmented__icon svg{width:18px;height:18px}.ui-switch{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;display:flex}.ui-switch__label{font-weight:var(--weight-semibold)}.ui-switch__description{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-switch__control{border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;width:52px;height:32px;transition:background-color var(--duration-fast) var(--ease-standard);border:0;flex:none;padding:0;position:relative}.ui-switch__control:after{content:"";position:absolute;inset:-6px}.ui-switch__control[aria-checked=true]{background:var(--color-success)}.ui-switch__thumb{width:26px;height:26px;box-shadow:var(--shadow-sm);transition:translate var(--duration-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.ui-switch__control[aria-checked=true] .ui-switch__thumb{translate:20px}.ui-solve{--solve-chrome:340px;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--color-bg);overscroll-behavior:none;grid-template:"toolbar""grid""clues"minmax(0,1fr)"bar""keyboard"/minmax(0,1fr);display:grid;overflow:hidden}.ui-solve:not([data-keyboard]){--solve-chrome:200px}.ui-solve__toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-area:toolbar;min-width:0}.ui-solve__grid{min-width:0;min-height:0;padding:var(--space-3) var(--space-2) var(--space-2);grid-area:grid}.ui-solve__grid .ui-grid[data-fit=width] .ui-grid__board{width:min(100cqw, calc((100dvh - var(--solve-chrome)) * var(--cols) / var(--rows)))}.ui-solve__bar{min-width:0;padding:var(--space-2) var(--space-2) 0;grid-area:bar}.ui-solve__clues{min-height:0;padding:var(--space-1) var(--space-2) 0;grid-area:clues;container-type:size}@container (height<=96px){.ui-solve__clues>*{display:none}}.ui-solve__side{grid-area:side;display:none}.ui-solve__keyboard{padding-bottom:max(var(--space-2), env(safe-area-inset-bottom,0px));background:var(--color-bg);grid-area:keyboard}@media (width>=640px){.ui-solve{column-gap:var(--space-4);grid-template:"toolbar toolbar""bar clues""grid clues"minmax(0,1fr)"keyboard keyboard"/minmax(0,1fr) minmax(260px,34%)}.ui-solve__toolbar{padding:0 var(--space-2)}.ui-solve__bar{padding:var(--space-4) 0 0 var(--space-4)}.ui-solve__grid{padding:var(--space-4) 0 var(--space-4) var(--space-4)}.ui-solve__clues{padding:var(--space-4) var(--space-4) var(--space-4) 0}.ui-solve__grid .ui-grid{place-items:start center}.ui-solve__keyboard{padding-inline:var(--space-12);border-top:1px solid var(--color-border)}}@media (width>=1024px){.ui-solve{column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(400px,.7fr) 0;grid-template-areas:"toolbar toolbar toolbar""bar clues side""grid clues side""keyboard keyboard keyboard"}.ui-solve[data-side]{grid-template-columns:minmax(0,1fr) minmax(400px,.7fr) 300px}.ui-solve__toolbar{padding:0 var(--space-4)}.ui-solve__bar{padding:var(--space-5) 0 0 var(--space-6)}.ui-solve__grid{padding:var(--space-4) 0 var(--space-6) var(--space-6)}.ui-solve__clues{padding:var(--space-5) 0 var(--space-6)}.ui-solve:not([data-side]) .ui-solve__clues{padding-right:var(--space-6)}.ui-solve__side{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-height:0;display:flex}}@media (width>=1600px){.ui-solve{padding-inline:calc(50vw - 800px)}}.ui-logo{align-items:center;gap:var(--space-2);color:var(--color-text);display:inline-flex}.ui-logo__mark{flex:none}.ui-logo__word{font-family:var(--font-display);font-size:1.3rem;font-weight:var(--weight-heavy);letter-spacing:-.03em;line-height:1}#root{min-height:100dvh}.skip-link{left:var(--space-3);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__header{z-index:var(--z-sticky);padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);position:sticky;top:0}.shell__header-inner{align-items:center;gap:var(--space-6);max-width:var(--max-content);height:60px;padding:0 var(--space-4);margin:0 auto;display:flex}.shell__brand{min-height:44px;color:inherit;border-radius:var(--radius-sm);align-items:center;text-decoration:none;display:inline-flex}.shell__nav{gap:var(--space-1);display:none}.shell__nav-link{height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-weight:var(--weight-semibold);transition:background-color var(--duration-fast) var(--ease-standard);align-items:center;text-decoration:none;display:inline-flex}.shell__nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.shell__nav-link.active{background:var(--color-surface-sunken);color:var(--color-text)}.shell__actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.plus-pill{height:32px;padding:0 var(--space-3);margin-right:var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;text-decoration:none;display:inline-flex;position:relative}.plus-pill:after{content:"";position:absolute;inset:-6px -2px}.shell__account{background:var(--color-surface-sunken);width:40px;height:40px;color:var(--color-text-muted);border-radius:50%;place-items:center;display:none}.shell__account svg{width:20px;height:20px}.shell__main{width:100%;max-width:var(--max-content);padding:var(--space-4) var(--space-4) calc(76px + env(safe-area-inset-bottom,0px) + var(--space-6));flex:1;margin:0 auto}.tabbar{z-index:var(--z-sticky);padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar__link{min-height:56px;color:var(--color-text-subtle);font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar__link svg{width:22px;height:22px}.tabbar__link.active{color:var(--color-text)}.tabbar__link.active svg{color:var(--color-accent-text)}@media (width>=768px){.shell__nav{display:flex}.shell__account{display:inline-grid}.tabbar{display:none}.shell__main{padding:var(--space-8) var(--space-6) var(--space-16)}}.page{gap:var(--space-8);flex-direction:column;display:flex}.page--narrow{max-width:640px;margin:0 auto}.page__head{gap:var(--space-2);flex-direction:column;display:flex}.page__head h1{font-size:var(--text-3xl);font-weight:var(--weight-heavy)}.page__lede{color:var(--color-text-muted);font-size:var(--text-lg)}.eyebrow{align-items:center;gap:var(--space-1_5);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.eyebrow svg{width:16px;height:16px}.badge{height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);align-items:center;display:inline-flex}.panel{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.panel__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.panel__text{color:var(--color-text-muted)}.stack{gap:var(--space-2);flex-direction:column;display:flex}.note{align-items:flex-start;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.note svg{flex:none;width:18px;height:18px;margin-top:1px}.empty{color:var(--color-text-muted)}a.ui-button{text-decoration:none}.hero{gap:var(--space-6);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 100% 0%, var(--color-accent-soft) 0%, transparent 60%), var(--color-surface);border:1px solid var(--color-border);display:grid;position:relative;overflow:hidden}.hero__title{font-size:clamp(2.1rem,7vw,3.4rem);font-weight:var(--weight-heavy);letter-spacing:-.035em;margin-top:var(--space-2);line-height:1.02}.hero__title em{color:var(--color-accent-text);background:linear-gradient(transparent 62%, color-mix(in srgb, var(--color-grid-selected) 70%, transparent) 62%);border-radius:4px;padding:0 .06em;font-style:normal}.hero__lede{margin-top:var(--space-3);max-width:34em;color:var(--color-text-muted);font-size:var(--text-lg)}.hero__ctas{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__art{transform-origin:0 0;height:120px;position:relative;scale:.8}.hero__tile{width:112px;height:112px;box-shadow:var(--shadow-lg);border-radius:28px;position:absolute}.hero__tile--a{background:var(--color-accent);animation:hero-float 6s var(--ease-standard) infinite alternate;top:22px;left:8%;rotate:-10deg}.hero__tile--b{background:var(--color-primary);animation:hero-float 7s var(--ease-standard) infinite alternate-reverse;top:10px;left:calc(8% + 84px);rotate:8deg}.hero__tile--c{background:var(--color-grid-selected);width:76px;height:76px;animation:hero-float 5s var(--ease-standard) infinite alternate;border-radius:20px;top:46px;left:calc(8% + 176px);rotate:-4deg}.hero__cursor{font-size:12px;font-weight:var(--weight-bold);box-shadow:var(--shadow-md);border-radius:8px 8px 8px 2px;padding:2px 8px 3px;position:absolute}.hero__cursor--a{background:var(--player-2-solid);color:var(--player-2-on);top:0;left:calc(8% + 128px)}.hero__cursor--b{background:var(--player-3-solid);color:var(--player-3-on);top:124px;left:4%}@keyframes hero-float{to{translate:0 -8px}}@media (width>=768px){.hero{padding:var(--space-12) var(--space-10);grid-template-columns:1.4fr 1fr;align-items:center}.hero__art{height:220px;scale:1}.hero__tile{border-radius:34px;width:140px;height:140px}.hero__tile--b{left:calc(8% + 104px)}.hero__tile--c{width:92px;height:92px;top:140px;left:calc(8% + 140px)}.hero__cursor--a{left:calc(8% + 160px)}.hero__cursor--b{top:176px}}.section{gap:var(--space-4);flex-direction:column;display:flex}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.section__head h2{font-size:var(--text-2xl);font-weight:var(--weight-heavy)}.section__sub{color:var(--color-text-muted)}.section__link{align-items:center;gap:var(--space-1);min-height:44px;font-weight:var(--weight-semibold);text-decoration:none;display:inline-flex}.section__link svg{width:18px;height:18px}.type-block__title{margin-bottom:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.card-row{gap:var(--space-4);display:grid}@media (width>=640px){.card-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.card-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pcard{--card-bg:var(--color-surface);gap:var(--space-2) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--color-text);transition:transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) var(--ease-standard);grid-template-rows:1fr auto;grid-template-columns:auto 1fr;text-decoration:none;display:grid;position:relative}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pcard[data-tone=sun]{--card-bg:color-mix(in srgb, var(--color-grid-selected) 26%, var(--color-surface))}.pcard[data-tone=lilac]{--card-bg:color-mix(in srgb, var(--color-grid-entry) 55%, var(--color-surface))}.pcard[data-tone=mint]{--card-bg:color-mix(in srgb, var(--color-success-soft) 70%, var(--color-surface))}.pcard__art{grid-row:1/span 2;align-self:start;place-items:center;display:grid}.pcard__kicker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}.pcard__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-top:2px}.pcard__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:2px}.pcard__cta{justify-self:start;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);display:inline-flex}.pcard__cta svg{width:16px;height:16px;transition:translate var(--duration-base) var(--ease-spring)}.pcard:hover .pcard__cta svg{translate:3px}.thumb{filter:drop-shadow(0 2px 4px #0000001f);display:block}.types{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=1024px){.types{grid-template-columns:repeat(4,minmax(0,1fr))}}.types__item{--art-fill:var(--color-surface-raised);--art-accent:var(--color-grid-selected);gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text-muted);flex-direction:column;display:flex;position:relative}.types__item[data-live]{background:var(--color-primary);color:var(--color-on-primary);--art-fill:color-mix(in srgb, var(--color-on-primary) 92%, transparent)}.types__item[data-live] .types__art{color:var(--color-accent)}.types__art .type-art{width:44px;height:44px;margin-bottom:var(--space-2)}.types__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:inherit}.types__item:not([data-live]) .types__name{color:var(--color-text)}.types__blurb{font-size:var(--text-sm)}.types__item .badge{top:var(--space-3);right:var(--space-3);background:var(--color-surface);position:absolute}.plus-banner{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:radial-gradient(80% 140% at 0% 100%, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent 70%), var(--color-grid-entry);color:var(--color-grid-entry-text);grid-template-columns:auto 1fr;display:grid}.plus-banner h2{font-size:var(--text-xl);font-weight:var(--weight-heavy)}.plus-banner p{opacity:.85}.plus-banner__icon{width:32px;height:32px;color:var(--color-accent-text)}.plus-banner .ui-button{grid-column:1/-1;justify-self:start}@media (width>=640px){.plus-banner{padding:var(--space-6) var(--space-8);grid-template-columns:auto 1fr auto}.plus-banner .ui-button{grid-column:auto}}.type-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.type-list__group{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-sunken);flex-direction:column;display:flex}.type-list__head{--art-fill:var(--color-surface-raised);--art-accent:var(--color-grid-selected);align-items:center;gap:var(--space-3);padding:var(--space-1);display:flex}.type-list__head[data-disabled]{padding:var(--space-3) var(--space-4);color:var(--color-text-muted)}.type-list__head strong{display:block}.type-list__blurb{color:var(--color-text-muted);font-size:var(--text-sm);display:block}.type-list__art .type-art{width:36px;height:36px;color:var(--color-accent-text);display:block}.type-list__lock{width:18px;height:18px;margin-left:auto}.type-list__choice{align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;border:0;display:flex}.type-list__choice span{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);margin-left:auto}.type-list__choice svg{width:18px;height:18px;color:var(--color-text-subtle)}.browse__filters{gap:var(--space-3);margin-top:calc(-1 * var(--space-4));flex-wrap:wrap;align-items:center;display:flex}.search{align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);flex:240px;display:flex}.search svg{width:18px;height:18px;color:var(--color-text-subtle)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.dropzone{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.dropzone svg{width:36px;height:36px;color:var(--color-accent-text)}.dropzone strong{color:var(--color-text);font-size:var(--text-lg)}.perks{gap:var(--space-3);font-size:var(--text-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.perks li{align-items:center;gap:var(--space-3);display:flex}.perks svg{background:var(--color-success-soft);width:22px;height:22px;color:var(--color-success);border-radius:50%;flex:none;padding:3px}.plans{gap:var(--space-4);display:grid}@media (width>=560px){.plans{grid-template-columns:1fr 1fr}}.plan{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;position:relative}.plan[data-featured]{border:2px solid var(--color-accent);box-shadow:var(--shadow-md)}.plan__badge{top:-12px;right:var(--space-4);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);position:absolute}.plan__name{font-weight:var(--weight-bold);color:var(--color-text-muted)}.plan__price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-heavy);letter-spacing:-.02em}.plan__price span{font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-muted)}.room__slug{font-family:var(--font-display);overflow-wrap:anywhere}.invite{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);align-items:center;display:flex}.invite__link{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);flex:1;overflow:hidden}.room__puzzle{flex-flow:wrap;justify-content:space-between;align-items:center}.back-link{border-radius:var(--radius-md);width:40px;height:44px;color:var(--color-text);flex:none;place-items:center;display:inline-grid}.back-link:hover{background:var(--color-surface-hover)}.back-link svg{width:24px;height:24px}.solve-title{flex-direction:column;min-width:0;line-height:1.2;display:flex}.solve-title__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.solve-title__meta{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side{gap:var(--space-4);height:100%;min-height:0;padding:var(--space-4);flex-direction:column;display:flex}.side__title{margin-bottom:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.side__chat{flex-direction:column;flex:1;min-height:280px;display:flex}.side__chat .ui-chat{flex:1}.settings{gap:var(--space-2);flex-direction:column;display:flex}.settings__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:52px;display:flex}.settings__label{font-weight:var(--weight-semibold)}.settings__hint{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-sm)}.site-footer__note{margin:var(--space-2) 0 0}.legal-links{gap:var(--space-1) var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.site-footer .legal-links{margin-top:0}.legal-links a{color:var(--color-text-muted);text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{color:var(--color-text);text-decoration:underline}.legal-links--compact{padding-top:var(--space-3);font-size:var(--text-xs);margin-top:auto}.legal{line-height:1.6}.legal h1{margin-bottom:var(--space-4)}.legal h2{margin:var(--space-8) 0 var(--space-2);font-size:var(--text-lg)}.legal h3{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-md)}.legal ul,.legal ol{padding-left:var(--space-6)}.legal li+li{margin-top:var(--space-1)}.legal code{font-size:.9em}.legal__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft)}.plan__terms{margin:var(--space-2) 0 0;color:var(--color-text-subtle);font-size:var(--text-xs)}.plus__disclosure{margin:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}button.pcard{width:100%;font:inherit;text-align:start;cursor:pointer}button.pcard:disabled{cursor:progress;opacity:.7}.pcard--skeleton{background:var(--color-surface-sunken);min-height:112px;animation:skeleton-pulse 1.4s var(--ease-standard) infinite}@keyframes skeleton-pulse{50%{opacity:.55}}.pcard__lock{color:var(--color-accent-text);align-items:center;gap:2px;margin-inline-start:var(--space-2);display:inline-flex}.pcard__lock svg{width:12px;height:12px}.size-thumb{place-items:center;display:inline-grid;position:relative}.size-thumb .thumb{width:100%;height:100%}.size-thumb__label{padding:1px var(--space-1_5);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);position:absolute;inset-block-end:-4px;inset-inline-end:-4px}.state{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.state[data-compact]{padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.state__icon svg{width:40px;height:40px;color:var(--color-accent-text)}.state__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.state__text{max-width:44ch;color:var(--color-text-muted)}.state__actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.conn-banner{z-index:var(--z-toast);align-items:center;gap:var(--space-2);width:max-content;max-width:calc(100vw - var(--space-4));padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-md);font-size:var(--text-sm);pointer-events:none;display:flex;position:fixed;inset-block-start:calc(env(safe-area-inset-top) + var(--space-2));inset-inline-start:50%;transform:translate(-50%)}.conn-banner .ui-button{pointer-events:auto}@media (width>=1024px){.conn-banner{inset-block-start:auto;inset-block-end:var(--space-6)}}.conn-banner[data-tone=warning]{border-color:var(--color-warning);border-radius:var(--radius-lg)}.conn-banner>svg{flex:none;width:18px;height:18px}.conn-banner__spin{animation:.9s linear infinite spin}.complete__hero{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);color:var(--color-accent-text);display:flex}.complete__hero svg{width:36px;height:36px}.complete__time{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums}.complete__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.complete__row{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) 30% auto;display:grid}.complete__name{font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.complete__you{color:var(--color-text-muted);font-weight:400}.complete__bar{border-radius:var(--radius-pill);background:var(--color-surface-sunken);height:8px;overflow:hidden}.complete__bar>span{border-radius:inherit;height:100%;display:block}.complete__count,.complete__note{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.complete__note{margin-top:var(--space-3)}.profile-form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1_5);border:0;flex-direction:column;margin:0;padding:0;display:flex}.field__label{font-weight:var(--weight-bold);padding:0}.field__input{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.field__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.field__error{color:var(--color-danger);font-size:var(--text-sm)}.field__hint{color:var(--color-text-muted);font-size:var(--text-sm)}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{width:var(--touch-target);height:var(--touch-target);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-text)}.swatch:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.swatch svg{width:20px;height:20px}.browse__more{justify-content:center;display:flex}.dropzone[data-dragging]{border-color:var(--color-accent);background:var(--color-accent-soft)}.upload__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-text)}.upload__result{align-items:center;gap:var(--space-4);grid-template-columns:auto 1fr;display:grid}.upload__info{gap:var(--space-1);flex-direction:column;display:flex}.upload__actions{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row--end{align-items:flex-end}.row--between{justify-content:space-between}.inline-icon{vertical-align:-.18em;width:1.1em;height:1.1em;display:inline-block}.field--narrow{min-width:140px;max-width:220px}select.field__input{appearance:auto}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.banner--success{background:var(--color-success-soft);color:var(--color-success)}.banner--warning{background:var(--color-danger-soft);color:var(--color-danger)}.banner--info{background:var(--color-surface-sunken);color:var(--color-text)}.chip{min-height:22px;padding:1px var(--space-2);margin-left:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);border:0;align-items:center;display:inline-flex}button.chip{min-height:28px;padding:var(--space-1) var(--space-3);text-align:left;font-weight:var(--weight-medium);cursor:pointer;margin-left:0}button.chip:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}button.chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.chip--warn{background:var(--color-accent-soft);color:var(--color-accent-text)}.chip--danger{background:var(--color-danger-soft);color:var(--color-danger)}.chip--info{background:var(--color-success-soft);color:var(--color-success)}.panel--plus{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 45%, var(--color-surface))}.panel--dev{border-style:dashed}.plus-pill[data-active]{background:var(--color-accent);color:var(--color-on-accent)}.shell__account[data-signed-in]{background:var(--color-primary);color:var(--color-on-primary)}.shell__initial{font-weight:var(--weight-bold);font-size:var(--text-sm)}.identity{align-items:center;gap:var(--space-4);flex-flow:wrap}.identity__text{flex:1;min-width:0}.identity__name{font-weight:var(--weight-bold);font-size:var(--text-lg);overflow-wrap:anywhere}.identity__sub{color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.stats{gap:var(--space-5);flex-direction:column;display:flex}.tiles{gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin:0;display:grid}@media (width>=560px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.tile dt{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.tile dt svg{width:16px;height:16px;color:var(--color-accent-text)}.tile dd{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-heavy);letter-spacing:-.02em;margin:0}.tile dd span{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.tile[data-accent]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 55%, var(--color-surface))}.tile[data-warn]{border-color:var(--color-danger);background:var(--color-danger-soft)}.tiles--compact{grid-template-columns:repeat(2,1fr)}@media (width>=720px){.tiles--compact{grid-template-columns:repeat(4,1fr)}}.table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.table th,.table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.table thead th{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.table tbody th{font-weight:var(--weight-bold)}.solves{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.solves__row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.solves__row:last-child{border-bottom:0}.solves__main{flex-direction:column;flex:1;min-width:0;display:flex}.solves__title{font-weight:var(--weight-bold);overflow-wrap:anywhere}.solves__meta{color:var(--color-text-muted);font-size:var(--text-sm)}.solves__time{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}.perks--compact{gap:var(--space-2);font-size:var(--text-md)}.perks--compact li[data-current]{font-weight:var(--weight-bold)}.perks--detailed li{align-items:flex-start}.perks--detailed svg{margin-top:2px}.perks--detailed strong{display:block}.perks__detail{color:var(--color-text-muted);font-size:var(--text-md);display:block}.ad{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);display:flex;position:relative}.ad--banner{min-height:72px}.ad--interstitial{margin-top:var(--space-4)}.ad__icon{background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.ad__icon svg{width:18px;height:18px}.ad__text{flex:1;min-width:0}.ad__title{font-weight:var(--weight-bold)}.ad__sub{color:var(--color-text-muted);font-size:var(--text-sm)}.ad__tag{top:4px;right:var(--space-3);color:var(--color-text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:10px;position:absolute}.ad .ui-button{flex:none}@media (width<=479px){.ad{flex-wrap:wrap}.ad .ui-button{margin-left:auto}}.consent{z-index:var(--z-toast);left:var(--space-3);right:var(--space-3);bottom:calc(68px + env(safe-area-inset-bottom,0px));gap:var(--space-3);max-width:720px;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);font-size:var(--text-sm);flex-direction:column;margin:0 auto;display:flex;position:fixed}@media (width>=768px){.consent{bottom:var(--space-4)}}.consent__title{align-items:center;gap:var(--space-1_5);font-weight:var(--weight-bold);font-size:var(--text-md);display:flex}.consent__title svg{width:18px;height:18px}.consent__options{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.consent__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.page--wide{max-width:none}.admin__split{gap:var(--space-5);align-items:start;display:grid}@media (width>=900px){.admin__split{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}}.admin__list{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=900px){.admin__list{max-height:calc(100dvh - 96px);padding-right:var(--space-1);position:sticky;top:76px;overflow-y:auto}}@media (width<=899px){.admin__split[data-detail] .admin__list,.admin__split:not([data-detail]) .admin__detail{display:none}}@media (width>=900px){.admin__back{display:none}}.admin__placeholder{padding:var(--space-10) 0;text-align:center}.queue{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue__item{gap:var(--space-1);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.queue__item:hover{background:var(--color-surface-hover)}.queue__item[aria-current=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.queue__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.queue__title{font-weight:var(--weight-bold)}.queue__meta,.queue__reason{color:var(--color-text-muted);font-size:var(--text-sm)}.queue__badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.queue__badges .chip{margin-left:0}.review{gap:var(--space-5);flex-direction:column;display:flex}.review__head{gap:var(--space-2);flex-direction:column;display:flex}.review__title{gap:var(--space-3);flex-wrap:wrap;display:flex}.review__title>.field:first-child{flex:1;min-width:220px}.review__meta{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.review__note{font-size:var(--text-sm);font-style:italic}.status-pill{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text);font-weight:var(--weight-bold)}.status-pill[data-status=approved],.status-pill[data-status=published]{background:var(--color-success-soft);color:var(--color-success)}.status-pill[data-status=rejected]{background:var(--color-danger-soft);color:var(--color-danger)}.status-pill[data-status=draft]{background:var(--color-accent-soft);color:var(--color-accent-text)}.callout{padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent-soft) 45%, var(--color-surface))}.callout__title{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);display:flex}.callout__title svg{width:18px;height:18px;color:var(--color-accent-text)}.callout ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.callout li[data-severity=error]{color:var(--color-danger)}.callout__stats{color:var(--color-text-muted);font-size:var(--text-sm)}.review__cols{gap:var(--space-5);align-items:start;display:grid}@media (width>=1100px){.review__cols{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.review__grid{position:sticky;top:76px}}.review__grid{max-width:420px}.clues{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.clue{gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:120px minmax(0,1fr);display:grid}.clue[data-selected]{border-color:var(--color-primary);background:var(--color-grid-crossing)}.clue__ref{padding:var(--space-1) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.clue__ref:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.clue__answer{font-family:var(--font-grid);font-weight:var(--weight-bold);letter-spacing:.08em;overflow-wrap:anywhere}.clue__body{gap:var(--space-1_5);flex-direction:column;min-width:0;display:flex}.clue__input{width:100%}.clue__input[data-changed]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.clue__issue{align-items:flex-start;gap:var(--space-1_5);font-size:var(--text-sm);color:var(--color-warning);display:flex}.clue__issue[data-severity=error]{color:var(--color-danger)}.clue__issue svg{flex:none;width:16px;height:16px;margin-top:2px}.clue__editor-note{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.clue__candidates{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width<=559px){.clue{grid-template-columns:1fr}}.review__actions{gap:var(--space-4)}.schedule{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.history{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history li{gap:var(--space-2);grid-template-columns:64px minmax(0,1fr);display:grid}.history__what{font-weight:var(--weight-bold);text-transform:capitalize}.history__diff del{color:var(--color-danger)}.history__diff ins{color:var(--color-success);text-decoration:none}.history__time{color:var(--color-text-subtle);grid-column:2}.daily{gap:var(--space-4);flex-direction:column;display:flex}.daily__table td{min-width:200px}.daily__table td[data-assigned]{background:color-mix(in srgb, var(--color-success-soft) 55%, transparent)}.daily__meta{color:var(--color-text-muted);font-size:var(--text-sm);display:block}.daily__gap{background:var(--color-danger-soft);color:var(--color-danger);font-weight:var(--weight-bold)}.daily__gap svg{vertical-align:-3px;width:16px;height:16px}.daily__gap .daily__meta{color:var(--color-danger);font-weight:var(--weight-medium)}.mode-picker{gap:var(--space-1_5);margin-bottom:var(--space-4);flex-direction:column;display:flex}.mode-picker__hint{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-solve__grid{position:relative}.score-strip{align-items:center;gap:var(--space-1);min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.score-strip__chip{height:28px;padding:0 var(--space-1_5);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;transition:background-color var(--duration-base) var(--ease-standard);flex:none;align-items:center;gap:4px;display:inline-flex}.score-strip__chip[data-you]{box-shadow:inset 0 0 0 2px var(--pc)}.score-strip__chip[data-lead]{background:var(--pc-tint)}.score-strip__dot{background:var(--pc);border-radius:50%;width:10px;height:10px}.score-strip__name{text-overflow:ellipsis;white-space:nowrap;max-width:6em;overflow:hidden}.score-strip__pts{font-family:var(--font-display);font-weight:var(--weight-heavy)}.scoreboard{gap:var(--space-1_5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.scoreboard__row{align-items:center;gap:var(--space-2);padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-md);border-left:4px solid var(--pc);background:var(--color-surface-sunken);grid-template-columns:24px auto minmax(0,1fr) auto;display:grid}.scoreboard__row[data-you]{background:var(--pc-tint)}.scoreboard__rank{color:var(--color-text-muted);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid}.scoreboard__rank svg{width:18px;height:18px;color:var(--color-accent-text)}.scoreboard__name{min-width:0;font-weight:var(--weight-bold);flex-direction:column;display:flex}.scoreboard__who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard__you{color:var(--color-text-muted);font-weight:400}.scoreboard__detail{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.scoreboard__points{min-width:2ch;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;text-align:right}.checking-pill{top:var(--space-2);z-index:var(--z-raised);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);pointer-events:none;animation:.15s ease-out .12s both checking-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes checking-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.checking-pill{animation:none}}.fencing-overlay{z-index:var(--z-raised);padding:var(--space-4);background:color-mix(in srgb, var(--color-bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:absolute;inset:0}.fencing-overlay[data-countdown]{background:color-mix(in srgb, var(--color-bg) 45%, transparent);pointer-events:none}.fencing-overlay__card{align-items:center;gap:var(--space-3);max-width:360px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-overlay);text-align:center;flex-direction:column;display:flex}.fencing-overlay__card h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-heavy)}.fencing-overlay__card p{color:var(--color-text-muted)}.fencing-overlay__icon{width:36px;height:36px;color:var(--color-accent-text)}.fencing-overlay__count{font-weight:var(--weight-semibold)}.fencing-overlay__number{color:var(--color-text);font-family:var(--font-display);font-size:clamp(5rem,22vmin,10rem);font-weight:var(--weight-heavy);text-shadow:0 4px 24px color-mix(in srgb, var(--color-bg) 80%, transparent);animation:fencing-count 1s var(--ease-spring) both;line-height:1}.fencing-overlay[data-go] .fencing-overlay__number{color:var(--color-accent-text)}@keyframes fencing-count{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.3;transform:scale(.9)}}.complete--fencing .scoreboard{margin-top:var(--space-1)}.room-history .side__title{align-items:center;gap:var(--space-1);display:flex}.room-history .side__title svg{width:14px;height:14px}.side .room-history{flex:none;max-height:260px;overflow-y:auto}.room-history__empty{color:var(--color-text-muted);font-size:var(--text-sm)}.room-history__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.room-history__item{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.room-history__item:hover{background:var(--color-surface-hover)}.room-history__mode{background:var(--color-surface-sunken);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;place-items:center;display:inline-grid}.room-history__mode svg{width:16px;height:16px}.room-history__body{flex-direction:column;min-width:0;display:flex}.room-history__title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-history__meta{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay{gap:var(--space-5)}.replay__head{align-items:flex-start;gap:var(--space-2);display:flex}.replay__title{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.replay__title h1{font-size:var(--text-3xl);font-weight:var(--weight-heavy);line-height:1.1}.replay__meta{color:var(--color-text-muted)}.replay__body{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.replay__stage{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.replay__grid{width:100%;max-width:640px;margin:0 auto}.replay__side{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.replay__chat{flex-direction:column;height:320px;display:flex}.replay__chat .ui-chat{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex:1}@media (width>=1024px){.replay__body{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.replay__grid{height:min(50vh,560px)}.replay__chat{height:360px}}.replay-gate{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.replay-controls{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.replay-controls__row{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.replay-controls__time{padding-left:var(--space-2);font-variant-numeric:tabular-nums;flex-direction:column;margin-right:auto;line-height:1.2;display:flex}.replay-controls__clock{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-heavy)}.replay-controls__pos{color:var(--color-text-muted);font-size:var(--text-xs)}.replay-timeline{position:relative}.replay-timeline__input{width:100%;min-height:44px;accent-color:var(--color-accent);margin:0}.replay-timeline__markers{pointer-events:none;height:6px;position:absolute;bottom:4px;left:8px;right:8px}.replay-timeline__marker{background:var(--color-text-subtle);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:0}.replay-timeline__marker[data-kind=complete]{background:var(--color-success)}.replay-activity{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex;position:relative}.replay-activity__row{align-items:center;gap:var(--space-2);grid-template-columns:6em minmax(0,1fr);display:grid}.replay-activity__name{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-activity__strip{border-radius:var(--radius-xs);background:var(--color-surface-sunken);height:10px;display:flex;position:relative;overflow:hidden}.replay-activity__bin{background:var(--pc);flex:1}.replay-activity__strip:after{content:"";top:0;bottom:0;left:var(--pos);background:var(--color-text);width:2px;margin-left:-1px;position:absolute}