@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}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f2ea;--paper-raised:#fbf9f4;--paper-sunken:#ece7dc;--stage-top:#fbf8f1;--stage-bottom:#e9e3d5;--ink:#1b1a17;--ink-2:#4a463e;--ink-3:#68635a;--on-ink:#f6f2ea;--line:#dcd5c6;--line-strong:#847d6d;--focus:#1b1a17;--sticker-edge:#1b1a17;--floor-shadow:#1b1a1747}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141311;--paper-raised:#1c1b18;--paper-sunken:#0e0d0b;--stage-top:#2b2924;--stage-bottom:#171613;--ink:#f1ece0;--ink-2:#bcb5a5;--ink-3:#948d7e;--on-ink:#141311;--line:#2c2a25;--line-strong:#77715f;--focus:#f1ece0;--sticker-edge:#0b0a09;--floor-shadow:#0000008c}:root{--sticker-white:#f8fafc;--sticker-red:#dc2626;--sticker-green:#16a34a;--sticker-yellow:#facc15;--sticker-orange:#f97316;--sticker-blue:#2563eb;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:clamp(2rem, 1.35rem + 2.6vw, 3rem);--text-move:clamp(3.25rem, 2rem + 5vw, 5.5rem);--text-move-sm:1.125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--gutter:clamp(16px, 4vw, 32px);--page-max:1240px;--rail-w:clamp(340px, 34vw, 440px);--hit:44px;--radius-xs:3px;--radius-sm:5px;--radius-stage:20px;--radius-pill:999px;--dur-fast:.15s;--dur-base:.2s;--dur-slow:.25s;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-std:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-body);font-size:var(--text-base);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);text-align:left;text-wrap:balance;margin:0}h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600;line-height:1.15}h3{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600;line-height:1.3}p{text-wrap:pretty;max-width:62ch}code,kbd,samp{font-family:var(--font-mono)}a{color:var(--ink);text-underline-offset:.2em}main:focus,main[tabindex="-1"]:focus{outline:none}:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}:where(button,select){font:inherit;color:var(--ink)}:where(button){min-height:var(--hit);font-size:var(--text-base);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-std), border-color var(--dur-fast) var(--ease-std);background:0 0;padding:10px 16px;font-weight:500}:where(button:hover:not(:disabled)){background:var(--paper-sunken)}:where(.button--primary){background:var(--ink);border-color:var(--ink);color:var(--on-ink);font-weight:600}:where(.button--primary:hover:not(:disabled)){background:color-mix(in srgb, var(--ink) 88%, var(--paper))}:where(button:disabled){opacity:.4;cursor:not-allowed}:where(input:not([type]),input[type=text],input[type=number],input[type=search],select){min-height:var(--hit);font:inherit;font-size:var(--text-base);color:var(--ink);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 12px}:where(input[type=range]){accent-color:var(--ink)}input[type=checkbox]{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur-base) var(--ease-std), border-color var(--dur-base) var(--ease-std);background:0 0;flex:none;margin:0;position:relative}input[type=checkbox]:before{content:"";background:var(--ink-2);border-radius:var(--radius-pill);width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-std);position:absolute;top:3px;left:3px}input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}input[type=checkbox]:checked:before{background:var(--on-ink);transform:translate(16px)}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}summary{align-items:center;gap:var(--space-2);min-height:var(--hit);cursor:pointer;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";width:.5em;height:.5em;transition:transform var(--dur-fast) var(--ease-std);border-bottom:2px solid;border-right:2px solid;flex:none;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}.message{padding:var(--space-2) 0 var(--space-2) var(--space-3);color:var(--ink);border-left:3px solid var(--line-strong);margin:0}.message p{margin:0 0 4px}.message ul{margin:0;padding-left:1.25rem}.message--error{border-left-color:var(--sticker-red)}.message--warning{border-left-color:var(--sticker-orange)}.message--info{border-left-color:var(--sticker-blue)}kbd{color:var(--ink);background:var(--paper-sunken);border:1px solid var(--line-strong);border-radius:var(--radius-xs);padding:1px 6px;font-size:.9em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;color:var(--on-ink);background:var(--ink);border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){input:checked+span,input[type=checkbox]:checked,[aria-current=step],.stages__button--active,.movelist__move--current{outline-offset:-2px;outline:2px solid highlight}}.app{--edge:max(var(--gutter), calc((100% - var(--page-max)) / 2 + var(--gutter)));flex-direction:column;min-height:100dvh;display:flex}.app__header{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--edge);border-bottom:1px solid var(--line);display:flex}.app__header h1{letter-spacing:-.01em;flex:auto;font-size:1.25rem;font-weight:600;line-height:1.2}.logo-mark{flex:none;display:block}.theme-toggle{width:var(--hit);flex:none;place-items:center;padding:0;display:grid}.stepper{padding:var(--space-3) var(--edge);align-items:center;min-height:48px;margin:0;list-style:none;display:flex}.stepper__item{align-items:center;gap:var(--space-2);display:flex}.stepper__item+.stepper__item:before{content:"";width:24px;height:1px;margin-left:var(--space-2);background:var(--line-strong);flex:none}.stepper__tile{width:24px;height:24px;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);border-radius:4px;flex:none;place-items:center;font-weight:600;display:grid}.stepper__item--current .stepper__tile{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.stepper__item--done .stepper__tile{color:var(--ink);border-color:var(--ink)}.stepper__label{font-size:var(--text-sm);color:var(--ink);font-weight:500}.stepper__item--upcoming .stepper__label{color:var(--ink-2)}@media (max-width:29.99rem){.stepper__label--quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app__main{gap:var(--space-4);min-width:0;padding:var(--space-5) var(--edge) var(--space-7);flex-direction:column;flex:1 0 auto;display:flex}.app__footer{padding:var(--space-4) var(--edge) var(--space-5);border-top:1px solid var(--line)}.app__footer p{max-width:none;color:var(--ink-3);font-size:var(--text-sm);margin:0;line-height:1.5}.solving{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.solving__note{color:var(--ink-3);margin:0}.solving [role=status]{font-size:var(--text-md);margin:0}.loader{grid-template-columns:repeat(3,22px);gap:4px;display:grid}.loader span{border:1px solid var(--sticker-edge);width:22px;height:22px;animation:tile-in 1.2s var(--ease-std) infinite;border-radius:4px}@keyframes tile-in{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loader span{opacity:1;animation:none}}.editor .message,.scan .message{padding-left:40px;position:relative}.message__icon{position:absolute;top:11px;left:12px}.size-picker{border:0;margin:0;padding:0}.size-picker legend{margin-bottom:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);padding:0;font-weight:500}.size-picker__options{border:1px solid var(--line-strong);border-radius:var(--radius-sm);grid-template-columns:repeat(6,minmax(0,1fr));max-width:30rem;display:grid;overflow:hidden}.size-picker__option{display:block;position:relative}.size-picker__option+.size-picker__option{border-left:1px solid var(--line-strong)}.size-picker__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.size-picker__option span{min-height:var(--hit);font-family:var(--font-mono);background:var(--paper-raised);transition:background-color var(--dur-fast) var(--ease-std);place-items:center;font-weight:600;display:grid}.size-picker__option:hover input:not(:checked)+span{background:var(--paper-sunken)}.size-picker__option input:checked+span{background:var(--ink);color:var(--on-ink)}.size-picker__option input:focus-visible+span{outline:2px solid var(--focus);outline-offset:-4px}.size-picker__option input:checked:focus-visible+span{outline-color:var(--on-ink)}.flat-cube{width:100%;height:auto;display:block}.flat-cube__sticker{stroke:var(--sticker-edge);stroke-width:.6px}.flat-cube__ring{fill:none;pointer-events:none}.flat-cube__ring--base{stroke:var(--sticker-edge);stroke-width:1.8px}.flat-cube__ring--dash{stroke:var(--sticker-white);stroke-width:1px;stroke-dasharray:2 1.5}.flat-cube--editable g[role=button]{cursor:pointer}.flat-cube--editable g[role=button]:hover .flat-cube__sticker{stroke:var(--focus);stroke-width:1.2px}.flat-cube--editable g[role=button]:focus-visible{outline:none}.flat-cube--editable g[role=button]:focus-visible .flat-cube__sticker{stroke:var(--focus);stroke-width:1.8px}.palette{border:0;margin:0;padding:0}.palette legend{margin-bottom:var(--space-2);padding:0;font-weight:600}.palette__options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.palette__option{min-height:var(--hit);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px;display:flex;position:relative}.palette__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.palette__option:has(input:checked){border:2px solid var(--ink);padding:5px;font-weight:600}.palette__option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.palette__swatch{border:1px solid var(--sticker-edge);border-radius:var(--radius-xs);flex:none;width:24px;height:24px}.palette__name{overflow-wrap:anywhere;min-width:0}@media (max-width:23.99rem){.palette__swatch{width:20px;height:20px}}.editor{gap:var(--space-4);flex-direction:column;display:flex}.editor h2{margin:0}.editor__intro{max-width:46ch;color:var(--ink-2);margin:0}.editor__tagline{color:var(--ink);font-weight:500}.editor__hint{max-width:none;color:var(--ink-3);font-size:var(--text-sm);margin:0}.editor__stage{gap:var(--space-4);padding:var(--space-4);background:var(--paper-sunken);border-radius:var(--radius-stage);flex-direction:column;display:flex}.editor__scan,.editor__review,.editor__actions button{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.editor__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.editor__actions button{flex:140px}.editor__teach{gap:var(--space-1);flex-direction:column;display:flex}.editor__teach label{min-height:var(--hit);align-items:center;gap:10px;font-weight:600;display:flex}.editor__teach p{color:var(--ink-3);font-size:var(--text-sm);margin:0}.editor__solve{width:100%;min-height:52px;font-size:var(--text-md)}@media (min-width:64rem){.editor{column-gap:var(--space-7);grid-template-columns:minmax(0,7fr) minmax(320px,5fr);align-items:start;row-gap:0;display:grid}.editor>*{grid-column:2;margin-block-end:var(--space-4)}.editor>.editor__stage{top:var(--space-4);padding:var(--space-5);grid-area:1/1/span 20;margin-block-end:0;position:sticky}}.playground{gap:var(--space-3);flex-direction:column;display:flex}.playground h2{margin:0}.playground__label{color:var(--ink-2);font-size:var(--text-sm)}.playground__input{width:100%;font-family:var(--font-mono)}.playground__input[aria-invalid=true]{border:2px solid var(--sticker-red);padding:7px 11px}.playground__ok,.playground__error{min-height:1.5em;margin:0}.playground__ok{color:var(--ink-2)}.playground__error{padding-left:var(--space-3);color:var(--ink);border-left:3px solid var(--sticker-red)}.playground__views{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.playground .cube-view{aspect-ratio:auto;height:min(56vh,460px);max-height:none}.playground__views>.flat-cube{padding:var(--space-4);background:var(--paper-sunken);border-radius:var(--radius-stage);align-self:start}@media (min-width:64rem){.playground__views{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.playground__steps{gap:var(--space-1);color:var(--ink-2);flex-direction:column;margin:0;padding-left:1.5rem;display:flex}.playground__steps strong{color:var(--ink);font-family:var(--font-mono)}.primer p{margin:var(--space-3) 0}.primer__title{margin:var(--space-3) 0 var(--space-1);color:var(--ink);font-size:var(--text-base)}.primer__examples{margin:var(--space-2) 0;gap:var(--space-2);flex-direction:column;padding-left:1.25rem;display:flex}.primer code{color:var(--ink);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-xs);padding:1px 6px;font-size:.95em;font-weight:700}.scan{gap:var(--space-4);flex-direction:column;display:flex}.scan h2{margin:0}.scan__step{font-size:var(--text-md);margin:0}.scan__layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.scan__viewport{gap:var(--space-3);flex-direction:column;width:min(100%,70vh);margin-inline:auto;display:flex}.scan__guide{gap:var(--space-3);flex-direction:column;display:flex}.scan__instruction,.scan__tip{margin:0}.scan__instruction{font-size:var(--text-md)}.scan__tip{color:var(--ink-3)}.scan__capture{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:inline-flex}@media (min-width:64rem){.scan__layout{align-items:start;gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr))}.scan__viewport{margin-inline:0}}.scan__net{width:min(100%,260px);font-family:var(--font-body)}.scan__net-face{fill:var(--paper-sunken);stroke:var(--line-strong);stroke-width:.4px}.scan__net-active{fill:var(--ink)}.scan__net-label{fill:var(--ink);pointer-events:none}.scan__net-active+.scan__net-label{fill:var(--on-ink);font-weight:700}.scan__camera{aspect-ratio:1;border-radius:var(--radius-stage);background:#000;width:100%;position:relative;overflow:hidden}.scan__video{object-fit:cover;width:100%;height:100%}.scan__grid{pointer-events:none;background:linear-gradient(#fff,#fff) 0 0/26px 3px no-repeat,linear-gradient(#fff,#fff) 0 0/3px 26px no-repeat,linear-gradient(#fff,#fff) 100% 0/26px 3px no-repeat,linear-gradient(#fff,#fff) 100% 0/3px 26px no-repeat,linear-gradient(#fff,#fff) 0 100%/26px 3px no-repeat,linear-gradient(#fff,#fff) 0 100%/3px 26px no-repeat,linear-gradient(#fff,#fff) 100% 100%/26px 3px no-repeat,linear-gradient(#fff,#fff) 100% 100%/3px 26px no-repeat;display:grid;position:absolute;inset:14%;box-shadow:0 0 0 100vmax #14131173}.scan__grid span{border:1px solid #ffffff8c}.scan__face-chip,.scan__up-chip{color:#fff;font-size:var(--text-sm);border-radius:var(--radius-xs);background:#141311b8;margin:0;padding:4px 10px;font-weight:500;position:absolute;top:12px}.scan__face-chip{left:12px}.scan__up-chip{right:12px}.scan__starting{text-align:center;color:#fff;margin:0 auto;position:absolute;inset:auto 0 12px}.scan__thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.scan__thumb{width:100%;min-height:var(--hit);align-items:center;gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;padding:6px 2px;display:flex}.scan__thumb[aria-current=step]{border:2px solid var(--ink);padding:5px 1px}.scan__thumb img,.scan__thumb-empty{aspect-ratio:1;border-radius:var(--radius-xs);object-fit:cover;width:100%;max-width:48px}.scan__thumb-empty{background:var(--paper-sunken);border:1px dashed var(--line-strong);color:var(--ink-3);place-items:center;display:grid}.scan__swatches{aspect-ratio:1;background:var(--sticker-edge);border:1px solid var(--sticker-edge);border-radius:var(--radius-xs);gap:1px;width:100%;max-width:36px;display:grid;overflow:hidden}.scan__swatches span{display:block}.scan__captured{min-height:1.55em;color:var(--ink-2);margin:0}.scan__working{color:var(--ink-2);margin:0}.scan__actions{gap:var(--space-2);display:flex}.solution{gap:var(--space-5);flex-direction:column;min-width:0;padding-bottom:9rem;display:flex}.solution__head{gap:var(--space-3);flex-direction:column;display:flex}.solution h2{font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:650;line-height:1.05}.solution h2:focus{outline:none}.solution__deck{display:contents}.solution__rail{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}@media (min-width:64rem){.solution{grid-template-columns:minmax(0, 1fr) var(--rail-w);column-gap:var(--space-7);row-gap:var(--space-5);grid-template-areas:"head head""deck rail";align-items:start;padding-bottom:0;display:grid}.solution__head{align-items:center;column-gap:var(--space-5);grid-area:head;grid-template-columns:minmax(0,1fr) auto;display:grid}.solution__head h2{margin-bottom:var(--space-1);grid-column:1/-1}.solution__deck{top:var(--space-4);grid-area:deck;display:block;position:sticky}.solution__rail{grid-area:rail}}.solution__stats{gap:var(--space-2) 0;flex-wrap:wrap;margin:0;display:flex}.solution__stats>div{padding:0 var(--space-4);border-left:1px solid var(--line-strong)}.solution__stats>div:first-child{border-left:0;padding-left:0}.solution__stats dd{color:var(--ink);font-size:var(--text-md);margin:0;font-weight:500}@media (max-width:39.99rem){.solution__stats>div{padding:0 var(--space-3)}.solution__stats dd{font-size:var(--text-base)}}.solution__stat-moves{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.solution__actions{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.solution__actions button{align-items:center;gap:var(--space-2);display:inline-flex}.cube-view{aspect-ratio:1;background:radial-gradient(ellipse 70% 60% at 50% 38%, var(--stage-top), var(--stage-bottom));border:1px solid var(--line);border-radius:var(--radius-stage);width:100%;max-height:52svh;position:relative;overflow:hidden}.cube-view:before{content:"";z-index:0;background:radial-gradient(closest-side, var(--floor-shadow), transparent);filter:blur(6px);pointer-events:none;width:44%;height:7%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.cube-view twisty-player{z-index:1;width:100%;height:100%;position:relative}.solution__viewport{position:relative}.solution__drag{left:var(--space-4);bottom:var(--space-3);z-index:2;color:var(--ink-2);font-size:var(--text-sm);pointer-events:none;margin:0;position:absolute}@media (min-width:64rem){.solution__viewport .cube-view{aspect-ratio:auto;border-radius:var(--radius-stage) var(--radius-stage) 0 0;border-bottom:0;height:min(56vh,640px);max-height:none}}.solution__hold{color:var(--ink-3);font-size:var(--text-sm);margin:0}@media (min-width:64rem){.solution__hold{margin-top:var(--space-3)}}.playbar{z-index:5;align-items:center;gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--gutter) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"controls controls""track speed";display:grid;position:fixed;bottom:0;left:0;right:0}.playbar__controls{justify-content:center;align-items:center;gap:var(--space-1);grid-area:controls;display:flex}.playbar__track{grid-area:track;min-width:0;position:relative}.solution__speed{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);grid-area:speed;display:flex}@media (max-width:47.99rem){.solution__speed label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:48rem) and (max-width:63.99rem),(min-width:80rem){.playbar{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"controls track speed"}}@media (min-width:64rem){.playbar{padding:var(--space-3) var(--space-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:0 0 var(--radius-stage) var(--radius-stage);position:static}}.playbar__button{width:var(--hit);place-items:center;padding:0;display:grid}.playbar__button--main{width:56px;min-height:56px}.solution__progress{width:100%;height:var(--hit);cursor:pointer;touch-action:pan-y;appearance:none;background:0 0;margin:0;display:block}.solution__progress:disabled{opacity:.4;cursor:not-allowed}.solution__progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill,0%), var(--line-strong) var(--fill,0%));border-radius:2px;height:4px}.solution__progress::-webkit-slider-thumb{background:var(--ink);border:2px solid var(--paper);border-radius:var(--radius-xs);appearance:none;width:20px;height:20px;margin-top:-8px}.solution__progress::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.solution__progress::-moz-range-progress{background:var(--ink);border-radius:2px;height:4px}.solution__progress::-moz-range-thumb{box-sizing:border-box;background:var(--ink);border:2px solid var(--paper);border-radius:var(--radius-xs);width:20px;height:20px}.playbar__ticks{pointer-events:none;position:absolute;inset:0 10px}.playbar__tick{background:var(--ink-3);opacity:.7;width:2px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.readout{gap:var(--space-3);flex-direction:column;display:flex}.step{align-items:center;column-gap:var(--space-5);row-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.step p{margin:0}.step__count{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;grid-column:1/-1}.step__badge{min-width:1.5em;height:1.5em;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-move);font-variant-numeric:tabular-nums;background:var(--paper-sunken);border:2px solid var(--line-strong);border-radius:var(--radius-sm);grid-column:1;place-items:center;padding-inline:.2em;font-weight:700;line-height:1;display:grid}.step__badge--long{font-size:clamp(1.75rem,1rem + 3vw,2.75rem)}.step__hint,.step__done{font-size:var(--text-md);grid-column:2;line-height:1.4}.step__done,.step__hint:first-child{grid-column:1/-1}.step__next{align-items:center;gap:var(--space-2);min-height:36px;color:var(--ink-2);font-size:var(--text-sm);margin:0;display:flex}.movechip,.movelist__notation{min-width:36px;height:36px;color:var(--ink);font-family:var(--font-mono);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-xs);flex:none;place-items:center;padding-inline:6px;font-weight:700;display:inline-grid}.movechip{font-size:var(--text-md);opacity:.6}.solution__stage{color:var(--ink-2);font-size:var(--text-sm);margin:0;font-weight:500}.learn__toggle{gap:var(--space-1);flex-direction:column;display:flex}.learn__toggle label{align-items:center;gap:var(--space-3);min-height:var(--hit);font-weight:600;display:flex}.learn__toggle p{color:var(--ink-3);font-size:var(--text-sm);margin:0}.learn__what{color:var(--ink);font-weight:600}.learn__replay{margin-top:var(--space-1)}.learn__alg{padding:var(--space-2) var(--space-3);background:var(--paper-sunken);border-left:3px solid var(--ink)}.learn__alg p{margin:var(--space-1) 0 0}.learn__alg-name{color:var(--ink);font-weight:700}.learn__algs{margin:var(--space-1) 0 0;padding-left:1.25rem}.stages h3,.solution__moves h3{margin:0 0 var(--space-2);font-size:var(--text-md);letter-spacing:0}.stages__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.stages__list>li{border-bottom:1px solid var(--line)}.stages__button{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:0;border-left:3px solid #0000;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stages__button--active{border-left-color:var(--ink);font-weight:600}.stages__range{color:var(--ink-3);font-size:var(--text-sm);font-weight:400}.movelist{overscroll-behavior:contain;background:var(--paper-sunken);overflow-y:auto}.movelist__list{margin:0;padding:0;list-style:none;position:relative}.movelist__row{border-bottom:1px solid var(--line);padding:0;position:absolute;left:0;right:0}.movelist__move{width:100%;height:100%;min-height:0;padding:0 var(--space-3);align-items:center;gap:var(--space-3);text-align:left;border:0;border-left:3px solid #0000;border-radius:0;display:flex}.movelist__number{min-width:3ch;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.movelist__notation{font-size:var(--text-move-sm)}.movelist__stage{color:var(--ink-3);font-size:var(--text-sm);margin-left:auto}.movelist__row--alg .movelist__move{border-left:6px solid var(--ink-2)}.movelist__alg{min-width:0;color:var(--ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:600;overflow:hidden}.movelist__alg+.movelist__stage{margin-left:var(--space-2)}.movelist__move--done .movelist__notation{opacity:.45}.movelist__row .movelist__move--current{background:var(--paper);border-left-color:var(--ink)}.solution__goto{color:var(--ink-2);flex-direction:column;gap:6px;display:flex}.solution__goto-row{gap:var(--space-2);display:flex}.solution__goto input{flex:auto;min-width:0}.solution__goto input[aria-invalid=true]{border:2px solid var(--sticker-red)}.solution__goto button{flex:none;min-width:72px}.solution__footer{gap:var(--space-2);flex-wrap:wrap;display:flex}.solution__footer button{flex:140px}.solution__legend{color:var(--ink-2);border-top:1px solid var(--line)}.solution__legend[open]{padding-bottom:var(--space-3)}.solution__legend summary{color:var(--ink);font-weight:600}.solution__legend table{border-collapse:collapse;margin:var(--space-2) 0}.solution__legend th,.solution__legend td{padding:var(--space-1) var(--space-3) var(--space-1) 0;text-align:left}.solution__shortcuts{margin:var(--space-2) 0 0;flex-direction:column;gap:6px;padding-left:1.25rem;display:flex}.legend__swatch{vertical-align:-2px;border:1px solid var(--sticker-edge);border-radius:var(--radius-xs);width:14px;height:14px;margin-right:6px;display:inline-block}.site-nav{gap:var(--space-1);padding:0 max(0px, calc(var(--edge) - var(--space-3)));border-bottom:1px solid var(--line);overscroll-behavior-x:contain;scrollbar-width:thin;display:flex;overflow-x:auto}.site-nav__link{min-height:var(--hit);padding:0 var(--space-3);color:var(--ink-2);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-std);border-bottom:2px solid #0000;flex:none;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.site-nav__link:hover{color:var(--ink);background:var(--paper-sunken)}.site-nav__link[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.site-nav__link:focus-visible{outline-offset:-4px}@media (forced-colors:active){.site-nav__link[aria-current=page]{outline-offset:-2px;outline:2px solid highlight}}.route-info{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--line);flex-direction:column;display:flex}.route-info__lead,.route-info__more{color:var(--ink-2);margin:0}.route-info__steps{gap:var(--space-1);max-width:62ch;margin:0;padding-left:1.25rem;display:grid}.route-info__more{font-size:var(--text-sm)}.faq{max-width:46rem}.faq h2{margin-bottom:var(--space-3)}.faq__item{border-top:1px solid var(--line)}.faq__item:last-of-type{border-bottom:1px solid var(--line)}.faq__item summary{padding-block:var(--space-1);font-weight:600}.faq__item p{margin:0 0 var(--space-3);padding-left:calc(.5em + var(--space-2));color:var(--ink-2)}.static-page{gap:var(--space-4);max-width:var(--page-max);padding:var(--space-4) var(--gutter) var(--space-7);margin:0 auto;display:grid}.static-page>*{min-width:0}.static-page__brand{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:600}.static-page nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.static-page main{gap:var(--space-3);display:grid}.static-page h1{font-size:var(--text-xl);font-weight:600;line-height:1.15}.static-page details{border-top:1px solid var(--line)}.static-page details p{margin:0 0 var(--space-3);color:var(--ink-2)}.patterns{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.patterns h2{font-size:var(--text-xl);font-weight:650;line-height:1.1}.patterns__intro,.patterns__note{max-width:62ch;color:var(--ink-2);margin:0}.patterns__chooser{border:0;min-width:0;margin:0;padding:0}.patterns__chooser legend{margin-bottom:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);padding:0;font-weight:500}.patterns__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.patterns__option{display:block;position:relative}.patterns__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.patterns__option span{min-height:var(--hit);padding:0 var(--space-4);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-std);place-items:center;font-weight:600;display:grid}.patterns__option:hover input:not(:checked)+span{background:var(--paper-sunken)}.patterns__option input:checked+span{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.patterns__option input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.patterns__detail{gap:var(--space-5);min-width:0;display:grid}.patterns__text,.patterns__visual{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.patterns__text>*,.patterns__visual>*{margin-block:0}.patterns__text h3{font-size:var(--text-lg);font-weight:650}.patterns__text p{max-width:62ch}.patterns__aka,.patterns__count,.patterns__source{color:var(--ink-3);font-size:var(--text-sm)}.patterns__label{color:var(--ink-2);font-size:var(--text-sm);font-weight:500}.patterns__moves{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-md);overflow-wrap:anywhere;background:var(--paper-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);line-height:1.6}.patterns__actions{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.patterns__actions button{align-items:center;gap:var(--space-2);display:inline-flex}.patterns__flat{gap:var(--space-2);flex-direction:column;max-width:26rem;display:flex}.patterns__flat .flat-cube{max-width:100%}@media (min-width:64rem){.patterns__detail{column-gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.alg-player{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.alg-player .cube-view{max-height:46svh}.alg-player .playbar{padding:var(--space-3) var(--space-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);position:static}.alg-player__count{color:var(--ink-2);font-size:var(--text-sm);margin:0}.cfop{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.cfop h2{font-size:var(--text-xl);font-weight:650;line-height:1.1}.cfop__intro{gap:var(--space-2);flex-direction:column;max-width:62ch;display:flex}.cfop__intro>*{margin-block:0}.cfop__intro h3{font-size:var(--text-md);font-weight:650}.cfop__intro p{color:var(--ink-2)}.cfop__stages{gap:var(--space-1);margin:0;padding-left:1.25rem;display:grid}.cfop__tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.cfop__tab{background:var(--paper-raised);min-width:5rem;font-weight:600}.cfop__tab[aria-selected=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.cfop__tab[aria-selected=true]:hover:not(:disabled){background:var(--ink)}.cfop__panel{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.cfop__panel>*{margin-block:0}.cfop__purpose,.cfop__count{color:var(--ink-2);font-size:var(--text-sm)}.cfop__toolbar{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.cfop__field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cfop__field--search{flex:14rem}.cfop__field label{color:var(--ink-2);font-size:var(--text-sm);font-weight:500}.cfop__field input,.cfop__field select{width:100%;min-width:0}.cfop__field select{max-width:100%}.cfop__download{align-items:center;gap:var(--space-2);min-height:var(--hit);font-weight:600;display:inline-flex}.cfop__grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:40rem){.cfop__grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}}.cfop-card{gap:var(--space-2);min-width:0;padding-top:var(--space-3);border-top:1px solid var(--line-strong);flex-direction:column;display:flex}.cfop-card__picture{width:min(100%,8rem)}.case-diagram{width:100%;height:auto;display:block}.case-diagram__cell{fill:var(--paper-sunken);stroke:var(--line-strong);stroke-width:.4px}.case-diagram__cell--lit{stroke:var(--sticker-edge);stroke-width:.8px}.case-diagram__cell--white{fill:var(--sticker-white)}.case-diagram__cell--red{fill:var(--sticker-red)}.case-diagram__cell--green{fill:var(--sticker-green)}.case-diagram__cell--yellow{fill:var(--sticker-yellow)}.case-diagram__cell--orange{fill:var(--sticker-orange)}.case-diagram__cell--blue{fill:var(--sticker-blue)}.case-diagram__arrow line{stroke:var(--sticker-edge);stroke-width:1.3px;stroke-linecap:round}.case-diagram__arrow polygon{fill:var(--sticker-edge)}.cfop-card__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cfop-card__text>*{margin-block:0}.cfop-card__title{font-size:var(--text-md);font-weight:650;line-height:1.2}.cfop-card__name,.cfop-card__group{color:var(--ink-2);font-size:var(--text-sm);overflow-wrap:anywhere}.cfop-card__group{color:var(--ink-3)}.cfop-card__alg{font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.5}.cfop-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cfop-card__button{align-items:center;gap:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-sm);display:inline-flex}.cfop-card__button[aria-pressed=true]{background:var(--paper-sunken);border-color:var(--ink)}.cfop-card__alts summary{font-size:var(--text-sm);color:var(--ink-2)}.cfop-card__alts ul{gap:var(--space-1);padding:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;list-style:none;display:grid}.cfop-preview{gap:var(--space-3);padding:var(--space-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;min-width:0;display:flex}.cfop-preview>*{margin-block:0}.cfop-preview__head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cfop-preview__head h3{font-size:var(--text-md);font-weight:650}.cfop-preview__alg{padding:var(--space-3);font-family:var(--font-mono);overflow-wrap:anywhere;background:var(--paper-sunken);border:1px solid var(--line);border-radius:var(--radius-sm)}.detail{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.detail>*{margin-block:0}.detail h2{font-size:var(--text-xl);overflow-wrap:anywhere;font-weight:650;line-height:1.15}.detail h3{font-size:var(--text-md);font-weight:650}.detail__lead,.detail__meta{max-width:62ch;color:var(--ink-2)}.breadcrumb__list{align-items:center;gap:var(--space-1) var(--space-2);color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item+.breadcrumb__item:before{content:"/";margin-right:var(--space-2);color:var(--ink-3)}.breadcrumb__item a,.page-links a,.patterns__page-list a,.app__learn-list a{min-height:var(--hit);align-items:center;display:inline-flex}.breadcrumb__item[aria-current=page]{color:var(--ink);font-weight:600}.detail__case{gap:var(--space-5);min-width:0;display:grid}.detail__picture{width:min(100%,12rem)}.detail__alg,.detail__flat{align-items:flex-start;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.detail__alg>*,.detail__flat>*{margin-block:0}.detail__flat{max-width:26rem}.detail__moves{max-width:100%;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-md);overflow-wrap:anywhere;background:var(--paper-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);line-height:1.6}.detail__count,.detail__hint,.detail__source{color:var(--ink-3);font-size:var(--text-sm)}.detail__button,.detail__actions button{align-items:center;gap:var(--space-2);padding-inline:var(--space-3);display:inline-flex}.detail__actions{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.detail__player{min-width:0;max-width:40rem}.detail__alts ul{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;padding:0;list-style:none;display:grid}.detail--prose{max-width:62ch}.detail__section{gap:var(--space-2);flex-direction:column;display:flex}.detail__section>*{margin-block:0}.detail__steps{gap:var(--space-2);margin:0;padding-left:1.25rem;display:grid}.page-links{gap:var(--space-1);padding:var(--space-3) 0 0;border-top:1px solid var(--line);flex-direction:column;margin:0;list-style:none;display:flex}.page-links a,.cfop-card__link{overflow-wrap:anywhere}.cfop-card__link{color:inherit}.patterns__pages{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);flex-direction:column;display:flex}.patterns__pages>*{margin-block:0}.patterns__pages h3{font-size:var(--text-md);font-weight:650}.patterns__page-list,.app__learn-list{gap:0 var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app__learn{align-items:center;gap:0 var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.app__learn-title{margin:0;font-weight:600}@media (min-width:48rem){.detail__case{column-gap:var(--space-6);grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:start}}