.px-stage.svelte-1ebgext{--px-chrome:24rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.px-stage.px-guided.svelte-1ebgext{--px-chrome:28rem}@media (width<=30rem){.px-stage.svelte-1ebgext{--px-chrome:28.5rem}.px-stage.px-guided.svelte-1ebgext{--px-chrome:32rem}}.px-board-col.svelte-1ebgext{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.px-board.svelte-1ebgext{width:min(100%, 30rem, max(12rem, calc(100dvh - var(--px-chrome))));position:relative}.px-ref-col.svelte-1ebgext{flex-direction:column;align-items:center;gap:.375rem;width:min(100%,7.5rem);display:flex}.px-ref.svelte-1ebgext{aspect-ratio:1;border:2px solid var(--learn-line);width:100%;display:grid}.px-ref-cell.svelte-1ebgext{aspect-ratio:1;border:.5px solid var(--learn-line);min-width:0;min-height:0}.px-side.svelte-1ebgext{flex-direction:column;gap:.5rem;width:min(100%,30rem);display:flex}.px-tray.svelte-1ebgext{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (orientation:landscape) and (height<=30rem){.px-stage.svelte-1ebgext{flex-direction:row;justify-content:center;align-items:flex-start;gap:1rem;--px-chrome:5.5rem!important}.px-board-col.svelte-1ebgext{flex-direction:row;align-items:flex-start;width:auto}.px-board.svelte-1ebgext{width:max(10rem, calc(100dvh - var(--px-chrome)))}.px-side.svelte-1ebgext{width:min(45%,22rem)}}.px-progress.svelte-1ebgext{flex-wrap:wrap;justify-content:center;gap:.25rem;width:100%;min-height:.625rem;display:flex}.px-dot.svelte-1ebgext{background:var(--learn-line);border-radius:9999px;width:.625rem;height:.625rem;transition:background-color .2s,transform .2s}.px-dot-on.svelte-1ebgext{background:var(--learn-accent-2);transform:scale(1.15)}.px-bar.svelte-1ebgext{background:var(--learn-line);border-radius:9999px;width:100%;height:.375rem;display:block;overflow:hidden}.px-bar-fill.svelte-1ebgext{background:var(--learn-accent-2);border-radius:9999px;height:100%;transition:width .25s;display:block}.pixel-grid.svelte-1ebgext{aspect-ratio:1;border:2px solid var(--learn-line);display:grid}.pixel-cell.svelte-1ebgext{aspect-ratio:1;cursor:pointer;border:.5px solid var(--learn-line);min-width:0;min-height:0;margin:0;padding:0;transition:background-color .12s}.pixel-cell.svelte-1ebgext:disabled{cursor:default}.pixel-cell.svelte-1ebgext:not(:disabled):hover{filter:brightness(1.1)}.pixel-cell.svelte-1ebgext:not(:disabled):active{filter:brightness(.9)}.px-locked.svelte-1ebgext{cursor:default;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5 9.5-10.5' stroke='%23000' stroke-opacity='.28' stroke-width='5'/%3E%3Cpath d='M5 12.5l4.5 4.5 9.5-10.5' stroke='%23fff' stroke-width='2.6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:46%}.px-pop.svelte-1ebgext{animation:.3s ease-out both svelte-1ebgext-px-pop}.px-wobble.svelte-1ebgext{animation:.42s both svelte-1ebgext-px-wobble}.px-flash.svelte-1ebgext{z-index:1;outline:3px solid var(--learn-ink);outline-offset:-3px;animation:.6s ease-in-out 3 svelte-1ebgext-px-flash;position:relative}.px-alive.svelte-1ebgext{border-color:#0000;animation:.7s ease-out both svelte-1ebgext-px-bounce}.px-alive.svelte-1ebgext .pixel-cell:where(.svelte-1ebgext){animation:svelte-1ebgext-px-wave .65s ease-in-out calc(var(--d) * 55ms) 2 both;background-image:none;border-color:#0000}.px-name.svelte-1ebgext{text-align:center;color:var(--learn-ink-soft);margin-top:.25rem;font-size:.875rem;font-weight:700}@keyframes svelte-1ebgext-px-pop{0%{transform:scale(.6)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes svelte-1ebgext-px-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)scale(.94)}50%{transform:rotate(6deg)scale(.94)}75%{transform:rotate(-3deg)}}@keyframes svelte-1ebgext-px-flash{0%,to{outline-color:var(--learn-ink);transform:scale(1)}50%{outline-color:var(--learn-warn);transform:scale(1.12)}}@keyframes svelte-1ebgext-px-wave{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-14%)scale(1.06)}}@keyframes svelte-1ebgext-px-bounce{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.palette-swatch.svelte-1ebgext{cursor:pointer;border:3px solid #0000;border-radius:9999px;flex-shrink:0;width:48px;height:48px;transition:border-color .15s,box-shadow .15s,transform .15s}.eraser-swatch.svelte-1ebgext{border-color:var(--learn-line)}.palette-swatch.px-selected.svelte-1ebgext{border-color:var(--learn-ink);box-shadow:0 0 0 2px var(--learn-ink);transform:scale(1.1)}.palette-swatch.svelte-1ebgext:disabled{cursor:default;opacity:.5}@media (prefers-reduced-motion:reduce){.pixel-cell.svelte-1ebgext,.palette-swatch.svelte-1ebgext,.px-dot.svelte-1ebgext,.px-bar-fill.svelte-1ebgext{transition:none}.px-pop.svelte-1ebgext,.px-wobble.svelte-1ebgext,.px-flash.svelte-1ebgext,.px-alive.svelte-1ebgext,.px-alive.svelte-1ebgext .pixel-cell:where(.svelte-1ebgext){animation:none}.palette-swatch.px-selected.svelte-1ebgext,.px-dot-on.svelte-1ebgext{transform:none}}:root[data-reduced-motion] .pixel-cell.svelte-1ebgext,:root[data-reduced-motion] .palette-swatch.svelte-1ebgext,:root[data-reduced-motion] .px-dot.svelte-1ebgext,:root[data-reduced-motion] .px-bar-fill.svelte-1ebgext{transition:none}:root[data-reduced-motion] .px-pop.svelte-1ebgext,:root[data-reduced-motion] .px-wobble.svelte-1ebgext,:root[data-reduced-motion] .px-flash.svelte-1ebgext,:root[data-reduced-motion] .px-alive.svelte-1ebgext,:root[data-reduced-motion] .px-alive.svelte-1ebgext .pixel-cell:where(.svelte-1ebgext){animation:none}:root[data-reduced-motion] .palette-swatch.px-selected.svelte-1ebgext,:root[data-reduced-motion] .px-dot-on.svelte-1ebgext{transform:none}