@layer base{*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{font-family:var(--font-sans);tab-size:4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.5}body{font-family:var(--font-sans);overflow-x:hidden}body.dragging{touch-action:none;overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}strong{font-weight:bolder}ol,ul{list-style:none}svg{vertical-align:middle;display:block}button,input,select{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}button{appearance:button}::placeholder{opacity:1;color:color-mix(in oklab, currentcolor 50%, transparent)}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer defaults{:root{--font-sans:ui-rounded, "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-page:#faf6ee;--color-ink:#4a3f3a;--color-muted:#4a3f3ab3;--color-card:#ffffffd9;--color-edge:#d3c7be;--color-board:#fff9;--color-board-edge:#b3a396;--color-cell:#ede5dc;--color-score:#d97706;--color-best:#e11d48;--color-overlay:#f5efe6e6;--color-modal:#fff;--color-modal-edge:#d3c7be;--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-red-500:oklch(63.7% .237 25.331);--color-sky-500:oklch(68.5% .169 237.323);--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease:cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#2a2422;--color-ink:#fde0d3;--color-muted:#fed7aacc;--color-card:#4a3f3a66;--color-edge:#5d4f49;--color-board:#1c1816cc;--color-board-edge:#382b26;--color-cell:#2a2422;--color-score:#fcd34d;--color-best:#fda4af;--color-overlay:#1c1816d9;--color-modal:#2a2422;--color-modal-edge:#4a3f3a}}.blk{--blk-rim:inset 0 0 0 1px #0000001a;--blk-inner:0 0 #0000;--blk-aura:0 0 #0000;background:var(--blk);box-shadow:var(--blk-rim), var(--blk-inner), var(--blk-aura)}.blk-chip{--blk-aura:0 0 6px color-mix(in srgb, var(--blk) 53%, transparent)}.blk-ghost{--blk-rim:inset 0 0 0 1px #fff3;--blk-aura:0 0 12px color-mix(in srgb, var(--blk) 60%, transparent)}.blk-std-place{animation:.25s ease-out cell-place}.blk-std-clear{animation:.45s ease-out forwards cell-clear}}@keyframes score-pop{0%{transform:scale(1)}50%{color:#fb923c;transform:scale(1.2)}to{transform:scale(1)}}@keyframes cell-clear{0%{opacity:1;filter:brightness(1.8);transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes cell-place{0%{transform:scale(.8)}to{transform:scale(1)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pill{border:1px solid var(--color-edge);background-color:var(--color-card);color:var(--color-muted);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-weight:700;text-decoration:none}.pill-action{transition:color .2s var(--ease), border-color .2s var(--ease);outline:none}@media (hover:hover){.pill-action:hover:not(:disabled){border-color:var(--color-orange-500);color:var(--color-orange-500)}}.pill-action:disabled{cursor:default;opacity:.4}.cta{background-image:linear-gradient(to right in oklab, var(--color-amber-400), var(--color-orange-500));color:#1c1816;cursor:pointer}.panel{border:2px solid var(--color-board-edge);background-color:var(--color-card);box-shadow:var(--shadow-lg);border-radius:2rem}.picker{position:relative}.picker select{border:1px solid var(--color-edge);background-color:var(--color-card);color:var(--color-muted);font-size:var(--picker-size,1rem);line-height:var(--picker-leading,1.5rem);appearance:none;cursor:pointer;field-sizing:content;transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:9999px;outline:none;padding:.5rem 2rem .5rem .875rem;font-weight:700}.picker svg{width:.75rem;height:.75rem;color:var(--color-muted);pointer-events:none;position:absolute;top:50%;right:.75rem;translate:0 -50%}@media (hover:hover){.picker:hover select{border-color:var(--color-orange-500);color:var(--color-orange-500)}.picker:hover svg{color:var(--color-orange-500)}}.picker:focus-within select{border-color:var(--color-orange-500);color:var(--color-orange-500)}.picker:focus-within svg{color:var(--color-orange-500)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.shell.svelte-1gl33k6{background-color:var(--color-page);min-height:100vh;color:var(--color-ink);transition:color .3s var(--ease), background-color .3s var(--ease);flex-direction:column;display:flex}nav.svelte-1gl33k6{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.language.svelte-1gl33k6{display:inline-block}.nav-link.svelte-1gl33k6,.play.svelte-1gl33k6{white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem .875rem;display:inline-flex}.play.svelte-1gl33k6{box-shadow:0 4px 6px -1px color-mix(in oklab, var(--color-orange-500) 20%, transparent), 0 2px 4px -2px color-mix(in oklab, var(--color-orange-500) 20%, transparent);transition:translate .2s var(--ease), scale .2s var(--ease);border-radius:9999px;font-weight:700}@media (hover:hover){.play.svelte-1gl33k6:hover{translate:0 -.125rem}}.play.svelte-1gl33k6:active{scale:.95}.alert.svelte-1gl33k6{text-align:center;width:100%;max-width:24rem;margin-inline:auto;padding:0 1rem .5rem}.alert.svelte-1gl33k6 p:where(.svelte-1gl33k6){color:var(--color-rose-600);font-weight:700}main.svelte-1gl33k6{flex:1}footer.svelte-1gl33k6{color:var(--color-muted);text-align:center;padding:2rem 0 1rem}footer.svelte-1gl33k6 a:where(.svelte-1gl33k6){text-decoration:underline}
