@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(./m-plus-rounded-1c-latin-500-normal-D4L1U0OF.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-500-normal-udtNJXmd.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(./m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(./m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:900;src:url(./m-plus-rounded-1c-latin-900-normal-C3bL2EA2.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-900-normal-C8F8OWie.woff)format("woff")}:root,[data-color-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"M PLUS Rounded 1c", ui-rounded, "Hiragino Maru Gothic ProN", system-ui, sans-serif;--room-lights-on:oklch(93.5% .012 235);--room-lights-off:oklch(17% .015 250);--room:var(--room-lights-on);--ink:oklch(27% .02 250);--ink-soft:oklch(44% .02 250);--focus-ring:oklch(52% .16 255);--tray-frost:oklch(97.5% .008 225/.86);--tray-rim:oklch(84% .02 235);--tray-rim-shine:oklch(100% 0 0/.9);--tray-shadow:oklch(35% .04 250/.28);--backlight-cool:oklch(99.5% .012 215);--backlight-warm:oklch(92% .1 72);--etch:oklch(50% .03 240/.2);--shelf-frost:oklch(96% .01 230/.7);--tint-red:oklch(55% .2 22);--tint-orange:oklch(67% .17 52);--tint-yellow:oklch(73% .15 90);--tint-green:oklch(66% .12 168);--tint-blue:oklch(62% .13 235);--tint-purple:oklch(50% .17 305);--tint-pink:oklch(64% .16 355);--tint-preview-red:oklch(42% .19 24);--tint-preview-orange:oklch(55% .19 42);--tint-preview-yellow:oklch(60% .14 82);--tint-preview-green:oklch(47% .11 170);--tint-preview-blue:oklch(46% .15 245);--tint-preview-purple:oklch(38% .17 305);--tint-preview-pink:oklch(50% .19 0);--tile-core-fill:30%;--tile-core-light:0%;--tile-edge-fill:56%;--tile-highlight:oklch(100% 0 0/.85);--face-rim-light:50%;--face-catch:oklch(100% 0 0/.7);--glint:oklch(100% 0 0/.75);--glint-width-ratio:.35;--glint-tail-ratio:2.6;--depth-board:clamp(3px, 1vw, 5px);--depth-mini:2px;--wall-near-shade:6%;--wall-far-shade:28%;--far-edge-shade:30%;--far-edge-strength:60%;--tile-drop-shadow:oklch(30% .03 250/.22);--tile-cast:60%;--tile-cast-drop:6px;--tile-cast-blur:10px;--tile-cast-spread:-5px;--tile-glow:0px;--tile-glow-strength:0%;--ghost-fill:26%;--clear-preview-glow:oklch(40% .04 245/.3);--clear-preview-mix-from:50%;--clear-preview-mix-to:100%;--clear-preview-face-fill:85%;--clear-preview-halo:6px;--clear-preview-halo-color:transparent;--duration-clear-preview:.52s;--new-best-glow:oklch(86% .13 75/.75);--new-best-glow-inset:-28px 16% 26px;--new-best-tint:var(--tint-yellow);--new-best-fill:34%;--new-best-ink:var(--ink);--chip-fill:40%;--chip-tint-double:var(--tint-green);--chip-tint-triple:var(--tint-orange);--chip-tint-quad:var(--tint-red);--chip-tint-streak:var(--tint-purple);--chip-tint-board-clear:var(--tint-blue);--pop-halo:var(--room);--pop-rise:52px;--pop-size-0:clamp(1.375rem, 6.5vw, 1.75rem);--pop-size-1:clamp(2rem, 10vw, 2.75rem);--pop-size-2:clamp(2.375rem, 12vw, 3.25rem);--pop-size-3:clamp(2.75rem, 14vw, 3.75rem);--pop-size-4:clamp(3.125rem, 16vw, 4.25rem);--pop-outline:.16em;--line-flash:color-mix(in oklab, var(--backlight-warm), white 25%);--line-flash-glow:var(--backlight-warm);--shake-per-line:3.5px;--shake-tilt-per-line:.3deg;--frost-filter:saturate(.2) opacity(.55);--gutter:16px;--board-max:min(30rem, 100dvh - 300px);--tray-padding:clamp(8px, 2.4vw, 14px);--cell-gap:clamp(3px, .9vw, 5px);--mini-cell:clamp(14px, 4.4vw, 20px);--mini-gap:2px;--radius-tray:22px;--radius-tile:7px;--radius-mini-tile:3px;--radius-control:14px;--icon-button-inset:8px;--dev-panel-font-size:.8125rem;--duration-settle:.12s;--duration-clear:.3s;--clear-stagger:22ms;--duration-streak-pulse:.2s;--duration-select:.14s;--duration-backlight:.6s;--duration-new-best:.6s;--duration-new-best-delay:.25s;--duration-press:90ms;--duration-pop:1.1s;--duration-pop-small:.7s;--duration-banner:1.5s;--banner-stagger:.22s;--duration-line-flash:.42s;--duration-shake:.44s;--duration-score-bump:.26s;--duration-deal:.32s;--deal-stagger:70ms;--duration-frost:.38s;--frost-delay:.25s;--frost-stagger:55ms;--duration-at-risk:.7s;--pattern-shade:48%;--pattern-red:repeating-linear-gradient(-45deg, transparent 0 15%, currentColor 15% 27%);--pattern-orange:radial-gradient(circle closest-side, currentColor 0 40%, transparent 44%);--pattern-yellow:radial-gradient(circle closest-side at 30% 30%, currentColor 0 44%, transparent 50%), radial-gradient(circle closest-side at 70% 30%, currentColor 0 44%, transparent 50%), radial-gradient(circle closest-side at 30% 70%, currentColor 0 44%, transparent 50%), radial-gradient(circle closest-side at 70% 70%, currentColor 0 44%, transparent 50%);--pattern-green:radial-gradient(circle closest-side, transparent 0 32%, currentColor 35% 66%, transparent 69%);--pattern-blue:repeating-linear-gradient(180deg, transparent 0 17%, currentColor 17% 33.4%);--pattern-purple:linear-gradient(90deg, transparent 40%, currentColor 40% 60%, transparent 60%), linear-gradient(180deg, transparent 40%, currentColor 40% 60%, transparent 60%);--pattern-pink:conic-gradient(color-mix(in oklch, currentColor 55%, transparent) 0 25%, transparent 0 50%, color-mix(in oklch, currentColor 55%, transparent) 0 75%, transparent 0);--slab-fill:26%;--slab-edge-fill:42%;--slab-depth:6px;--slab-radius:18px;--slab-glow:0px;--slab-glow-strength:0%;--slab-ink-shade:55%;--logo-size:clamp(2.5rem, 13vw, 3.5rem);--logo-cell:.8em;--logo-row-gap:.04em;--logo-accent:var(--tint-green);--logo-accent-shade:32%;--choice-tint:var(--tint-blue);--theme-choice-columns:3;--theme-preview-tile:clamp(14px, 4.6vw, 20px);--switch-width:60px;--switch-height:34px;--switch-knob-inset:4px;--swatch-gap:8px;--swatch-max:48px;--odds-cell:7px;--measure:34rem;--target-min:44px}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:var(--room-lights-off)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:var(--room-lights-off);--ink:oklch(94% .01 240);--ink-soft:oklch(76% .02 240);--focus-ring:oklch(78% .13 230);--tray-frost:oklch(25% .02 245/.9);--tray-rim:oklch(40% .025 240);--tray-rim-shine:oklch(100% 0 0/.14);--tray-shadow:oklch(0% 0 0/.6);--backlight-cool:oklch(42% .05 222);--backlight-warm:oklch(50% .1 65);--etch:oklch(88% .02 240/.14);--shelf-frost:oklch(22% .02 250/.7);--tint-red:oklch(68% .21 22);--tint-orange:oklch(78% .17 55);--tint-yellow:oklch(90% .16 98);--tint-green:oklch(82% .12 168);--tint-blue:oklch(78% .12 232);--tint-purple:oklch(66% .18 305);--tint-pink:oklch(80% .14 355);--tint-preview-red:oklch(86% .1 20);--tint-preview-orange:oklch(91% .08 62);--tint-preview-yellow:oklch(96% .08 100);--tint-preview-green:oklch(93% .07 168);--tint-preview-blue:oklch(91% .07 230);--tint-preview-purple:oklch(85% .1 305);--tint-preview-pink:oklch(91% .07 355);--tile-core-fill:52%;--tile-core-light:14%;--tile-edge-fill:40%;--tile-highlight:oklch(100% 0 0/.55);--face-catch:oklch(100% 0 0/.3);--glint:oklch(100% 0 0/.6);--wall-near-shade:0%;--wall-far-shade:26%;--far-edge-shade:0%;--far-edge-strength:85%;--tile-drop-shadow:oklch(0% 0 0/.5);--tile-cast:40%;--tile-glow:12px;--tile-glow-strength:55%;--ghost-fill:32%;--clear-preview-glow:oklch(86% .07 88/.34);--clear-preview-mix-from:20%;--clear-preview-mix-to:80%;--clear-preview-face-fill:62%;--clear-preview-halo-color:oklch(98% .02 95/.95);--new-best-glow:oklch(55% .12 68/.7);--new-best-fill:78%;--new-best-ink:var(--room);--chip-fill:36%;--frost-filter:saturate(.25) brightness(.55);--pattern-shade:62%;--slab-fill:16%;--slab-edge-fill:30%;--slab-glow:18px;--slab-glow-strength:30%;--slab-ink-shade:0%;--logo-accent-shade:0%}[data-color-theme=sea-glass]{--room-lights-on:oklch(92.5% .02 80);--room-lights-off:oklch(20% .035 222);--ink:oklch(29% .035 215);--ink-soft:oklch(44% .03 210);--focus-ring:oklch(50% .11 205);--tray-frost:oklch(96.5% .014 95/.84);--tray-rim:oklch(83% .03 85);--tray-shadow:oklch(40% .05 70/.26);--backlight-cool:oklch(97% .035 185);--backlight-warm:oklch(90% .1 80);--etch:oklch(45% .05 200/.22);--shelf-frost:oklch(95% .015 90/.7);--tint-red:oklch(62% .13 25);--tint-orange:oklch(66% .12 62);--tint-yellow:oklch(80% .11 105);--tint-green:oklch(60% .12 150);--tint-blue:oklch(52% .13 260);--tint-purple:oklch(60% .1 300);--tint-pink:oklch(72% .09 195);--tint-preview-red:oklch(48% .13 28);--tint-preview-orange:oklch(50% .11 55);--tint-preview-yellow:oklch(60% .11 100);--tint-preview-green:oklch(44% .11 152);--tint-preview-blue:oklch(38% .13 262);--tint-preview-purple:oklch(44% .11 300);--tint-preview-pink:oklch(52% .09 200);--tile-core-fill:40%;--tile-core-light:35%;--tile-edge-fill:62%;--tile-highlight:oklch(100% 0 0/.45);--face-catch:oklch(100% 0 0/.5);--glint:oklch(100% 0 0/.55);--radius-tile:10px;--radius-mini-tile:4px;--clear-preview-glow:oklch(45% .06 200/.28);--new-best-glow:oklch(88% .11 85/.75)}[data-color-theme=sea-glass][data-theme=dark]{--ink:oklch(94% .015 190);--ink-soft:oklch(78% .025 195);--focus-ring:oklch(80% .1 190);--tray-frost:oklch(27% .03 212/.9);--tray-rim:oklch(42% .035 205);--tray-shadow:oklch(0% 0 0/.55);--backlight-cool:oklch(42% .06 195);--backlight-warm:oklch(52% .09 72);--etch:oklch(88% .03 190/.14);--shelf-frost:oklch(24% .03 212/.7);--tint-red:oklch(75% .12 25);--tint-orange:oklch(79% .11 65);--tint-yellow:oklch(90% .1 105);--tint-green:oklch(78% .12 150);--tint-blue:oklch(70% .12 258);--tint-purple:oklch(77% .09 300);--tint-pink:oklch(86% .08 192);--tint-preview-red:oklch(90% .06 25);--tint-preview-orange:oklch(92% .06 68);--tint-preview-yellow:oklch(96% .06 105);--tint-preview-green:oklch(92% .06 150);--tint-preview-blue:oklch(88% .06 258);--tint-preview-purple:oklch(90% .05 300);--tint-preview-pink:oklch(95% .04 192);--tile-core-fill:52%;--tile-core-light:26%;--tile-edge-fill:42%;--tile-highlight:oklch(100% 0 0/.38);--face-catch:oklch(100% 0 0/.24);--glint:oklch(100% 0 0/.45);--tile-glow:10px;--tile-glow-strength:40%;--clear-preview-glow:oklch(88% .06 190/.3);--new-best-glow:oklch(55% .1 75/.7)}[data-color-theme=neon]{--room-lights-on:oklch(95.5% .008 290);--room-lights-off:oklch(12% .025 295);--ink:oklch(22% .04 295);--ink-soft:oklch(42% .05 295);--focus-ring:oklch(52% .22 330);--tray-frost:oklch(99% .004 290/.88);--tray-rim:oklch(86% .02 290);--tray-shadow:oklch(35% .08 300/.25);--backlight-cool:oklch(98% .02 300);--backlight-warm:oklch(88% .14 55);--etch:oklch(45% .06 295/.2);--shelf-frost:oklch(97% .01 290/.7);--tint-red:oklch(62% .24 22);--tint-orange:oklch(72% .2 48);--tint-yellow:oklch(89% .2 118);--tint-green:oklch(80% .24 148);--tint-blue:oklch(68% .17 225);--tint-purple:oklch(56% .26 300);--tint-pink:oklch(66% .27 350);--tint-preview-red:oklch(50% .22 22);--tint-preview-orange:oklch(60% .2 42);--tint-preview-yellow:oklch(72% .19 115);--tint-preview-green:oklch(62% .21 148);--tint-preview-blue:oklch(52% .17 235);--tint-preview-purple:oklch(44% .24 300);--tint-preview-pink:oklch(52% .25 352);--tile-core-fill:22%;--tile-core-light:10%;--tile-edge-fill:82%;--face-rim-light:25%;--tile-cast:75%;--tile-glow:6px;--tile-glow-strength:45%;--clear-preview-glow:oklch(50% .15 330/.22);--new-best-glow:oklch(85% .17 105/.7)}[data-color-theme=neon][data-theme=dark]{--ink:oklch(96% .02 300);--ink-soft:oklch(80% .05 300);--focus-ring:oklch(82% .16 330);--tray-frost:oklch(17% .03 295/.9);--tray-rim:oklch(30% .05 300);--tray-rim-shine:oklch(100% 0 0/.1);--tray-shadow:oklch(0% 0 0/.7);--backlight-cool:oklch(26% .09 295);--backlight-warm:oklch(42% .15 40);--etch:oklch(85% .06 300/.13);--shelf-frost:oklch(15% .025 295/.7);--tint-red:oklch(68% .25 22);--tint-orange:oklch(78% .19 52);--tint-yellow:oklch(93% .2 118);--tint-green:oklch(86% .25 148);--tint-blue:oklch(78% .16 220);--tint-purple:oklch(66% .26 302);--tint-pink:oklch(72% .27 350);--tint-preview-red:oklch(88% .11 20);--tint-preview-orange:oklch(92% .09 60);--tint-preview-yellow:oklch(97% .1 115);--tint-preview-green:oklch(95% .11 150);--tint-preview-blue:oklch(93% .07 220);--tint-preview-purple:oklch(86% .12 305);--tint-preview-pink:oklch(90% .11 350);--tile-core-fill:16%;--tile-core-light:0%;--tile-edge-fill:92%;--tile-highlight:oklch(100% 0 0/.4);--face-catch:oklch(100% 0 0/.25);--glint:oklch(100% 0 0/.55);--wall-near-shade:0%;--wall-far-shade:35%;--far-edge-shade:0%;--far-edge-strength:95%;--tile-drop-shadow:oklch(0% 0 0/.6);--tile-cast:50%;--tile-glow:16px;--tile-glow-strength:75%;--pattern-shade:30%;--clear-preview-glow:oklch(80% .15 330/.28);--clear-preview-halo-color:oklch(97% .04 330/.95);--new-best-glow:oklch(60% .22 350/.7);--slab-fill:12%;--slab-edge-fill:40%;--slab-glow:22px;--slab-glow-strength:45%}[data-color-theme=smoke]{--room-lights-on:oklch(90% .006 75);--room-lights-off:oklch(16% .006 60);--ink:oklch(24% .012 60);--ink-soft:oklch(37% .012 60);--focus-ring:oklch(42% .1 55);--tray-frost:oklch(82% .008 65/.8);--tray-rim:oklch(70% .01 65);--tray-rim-shine:oklch(100% 0 0/.5);--tray-shadow:oklch(25% .02 60/.3);--backlight-cool:oklch(88% .025 75);--backlight-warm:oklch(83% .11 65);--etch:oklch(30% .01 60/.22);--shelf-frost:oklch(85% .008 65/.7);--tint-red:oklch(50% .12 18);--tint-orange:oklch(60% .11 58);--tint-yellow:oklch(74% .1 88);--tint-green:oklch(56% .08 135);--tint-blue:oklch(52% .07 245);--tint-purple:oklch(46% .09 320);--tint-pink:oklch(64% .08 355);--tint-preview-red:oklch(38% .11 18);--tint-preview-orange:oklch(47% .1 52);--tint-preview-yellow:oklch(58% .1 82);--tint-preview-green:oklch(42% .07 135);--tint-preview-blue:oklch(38% .07 248);--tint-preview-purple:oklch(34% .08 320);--tint-preview-pink:oklch(48% .08 355);--tile-core-fill:34%;--tile-edge-fill:64%;--tile-highlight:oklch(100% 0 0/.6);--glint:oklch(100% 0 0/.6);--tile-drop-shadow:oklch(20% .02 60/.28);--tile-cast:50%;--clear-preview-glow:oklch(35% .03 60/.3);--new-best-glow:oklch(82% .12 70/.75)}[data-color-theme=smoke][data-theme=dark]{--ink:oklch(93% .008 75);--ink-soft:oklch(75% .01 70);--focus-ring:oklch(80% .1 70);--tray-frost:oklch(22% .007 60/.9);--tray-rim:oklch(36% .01 60);--tray-rim-shine:oklch(100% 0 0/.12);--tray-shadow:oklch(0% 0 0/.6);--backlight-cool:oklch(33% .02 70);--backlight-warm:oklch(50% .11 62);--etch:oklch(85% .01 70/.13);--shelf-frost:oklch(20% .006 60/.7);--tint-red:oklch(64% .14 20);--tint-orange:oklch(74% .12 60);--tint-yellow:oklch(85% .11 90);--tint-green:oklch(72% .09 135);--tint-blue:oklch(70% .07 240);--tint-purple:oklch(63% .1 320);--tint-pink:oklch(77% .07 355);--tint-preview-red:oklch(84% .07 20);--tint-preview-orange:oklch(89% .06 62);--tint-preview-yellow:oklch(94% .06 92);--tint-preview-green:oklch(89% .05 135);--tint-preview-blue:oklch(88% .04 240);--tint-preview-purple:oklch(83% .06 320);--tint-preview-pink:oklch(90% .04 355);--tile-core-fill:46%;--tile-core-light:8%;--tile-edge-fill:40%;--tile-highlight:oklch(100% 0 0/.45);--face-catch:oklch(100% 0 0/.25);--glint:oklch(100% 0 0/.5);--wall-near-shade:0%;--wall-far-shade:30%;--far-edge-shade:0%;--far-edge-strength:80%;--tile-drop-shadow:oklch(0% 0 0/.5);--tile-cast:35%;--tile-glow:8px;--tile-glow-strength:35%;--clear-preview-glow:oklch(85% .06 75/.3);--clear-preview-halo-color:oklch(97% .03 80/.9);--new-best-glow:oklch(55% .11 65/.7)}[data-color-theme=monochrome]{--room-lights-on:oklch(95% .004 250);--room-lights-off:oklch(15% .004 250);--ink:oklch(22% .005 250);--ink-soft:oklch(42% .005 250);--focus-ring:oklch(35% .005 250);--tray-frost:oklch(99% .002 250/.86);--tray-rim:oklch(82% .004 250);--tray-shadow:oklch(30% .005 250/.25);--backlight-cool:oklch(100% 0 0);--backlight-warm:oklch(90% .025 85);--etch:oklch(40% .004 250/.22);--shelf-frost:oklch(97% .002 250/.7);--tint-red:oklch(36% .004 250);--tint-purple:oklch(44% .004 250);--tint-blue:oklch(52% .004 250);--tint-green:oklch(60% .004 250);--tint-orange:oklch(68% .004 250);--tint-pink:oklch(76% .004 250);--tint-yellow:oklch(84% .004 250);--tint-preview-red:oklch(22% .004 250);--tint-preview-purple:oklch(28% .004 250);--tint-preview-blue:oklch(35% .004 250);--tint-preview-green:oklch(42% .004 250);--tint-preview-orange:oklch(48% .004 250);--tint-preview-pink:oklch(55% .004 250);--tint-preview-yellow:oklch(62% .004 250);--tile-core-fill:34%;--tile-edge-fill:62%;--tile-drop-shadow:oklch(20% .005 250/.25);--tile-cast:45%;--pattern-shade:34%;--clear-preview-glow:oklch(40% .004 250/.25);--new-best-glow:oklch(70% .004 250/.5);--new-best-tint:var(--tint-red);--new-best-fill:80%;--new-best-ink:var(--room)}[data-color-theme=monochrome][data-theme=dark]{--ink:oklch(95% .003 250);--ink-soft:oklch(77% .004 250);--focus-ring:oklch(85% .003 250);--tray-frost:oklch(22% .004 250/.9);--tray-rim:oklch(38% .004 250);--tray-shadow:oklch(0% 0 0/.6);--backlight-cool:oklch(38% .005 250);--backlight-warm:oklch(48% .04 80);--etch:oklch(90% .003 250/.14);--shelf-frost:oklch(20% .004 250/.7);--tint-red:oklch(42% .004 250);--tint-purple:oklch(52% .004 250);--tint-blue:oklch(61% .004 250);--tint-green:oklch(70% .004 250);--tint-orange:oklch(79% .004 250);--tint-pink:oklch(88% .004 250);--tint-yellow:oklch(97% .004 250);--tint-preview-red:oklch(68% .004 250);--tint-preview-purple:oklch(74% .004 250);--tint-preview-blue:oklch(80% .004 250);--tint-preview-green:oklch(86% .004 250);--tint-preview-orange:oklch(92% .004 250);--tint-preview-pink:oklch(96% .004 250);--tint-preview-yellow:oklch(100% 0 0);--tile-core-fill:55%;--tile-core-light:0%;--tile-edge-fill:40%;--tile-drop-shadow:oklch(0% 0 0/.5);--tile-cast:40%;--tile-glow:8px;--tile-glow-strength:25%;--pattern-shade:45%;--clear-preview-glow:oklch(90% .003 250/.3);--choice-tint:var(--tint-pink);--new-best-glow:oklch(60% .004 250/.6);--new-best-tint:var(--tint-yellow);--new-best-fill:78%;--new-best-ink:var(--room)}*,:before,:after{box-sizing:border-box}body{background:var(--room);min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-weight:500;overflow-x:clip}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html:has(.game:not([hidden])){overscroll-behavior:none;overflow:hidden}html:has(.game:not([hidden])) body{overflow:clip}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game,.home,.settings,.help{min-height:100dvh;padding:max(var(--gutter), env(safe-area-inset-top)) var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.screen-header{width:min(100%, var(--measure));justify-items:start;display:grid}.screen-header>.icon-button{margin-left:calc(var(--icon-button-inset) * -1)}.screen-title{margin:2px 0 4px;font-size:1.75rem;font-weight:800}.screen-title:focus{outline:none}.section-title{margin:0 0 8px;font-size:1.25rem;font-weight:800}.section-note{color:var(--ink-soft);margin:0 0 18px;font-size:.9375rem;line-height:1.45}.button-primary,.button-secondary,.button-quiet{border-radius:var(--radius-control);cursor:pointer;border:0;width:100%;min-height:48px;font-size:1rem;font-weight:700}.button-primary{background:var(--ink);color:var(--room)}.button-secondary{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--tray-rim);background:0 0}.button-quiet{min-height:var(--target-min);color:var(--ink-soft);background:0 0;font-size:.9375rem;font-weight:700}@media (hover:hover){.button-secondary:hover,.button-quiet:hover{background:color-mix(in oklch, var(--ink) 6%, transparent)}}.icon-button{min-height:var(--target-min);padding:0 14px 0 var(--icon-button-inset);border-radius:var(--radius-control);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:.9375rem;font-weight:700;display:inline-flex}.round-icon-button{width:var(--target-min);height:var(--target-min);background:var(--tray-frost);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--tray-rim), inset 0 1.5px 0 var(--tray-rim-shine);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.round-icon-button:active{background:color-mix(in oklch, var(--ink) 8%, var(--tray-frost))}@media (hover:hover){.icon-button:hover{color:var(--ink);background:color-mix(in oklch, var(--ink) 6%, transparent)}.round-icon-button:hover{color:var(--ink)}}.icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.game-over,.card-dialog{width:min(calc(100% - 2 * var(--gutter)), 22rem);border-radius:var(--radius-tray);background:var(--tray-frost);color:var(--ink);text-align:center;box-shadow:inset 0 0 0 1px var(--tray-rim), inset 0 1.5px 0 var(--tray-rim-shine), 0 30px 60px -20px var(--tray-shadow);border:0;padding:28px 24px 24px}.game-over::backdrop,.card-dialog::backdrop{background:color-mix(in oklch, var(--room) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-dialog-title{margin:0 0 8px;font-size:1.25rem;font-weight:800}.card-dialog-message{color:var(--ink-soft);margin:0 0 22px;line-height:1.45}.dialog-actions{gap:10px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.game{gap:14px}.hud,.board-stage,.board,.hand{width:min(100%, var(--board-max))}.hud{grid-template-columns:var(--target-min) 1fr var(--target-min);align-items:start;gap:8px;display:grid}.hud-center{grid-template-columns:auto auto auto;grid-template-areas:"score score score""mode separator streak";justify-content:center;align-items:baseline;column-gap:6px;display:grid}.score{font-variant-numeric:tabular-nums;grid-area:score;justify-self:center;margin:0;font-size:clamp(2rem,9vw,2.6rem);font-weight:800;line-height:1.1}.mode-heading,.hud-separator,.streak{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;font-weight:700}.mode-heading{grid-area:mode}.mode-heading:focus{outline:none}.hud-separator{grid-area:separator}.streak{grid-area:streak}.streak.has-streak{color:var(--ink)}.streak.is-at-risk{animation:at-risk var(--duration-at-risk) ease-in-out infinite alternate}.score.is-bumping{animation:score-bump var(--duration-score-bump) ease-out}.streak-value{display:inline-block}.streak-value.is-pulsing{animation:streak-pulse var(--duration-streak-pulse) ease-out}.board{--streak-warmth:0;--backlight:color-mix(in oklch, var(--backlight-cool), var(--backlight-warm) calc(var(--streak-warmth) * 100%));grid-template-columns:repeat(var(--board-size), 1fr);grid-template-rows:repeat(var(--board-size), 1fr);gap:var(--cell-gap);aspect-ratio:1;padding:var(--tray-padding);border-radius:var(--radius-tray);background:radial-gradient(130% 100% at 50% 115%, var(--backlight), transparent 72%), var(--tray-frost);box-shadow:inset 0 0 0 1px var(--tray-rim), inset 0 1.5px 0 var(--tray-rim-shine), 0 22px 40px -22px var(--tray-shadow);transition:--backlight var(--duration-backlight) ease;touch-action:manipulation;display:grid}.cell{appearance:none;border-radius:var(--radius-tile);box-shadow:inset 0 0 0 1px var(--etch), inset 0 1px 2px var(--etch);cursor:default;background:0 0;border:0;padding:0;position:relative}.board.is-armed .cell:not(.is-filled){cursor:pointer}@media (hover:hover){.board.is-armed .cell:not(.is-filled):hover{background:color-mix(in oklch, var(--focus-ring) 14%, transparent)}}.cell.is-filled,.piece-tile{--tint:var(--tile-color);--tile-core:color-mix(in oklch, color-mix(in oklch, var(--tint), white var(--tile-core-light)) var(--tile-core-fill), transparent);--tile-edge:color-mix(in oklch, var(--tint) var(--tile-edge-fill), transparent);--wall-near:color-mix(in oklch, var(--tint), black var(--wall-near-shade));--wall-far:color-mix(in oklch, var(--tint), black var(--wall-far-shade));--wall-mid:color-mix(in oklch, var(--wall-near), var(--wall-far));--face:radial-gradient(ellipse 30% 9% at 36% 17%, var(--tile-highlight), transparent), radial-gradient(farthest-corner at 45% 40%, var(--tile-core) 25%, var(--tile-edge));box-shadow:none;background:0 0}.cell.is-filled{--depth:var(--depth-board);--radius:var(--radius-tile)}.piece-tile{--depth:var(--piece-depth,var(--depth-mini));--radius:var(--piece-radius,var(--radius-mini-tile))}.cell.is-filled:before,.piece-tile:before{content:"";inset:var(--depth);border-top:1px solid var(--far-edge);border-left:1px solid var(--far-edge);border-top-left-radius:var(--radius);--far-edge:color-mix(in oklch, color-mix(in oklch, var(--tint), black var(--far-edge-shade)) var(--far-edge-strength), transparent);position:absolute}.cell.is-filled:after,.piece-tile:after{content:"";inset:0 var(--depth) var(--depth) 0;border-radius:var(--radius);background:var(--face);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tint), white var(--face-rim-light)), inset 1.5px 1.5px 0 var(--face-catch), calc(var(--depth) * .25) calc(var(--depth) * .25) 0 var(--wall-near), calc(var(--depth) * .5) calc(var(--depth) * .5) 0 var(--wall-near), calc(var(--depth) * .75) calc(var(--depth) * .75) 0 var(--wall-mid), calc(var(--depth) * 1) calc(var(--depth) * 1) 0 var(--wall-far), calc(var(--depth) * .5) calc(var(--depth) * .5 + var(--tile-cast-drop)) var(--tile-cast-blur) var(--tile-cast-spread) color-mix(in oklch, var(--tint) var(--tile-cast), transparent), calc(var(--depth) * .5) calc(var(--depth) * .5) var(--tile-glow) color-mix(in oklch, var(--tint) var(--tile-glow-strength), transparent);position:absolute}.tile-glint{display:none}.cell.is-filled>.tile-glint,.piece-tile>.tile-glint{--glint-width:calc(var(--depth) * var(--glint-width-ratio));--glint-tail:calc(var(--radius) * var(--glint-tail-ratio));z-index:1;width:calc(var(--radius) + var(--glint-tail));height:calc(var(--radius) + var(--glint-tail));pointer-events:none;background:radial-gradient(circle at var(--radius) var(--radius), transparent calc(var(--radius) - var(--glint-width)), var(--glint) calc(var(--radius) - var(--glint-width) + .5px) calc(var(--radius) - .5px), transparent var(--radius)) 0 0 / var(--radius) var(--radius) no-repeat, linear-gradient(to right, var(--glint), transparent) var(--radius) 0 / var(--glint-tail) var(--glint-width) no-repeat, linear-gradient(to bottom, var(--glint), transparent) 0 var(--radius) / var(--glint-width) var(--glint-tail) no-repeat;display:block;position:absolute;top:0;left:0}[data-patterns=on] :is(.cell.is-filled,.piece-tile):after{color:color-mix(in oklch, var(--tint), black var(--pattern-shade));background:var(--pattern), var(--face)}.cell.is-settling{animation:settle var(--duration-settle) ease-out}.cell.is-clearing:after{content:"";border-radius:inherit;background:color-mix(in oklch, var(--cleared-tint), white 55%);box-shadow:0 0 14px color-mix(in oklch, var(--cleared-tint) 70%, transparent);animation:lift-off var(--duration-clear) ease-out both;animation-delay:calc(var(--clear-order,0) * var(--clear-stagger));pointer-events:none;position:absolute;inset:0}.cell.is-ghost{background:color-mix(in oklch, var(--ghost-tint) var(--ghost-fill), transparent);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--ghost-tint) 75%, transparent)}.cell.will-clear:not(.is-filled):not(.is-ghost){background:var(--clear-preview-glow)}.cell.is-filled.will-clear{--tint:color-mix(in oklch, var(--tile-color), var(--tile-preview) var(--clear-preview-mix));--tile-core:color-mix(in oklch, var(--tint) var(--clear-preview-face-fill), transparent);filter:drop-shadow(0 0 var(--clear-preview-halo) var(--clear-preview-halo-color));animation:clear-preview-pulse var(--duration-clear-preview) ease-in-out infinite alternate}.board.is-over .cell.is-filled{filter:var(--frost-filter);transition:filter var(--duration-frost) ease-out;transition-delay:calc(var(--frost-delay) + var(--row,0) * var(--frost-stagger))}.board-stage{position:relative}.game.is-shaking{--shake:calc(var(--shake-lines,0) * var(--shake-per-line));--shake-tilt:calc(var(--shake-lines,0) * var(--shake-tilt-per-line));animation:screen-shake var(--duration-shake) ease-out}.board-effects{z-index:1;pointer-events:none;position:absolute;inset:0}.score-pop{left:var(--pop-x);top:var(--pop-y);white-space:nowrap;animation:score-pop var(--duration-pop) ease-out both;justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%,-50%)}.score-pop[data-tier="0"]{animation-duration:var(--duration-pop-small)}.pop-points{--points-color:var(--ink);color:var(--points-color);font-size:var(--pop-size-1);letter-spacing:-.01em;font-variant-numeric:tabular-nums;-webkit-text-stroke:var(--pop-outline) var(--pop-halo);paint-order:stroke fill;text-shadow:0 .08em .18em var(--tile-drop-shadow);font-weight:900;line-height:1}.score-pop[data-tier="0"] .pop-points{font-size:var(--pop-size-0)}.score-pop[data-tier="2"] .pop-points{--points-color:color-mix(in oklab, var(--chip-tint-double), var(--ink) 35%);font-size:var(--pop-size-2)}.score-pop[data-tier="3"] .pop-points{--points-color:color-mix(in oklab, var(--chip-tint-triple), var(--ink) 35%);font-size:var(--pop-size-3)}.score-pop[data-tier="4"] .pop-points{--points-color:color-mix(in oklab, var(--chip-tint-quad), var(--ink) 35%);font-size:var(--pop-size-4)}.pop-chip,.board-banner{--chip-tint:var(--chip-tint-streak);border-radius:var(--radius-tile);background:color-mix(in oklab, var(--chip-tint) var(--chip-fill), var(--room));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--chip-tint), white var(--face-rim-light)), inset 1.5px 1.5px 0 var(--face-catch), 2px 2px 0 color-mix(in oklch, var(--chip-tint), black var(--wall-far-shade));color:var(--ink);letter-spacing:.03em;font-weight:800}.pop-chip{padding:4px 12px 5px;font-size:1rem;font-weight:900}.score-pop[data-tier="2"] .pop-lines{--chip-tint:var(--chip-tint-double)}.score-pop[data-tier="3"] .pop-lines{--chip-tint:var(--chip-tint-triple);font-size:1.125rem}.score-pop[data-tier="4"] .pop-lines{--chip-tint:var(--chip-tint-quad);font-size:1.25rem}.pop-note{color:var(--ink-soft);-webkit-text-stroke:var(--pop-outline) var(--pop-halo);paint-order:stroke fill;font-size:1rem;font-weight:800}.board-banners{place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.board-banner{--chip-tint:var(--chip-tint-board-clear);animation:banner var(--duration-banner) ease-out both;animation-delay:calc(var(--banner-order,0) * var(--banner-stagger));margin:0;padding:8px 20px 10px;font-size:clamp(1.5rem,7vw,2.125rem)}.board-banner[data-banner=new-best]{--chip-tint:var(--new-best-tint)}.line-flash{border-radius:var(--radius-tile);background:var(--line-flash);box-shadow:0 0 18px 4px var(--line-flash-glow);animation:line-flash-row var(--duration-line-flash) ease-out both;position:absolute}.line-flash.is-column{animation-name:line-flash-column}.floating-piece{--piece-depth:var(--depth-board);--piece-radius:var(--radius-tile);z-index:10;pointer-events:none;filter:drop-shadow(0 14px 14px var(--tile-drop-shadow));position:fixed;top:0;left:0}.hand{grid-template-columns:repeat(var(--hand-size), 1fr);border-radius:var(--radius-tray);background:var(--shelf-frost);box-shadow:inset 0 0 0 1px var(--etch);gap:8px;padding:8px;display:grid}.piece{min-height:calc(var(--mini-cell) * 5 + var(--mini-gap) * 4 + 16px);border-radius:var(--radius-control);cursor:grab;touch-action:none;transition:transform var(--duration-select) ease-out, background-color var(--duration-select) ease-out;background:0 0;border:0;place-items:center;padding:8px;display:grid}.piece:disabled{cursor:default}.piece[aria-pressed=true]{background:color-mix(in oklch, var(--focus-ring) 12%, transparent);box-shadow:inset 0 0 0 2px var(--focus-ring);transform:translateY(-4px)}.piece.is-lifted .piece-shape{visibility:hidden}.piece-shape{grid-template-columns:repeat(var(--shape-columns), var(--piece-cell,var(--mini-cell)));grid-template-rows:repeat(var(--shape-rows), var(--piece-cell,var(--mini-cell)));gap:var(--piece-gap,var(--mini-gap));display:grid}.piece-tile{border-radius:var(--piece-radius,var(--radius-mini-tile));position:relative}.piece-shape.is-dealt{animation:deal-in var(--duration-deal) cubic-bezier(.2, .9, .3, 1.25) both;animation-delay:calc(var(--deal-order,0) * var(--deal-stagger))}.game-over-title{color:var(--ink-soft);margin:0;font-size:1.125rem;font-weight:700}.game-over-summary{isolation:isolate;margin:6px 0 22px;position:relative}.game-over.is-new-best .game-over-summary:before{content:"";inset:var(--new-best-glow-inset);z-index:-1;background:radial-gradient(closest-side, var(--new-best-glow), color-mix(in oklch, var(--new-best-glow) 40%, transparent) 55%, transparent);animation:bloom var(--duration-new-best) ease-out both;position:absolute}.game-over-score{font-variant-numeric:tabular-nums;margin:0;font-size:3rem;font-weight:800;line-height:1.1}.new-best{border-radius:var(--radius-tile);background:color-mix(in oklch, var(--new-best-tint) var(--new-best-fill), transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--new-best-tint), white var(--face-rim-light)), inset 1.5px 1.5px 0 var(--face-catch), 2px 2px 0 color-mix(in oklch, var(--new-best-tint), black var(--wall-far-shade));color:var(--new-best-ink);letter-spacing:.04em;animation:settle var(--duration-settle) ease-out var(--duration-new-best-delay) backwards;margin:4px 0 2px;padding:4px 12px 5px;font-size:.875rem;font-weight:800;display:inline-block}.game-over-standing{max-width:17rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0 auto;font-size:.9375rem;line-height:1.4}.game-over-seed{color:var(--ink-soft);letter-spacing:.06em;margin:10px 0 0;font-size:.875rem}@property --backlight{syntax:"<color>";inherits:true;initial-value:#0000}@keyframes bloom{0%{opacity:0;transform:scale(.6)}}@keyframes settle{0%{transform:scale(1.1)}60%{transform:scale(.96)}to{transform:scale(1)}}@keyframes lift-off{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1.12)}}@property --clear-preview-mix{syntax:"<percentage>";inherits:true;initial-value:0%}@keyframes clear-preview-pulse{0%{--clear-preview-mix:var(--clear-preview-mix-from)}to{--clear-preview-mix:var(--clear-preview-mix-to)}}@keyframes streak-pulse{50%{transform:scale(1.35)}}@keyframes at-risk{to{opacity:.4}}@keyframes score-bump{35%{transform:scale(1.14)}}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}26%{transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%, calc(-50% - var(--pop-rise) * .6))}to{opacity:0;transform:translate(-50%, calc(-50% - var(--pop-rise)))}}@keyframes banner{0%{opacity:0;transform:scale(.4)rotate(-4deg)}12%{opacity:1;transform:scale(1.1)rotate(1deg)}22%{transform:scale(1)rotate(0)}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}@keyframes line-flash-row{0%{opacity:.95;transform:scaleX(.15)}40%{opacity:.85;transform:scaleX(1)}to{opacity:0;transform:scale(1.04,1.3)}}@keyframes line-flash-column{0%{opacity:.95;transform:scaleY(.15)}40%{opacity:.85;transform:scaleY(1)}to{opacity:0;transform:scale(1.3,1.04)}}@keyframes screen-shake{10%{translate:calc(var(--shake) * -1) calc(var(--shake) * .6);rotate:calc(var(--shake-tilt) * -1)}22%{translate:var(--shake) calc(var(--shake) * -.5);rotate:var(--shake-tilt)}34%{translate:calc(var(--shake) * -.8) calc(var(--shake) * -.3);rotate:calc(var(--shake-tilt) * -.7)}46%{translate:calc(var(--shake) * .6) calc(var(--shake) * .4);rotate:calc(var(--shake-tilt) * .5)}60%{translate:calc(var(--shake) * -.4) calc(var(--shake) * -.2);rotate:calc(var(--shake-tilt) * -.3)}76%{translate:calc(var(--shake) * .2) 0;rotate:0deg}}@keyframes deal-in{0%{opacity:0;transform:translateY(18px)scale(.6)}}@keyframes fade-out{70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.board-effects :is(.score-pop,.board-banner){animation-name:fade-out!important;animation-duration:var(--duration-pop)!important}}.home{gap:28px}.masthead{justify-items:center;gap:10px;margin-top:auto;display:grid}.logo{font-size:var(--logo-size);margin:0;font-weight:800;line-height:1}.logo:focus{outline:none}.logo-letters{grid-template-columns:repeat(var(--logo-columns), var(--logo-cell));row-gap:var(--logo-row-gap);justify-items:center;display:grid}.logo-and{color:color-mix(in oklch, var(--logo-accent), black var(--logo-accent-shade))}.tagline{color:var(--ink-soft);margin:0;font-size:.9375rem}.lightbox{width:min(100%, var(--board-max));padding:calc(var(--tray-padding) + 4px);border-radius:var(--radius-tray);background:radial-gradient(130% 100% at 50% 115%, var(--backlight-cool), transparent 72%), var(--tray-frost);box-shadow:inset 0 0 0 1px var(--tray-rim), inset 0 1.5px 0 var(--tray-rim-shine), 0 22px 40px -22px var(--tray-shadow);gap:16px;margin-bottom:auto;display:grid}.mode-slab{--tint:var(--tile-color);--depth:var(--slab-depth);--slab-ink:color-mix(in oklch, var(--tint), black var(--slab-ink-shade));--wall-near:color-mix(in oklch, var(--tint), black var(--wall-near-shade));--wall-far:color-mix(in oklch, var(--tint), black var(--wall-far-shade));width:calc(100% - var(--depth));margin:0 var(--depth) var(--depth) 0;border-radius:var(--slab-radius);background:radial-gradient(ellipse 30% 9% at 20% 12%, var(--tile-highlight), transparent), radial-gradient(farthest-corner at 40% 35%, color-mix(in oklch, var(--tint) var(--slab-fill), transparent) 30%, color-mix(in oklch, var(--tint) var(--slab-edge-fill), transparent));box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--tint), white var(--face-rim-light)), inset 2px 2px 0 var(--face-catch), calc(var(--depth) * .25) calc(var(--depth) * .25) 0 var(--wall-near), calc(var(--depth) * .5) calc(var(--depth) * .5) 0 var(--wall-near), calc(var(--depth) * .75) calc(var(--depth) * .75) 0 var(--wall-far), var(--depth) var(--depth) 0 var(--wall-far), calc(var(--depth) * .5) calc(var(--depth) + var(--tile-cast-drop)) var(--tile-cast-blur) var(--tile-cast-spread) color-mix(in oklch, var(--tint) var(--tile-cast), transparent), 0 0 var(--slab-glow) color-mix(in oklch, var(--tint) var(--slab-glow-strength), transparent);color:var(--ink);transition:translate var(--duration-press) ease-out, --depth var(--duration-press) ease-out;grid-template-columns:1fr auto;grid-template-areas:"title stat""detail stat""actions actions";align-items:start;column-gap:12px;padding:16px 18px;display:grid;position:relative}.mode-slab:has(.slab-play:active){--depth:calc(var(--slab-depth) * .3);translate:calc(var(--slab-depth) * .7) calc(var(--slab-depth) * .7)}.mode-slab:has(.slab-play:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.slab-title{color:var(--slab-ink);grid-area:title;margin:0;font-size:1.5rem;font-weight:800;line-height:1.15}.slab-detail{color:var(--ink-soft);grid-area:detail;margin:2px 0 0;font-size:.9375rem}.slab-stat{grid-area:stat;justify-items:end;margin:0;display:grid}.slab-stat-label{color:var(--ink-soft);font-size:.875rem}.slab-stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.15}.slab-stat-value.is-words{padding-top:4px;font-size:.9375rem;font-weight:700}.slab-actions{grid-area:actions;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.slab-play{min-height:var(--target-min);background:var(--slab-ink);color:var(--room);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:999px;align-items:center;padding:0 20px;font-size:.9375rem;font-weight:800;display:inline-flex}.slab-play:before{content:"";border-radius:inherit;position:absolute;inset:0}.slab-play:focus-visible{outline:none}.slab-secondary{min-height:var(--target-min);color:var(--slab-ink);box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--slab-ink) 45%, transparent);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.9375rem;font-weight:700;position:relative}@media (hover:hover){.slab-secondary:hover{background:color-mix(in oklch, var(--slab-ink) 10%, transparent)}}.home-footer{width:min(100%, var(--board-max));gap:8px;display:grid}.home-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-link{justify-content:center;align-items:center;gap:8px;display:inline-flex}.update-notice{justify-content:space-between;align-items:center;gap:12px;padding-left:4px;display:flex}.update-notice:empty{display:none}.update-notice-text{color:var(--ink-soft);margin:0;font-size:.9375rem}.update-notice-action{width:auto;color:var(--ink);padding:0 14px}@property --depth{syntax:"<length>";inherits:true;initial-value:0}.settings-section{width:min(100%, var(--measure));border-top:1px solid var(--etch);margin-top:18px;padding-top:20px}.settings>.section-note,.settings-help{width:min(100%, var(--measure))}.settings>.section-note{margin-top:4px}.settings-help{margin-top:12px}.setting{border:0;min-width:0;margin:0 0 22px;padding:0}.setting-label{margin-bottom:8px;padding:0;font-weight:700}.choices{grid-template-columns:repeat(var(--choice-columns,var(--choice-count)), minmax(0, 1fr));border-radius:calc(var(--radius-control) + 2px);background:var(--shelf-frost);box-shadow:inset 0 0 0 1px var(--etch);gap:8px;padding:6px 9px 9px 6px;display:grid}.setting[data-setting=color-theme] .choices{--choice-columns:var(--theme-choice-columns)}.choice{display:grid;position:relative}.choice-input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-face{min-height:var(--target-min);color:var(--ink-soft);text-align:center;box-shadow:inset 0 0 0 1px var(--etch), inset 0 1px 2px var(--etch);transition:translate var(--duration-press) ease-out;border-radius:10px;align-content:center;place-items:center;gap:6px;padding:6px 8px;font-size:.9375rem;font-weight:700;line-height:1.15;display:grid}.choice-input:checked+.choice-face{--wall:color-mix(in oklch, var(--choice-tint), black var(--wall-far-shade));background:radial-gradient(ellipse 30% 12% at 26% 18%, var(--tile-highlight), transparent), radial-gradient(farthest-corner at 40% 35%, color-mix(in oklch, var(--choice-tint) var(--slab-fill), transparent) 30%, color-mix(in oklch, var(--choice-tint) var(--slab-edge-fill), transparent));box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--choice-tint), white var(--face-rim-light)), inset 1.5px 1.5px 0 var(--face-catch), 1px 1px 0 var(--wall), 2px 2px 0 var(--wall), 3px 3px 0 var(--wall), 0 0 var(--slab-glow) color-mix(in oklch, var(--choice-tint) var(--slab-glow-strength), transparent);color:color-mix(in oklch, var(--choice-tint), black var(--slab-ink-shade))}.choice-input:focus-visible+.choice-face{outline:3px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.choice-input:not(:checked):hover+.choice-face{background:color-mix(in oklch, var(--ink) 5%, transparent)}}.setting-hint{color:var(--ink-soft);margin:8px 2px 0;font-size:.875rem;line-height:1.4}.theme-preview{background:var(--room);box-shadow:inset 0 0 0 1px var(--tray-rim);border-radius:10px;gap:5px;padding:6px 9px 9px 6px;display:flex}.theme-preview .piece-tile{--piece-depth:3px;--piece-radius:5px;width:var(--theme-preview-tile);height:var(--theme-preview-tile)}.switch-row{min-height:var(--target-min);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.switch-row .setting-label{margin:0}.switch-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-input:disabled{cursor:default}.switch-track{width:var(--switch-width);height:var(--switch-height);border-radius:calc(var(--radius-control) - 2px);background:var(--shelf-frost);box-shadow:inset 0 0 0 1px var(--etch), inset 0 2px 4px var(--etch);flex:none;position:relative}.switch-knob{--knob-size:calc(var(--switch-height) - 2 * var(--switch-knob-inset));top:var(--switch-knob-inset);left:var(--switch-knob-inset);width:var(--knob-size);height:var(--knob-size);background:var(--tray-frost);box-shadow:inset 0 0 0 1.5px var(--tray-rim), inset 1.5px 1.5px 0 var(--tray-rim-shine), 1px 1px 0 var(--tray-rim), 2px 2px 0 var(--tray-rim);transition:translate var(--duration-select) ease-out;border-radius:7px;position:absolute}.switch-input:checked+.switch-track .switch-knob{--wall:color-mix(in oklch, var(--choice-tint), black var(--wall-far-shade));translate:calc(var(--switch-width) - var(--knob-size) - 2 * var(--switch-knob-inset) - 2px) 0;background:radial-gradient(ellipse 34% 14% at 30% 22%, var(--tile-highlight), transparent), color-mix(in oklch, var(--choice-tint) var(--slab-edge-fill), transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--choice-tint), white var(--face-rim-light)), 1px 1px 0 var(--wall), 2px 2px 0 var(--wall)}.switch-input:checked:disabled+.switch-track{opacity:.6}.switch-input:focus-visible+.switch-track{outline:3px solid var(--focus-ring);outline-offset:2px}.swatches{grid-template-columns:repeat(var(--swatch-count), minmax(0, var(--swatch-max)));justify-content:space-between;gap:var(--swatch-gap);margin-top:12px;display:grid}.swatches .piece-tile{--piece-depth:3px;--piece-radius:7px;aspect-ratio:1}.help-section{width:min(100%, var(--measure));border-top:1px solid var(--etch);margin-top:18px;padding-top:20px;font-size:.9375rem;line-height:1.5}.help-section p{margin:0 0 10px}.help-points{margin:0;padding-left:1.1em}.help-points li+li{margin-top:6px}.help-terms{margin:0 0 10px}.help-terms dt{margin-top:10px;font-weight:800}.help-terms dt:first-child{margin-top:0}.help-terms dd{color:var(--ink-soft);margin:2px 0 0}.odds-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.odds-table th,.odds-table td{border-bottom:1px solid var(--etch);text-align:left;padding:8px 4px;font-weight:500}.odds-table thead th{color:var(--ink-soft);font-size:.875rem;font-weight:700}.odds-table td,.odds-table thead th:not(:first-child){text-align:right}.odds-table tbody th{align-items:center;gap:10px;display:flex}.odds-example{--piece-cell:var(--odds-cell);--piece-gap:1px;--piece-depth:1px;--piece-radius:2px;width:calc(var(--odds-cell) * 5 + 4px);height:calc(var(--odds-cell) * 3 + 2px);flex:none;place-items:center;display:grid}
