.oc-board.svelte-rpb74d{--oc-maxh: max(200px, min(400px, calc(100svh - 108px) ));--oc-neutral: color-mix(in srgb, var(--color-text-primary) 7%, var(--color-card));position:relative;aspect-ratio:var(--oc-b);width:min(100%,520px,calc(var(--oc-maxh) * var(--oc-b)));margin-inline:auto;overflow:hidden;background:var(--oc-neutral);--oc-ease: cubic-bezier(.25, 1, .5, 1);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.oc-board.is-live.svelte-rpb74d .oc-tile[data-mov="1"]:where(.svelte-rpb74d),.oc-board.is-live.svelte-rpb74d .oc-hole:where(.svelte-rpb74d){touch-action:none}.oc-board.is-live.svelte-rpb74d .oc-hole:where(.svelte-rpb74d){pointer-events:auto}@media(min-width:640px){.oc-board.svelte-rpb74d{--oc-maxh: max(200px, min(430px, calc(100svh - 108px) ))}}.oc-board.svelte-rpb74d:focus{outline:none}.oc-tiles.svelte-rpb74d{position:absolute;inset:0}.oc-tile.svelte-rpb74d,.oc-last.svelte-rpb74d,.oc-hole.svelte-rpb74d{position:absolute;left:0;top:0;width:25%;height:25%}.oc-tile.svelte-rpb74d{padding:0;margin:0;border:0;border-radius:0;cursor:default;background-color:var(--oc-neutral);background-image:var(--oc-img);background-repeat:no-repeat;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--oc-ease),translate .12s var(--oc-ease),box-shadow .3s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-background) 65%,transparent),inset 0 0 0 2px #0000001f}.oc-tile[data-mov="1"].svelte-rpb74d{cursor:pointer}.oc-tile.svelte-rpb74d:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px;z-index:3}.oc-tile.oc-drag.svelte-rpb74d{transition:none;z-index:2}.oc-tile.oc-no.svelte-rpb74d{animation:svelte-rpb74d-oc-no .26s ease-in-out}[data-motion=home].svelte-rpb74d .oc-tile:where(.svelte-rpb74d){transition:transform .42s cubic-bezier(.33,1,.68,1),box-shadow .3s ease}[data-motion=shuffle].svelte-rpb74d .oc-tile:where(.svelte-rpb74d){transition:transform .38s cubic-bezier(.33,1,.68,1),box-shadow .3s ease}@keyframes svelte-rpb74d-oc-no{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}.oc-hole.svelte-rpb74d{pointer-events:none;display:grid;place-items:center;border-radius:3px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-text-secondary) 45%,transparent);color:var(--color-text-secondary);transition:transform .12s var(--oc-ease)}.oc-hole.svelte-rpb74d .oc-hole-ico{width:22px;height:22px;opacity:.35}.oc-last.svelte-rpb74d{pointer-events:none;opacity:0;background-color:var(--oc-neutral);background-image:var(--oc-img);background-repeat:no-repeat;transition:opacity .32s ease-out var(--oc-last-delay, .2s)}.is-done.svelte-rpb74d .oc-last:where(.svelte-rpb74d){opacity:1}.is-done.svelte-rpb74d .oc-hole:where(.svelte-rpb74d){display:none}.is-done.svelte-rpb74d .oc-tile:where(.svelte-rpb74d){box-shadow:none;cursor:default}.oc-lid.svelte-rpb74d{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background-color:var(--oc-neutral);background-image:var(--oc-lid, var(--oc-img));background-size:var(--oc-lid-size);background-position:50% 50%;background-repeat:no-repeat;transition:opacity .12s ease-out}.oc-lid.is-open.svelte-rpb74d{opacity:1}.is-rm.svelte-rpb74d .oc-tile:where(.svelte-rpb74d),.is-rm.svelte-rpb74d .oc-hole:where(.svelte-rpb74d),.is-rm.svelte-rpb74d .oc-last:where(.svelte-rpb74d),.is-rm.svelte-rpb74d .oc-lid:where(.svelte-rpb74d){transition:none!important}.is-rm.svelte-rpb74d .oc-tile.oc-no:where(.svelte-rpb74d){animation:none;outline:3px solid var(--color-error);outline-offset:-3px;z-index:3}@media(prefers-reduced-motion:reduce){.oc-tile.svelte-rpb74d,.oc-hole.svelte-rpb74d,.oc-last.svelte-rpb74d,.oc-lid.svelte-rpb74d{transition:none!important}.oc-tile.oc-no.svelte-rpb74d{animation:none;outline:3px solid var(--color-error);outline-offset:-3px}}.oc-entry-lid.svelte-12b566f{--oc-maxh: 400px;position:relative;aspect-ratio:var(--oc-b);width:min(100%,520px,calc(var(--oc-maxh) * var(--oc-b)));margin-inline:auto;overflow:hidden;background:color-mix(in srgb,var(--color-text-primary) 7%,var(--color-card))}@media(min-width:640px){.oc-entry-lid.svelte-12b566f{--oc-maxh: 430px}}.oc-entry-tile.svelte-12b566f,.oc-entry-hole.svelte-12b566f{position:absolute;left:0;top:0;width:25%;height:25%}.oc-entry-tile.svelte-12b566f{background-color:color-mix(in srgb,var(--color-text-primary) 7%,var(--color-card));background-image:var(--oc-img);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-background) 65%,transparent),inset 0 0 0 2px #0000001f}.oc-entry-hole.svelte-12b566f{border-radius:3px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-text-secondary) 45%,transparent)}.oc-mini.svelte-12b566f{display:inline-grid;grid-template-columns:repeat(4,.4375rem);gap:1px}.oc-mini.svelte-12b566f i:where(.svelte-12b566f){display:block;width:.4375rem;height:.4375rem;border-radius:1px}.oc-mini.is-win.svelte-12b566f i:where(.svelte-12b566f){background:var(--color-tile-correct)}.oc-mini.is-warm.svelte-12b566f i:where(.svelte-12b566f){background:color-mix(in srgb,var(--color-streak) 70%,transparent)}.oc-mini.svelte-12b566f i:where(.svelte-12b566f):last-child{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-secondary) 45%,transparent)}.oc-stack.svelte-12b566f>*{box-shadow:0 0 0 2px var(--color-card);border-radius:9999px}.oc-stack.svelte-12b566f>*+*{margin-left:-7px}.oc-crowd>span.svelte-12b566f:first-child{width:4rem}.oc-lid-btn.svelte-9yef2y{background-color:color-mix(in srgb,var(--color-text-primary) 7%,var(--color-card));background-image:var(--oc-thumb);background-size:var(--oc-thumb-size);background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text-primary) 18%,transparent);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.oc-lid-btn.svelte-9yef2y:before{content:"";position:absolute;top:min(0px,calc(50% - 24px));bottom:min(0px,calc(50% - 24px));left:0;right:0}.oc-lid-btn[aria-pressed=true].svelte-9yef2y{box-shadow:0 0 0 2px var(--color-card),0 0 0 3.5px var(--color-primary)}.oc-lid-btn.svelte-9yef2y:disabled{opacity:.55}.oc-rank.svelte-bcjv0s{background:color-mix(in srgb,var(--color-text-secondary) 12%,transparent);color:var(--color-text-primary)}.oc-rank[data-medal=gold].svelte-bcjv0s{background:color-mix(in srgb,var(--color-medal-gold) 16%,transparent);color:var(--color-medal-gold-ink)}.oc-rank[data-medal=silver].svelte-bcjv0s{background:color-mix(in srgb,var(--color-medal-silver) 16%,transparent);color:var(--color-medal-silver-ink, var(--color-medal-silver))}.oc-rank[data-medal=bronze].svelte-bcjv0s{background:color-mix(in srgb,var(--color-medal-bronze) 16%,transparent);color:var(--color-medal-bronze-ink)}.oc-wd.svelte-bcjv0s i:where(.svelte-bcjv0s){display:block;width:.875rem;height:.875rem;border-radius:2px;background:color-mix(in srgb,var(--color-text-secondary) 20%,transparent)}.oc-wd.is-lit.svelte-bcjv0s i:where(.svelte-bcjv0s){background:color-mix(in srgb,var(--color-streak) 65%,transparent)}.oc-wd.is-today.svelte-bcjv0s{color:var(--color-streak-ink)}.oc-wd.is-today.svelte-bcjv0s i:where(.svelte-bcjv0s){background:var(--color-streak);box-shadow:0 0 0 2px var(--color-card),0 0 0 3.5px var(--color-streak)}.oc-wd.is-nopuzzle.svelte-bcjv0s i:where(.svelte-bcjv0s){background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-text-secondary) 40%,transparent);outline:1.5px dotted color-mix(in srgb,var(--color-text-secondary) 55%,transparent);outline-offset:-1.5px;box-shadow:none}.oc-rk.svelte-13a7n4n{color:var(--color-text-secondary)}[data-medal=gold].svelte-13a7n4n .oc-rk:where(.svelte-13a7n4n){color:var(--color-medal-gold-ink)}[data-medal=silver].svelte-13a7n4n .oc-rk:where(.svelte-13a7n4n){color:var(--color-medal-silver)}[data-medal=bronze].svelte-13a7n4n .oc-rk:where(.svelte-13a7n4n){color:var(--color-medal-bronze-ink)}.oc-day.is-shining.svelte-1xyau3j:after{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;pointer-events:none;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--color-medal-gold) 30%,transparent) 50%,transparent);animation:svelte-1xyau3j-oc-shine .9s ease-in-out both}@keyframes svelte-1xyau3j-oc-shine{0%{transform:translate(-110%)}to{transform:translate(220%)}}@media(prefers-reduced-motion:reduce){.oc-day.is-shining.svelte-1xyau3j:after{display:none}}