@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/KanoodleSolver/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/KanoodleSolver/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/KanoodleSolver/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_a20abc{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_a20abc{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/KanoodleSolver/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/KanoodleSolver/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_2acbf1{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_2acbf1{--font-body:"DM Sans","DM Sans Fallback"}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/03b436aa846269de-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/0086f8992871c45b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/ab00a911ac2adf48-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/36008747766f78c6-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/6d38f9d4e0f4772b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/08aedeceaf1dcd57-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/KanoodleSolver/_next/static/media/5c0c2bcbaa4149ca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lora Fallback;src:local("Times New Roman");ascent-override:87.33%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:115.20%}.__className_4ea56f{font-family:Lora,Lora Fallback;font-style:normal}.__variable_4ea56f{--font-editorial:"Lora","Lora Fallback"}

/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-500:oklch(79.5% .184 86.047);--color-lime-500:oklch(76.8% .233 130.85);--color-green-800:oklch(44.8% .119 151.328);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded{border-radius:.25rem}.bg-blue-800{background-color:var(--color-blue-800)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-800{background-color:var(--color-green-800)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-red-500{background-color:var(--color-red-500)}.bg-yellow-500{background-color:var(--color-yellow-500)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--surface-canvas:#f3e8d2;--surface-canvas-deep:#e5d3b5;--surface-tray:#24231f;--surface-tray-raised:#34312b;--surface-tray-recess:#191815;--surface-tray-hover:#403b34;--surface-canvas-hover:#dac39f;--text-primary:#26231e;--text-secondary:#716659;--text-on-dark:#fff7e8;--text-on-dark-muted:#cbbda9;--accent-copper:#a7582f;--accent-copper-bright:#d18453;--status-success:#39705b;--status-error:#a43f35;--color-transparent:transparent;--color-white:white;--color-black:black;--sheen-panel:#ffffff0f;--sheen-recess:#ffffff14;--sheen-cell:#ffffff17;--sheen-control:#fff7e838;--sheen-board:#ffffff42;--sheen-enamel:#ffffff61;--sheen-quiet:#ffffff7a;--sheen-canvas:#ffffff80;--shadow-soft:#00000029;--shadow-enamel:#0000003d;--shadow-cell:#00000047;--shadow-fastener:#00000052;--shadow-well:#00000070;--shadow-copper:#6b2d133d;--shadow-bone:#5e3f1f2e;--shadow-brown-edge:#653d1f2e;--canvas-grain:#623e1f17;--shadow-status:#5e3f1f21;--border-status:#7e4c252e;--sheen-status:#ffffff8c;--piece-a:#e56524;--piece-b:#76508e;--piece-c:#71818a;--piece-d:#d77b2b;--piece-e:#315e9b;--piece-f:#8d8377;--piece-g:#3196a5;--piece-h:#d86461;--piece-i:#b5433a;--piece-j:#39745b;--piece-k:#b5aa32;--piece-l:#d9b77d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--shadow-tray:0 1.25rem 2.5rem #4e372033;--shadow-bench:0 1.5rem 3rem #3123163d,inset 0 2px #ffffff1f,inset 0 -5px #00000061;--shadow-recess:inset 0 .75rem 1.25rem #0000009e,inset 0 -1px #ffffff12;--shadow-control:0 .5rem 1rem #14100a47,inset 0 1px #fff7e81f;--motion-micro:.12s ease-out;--motion-standard:.22s ease-in-out}*{box-sizing:border-box}html{background:var(--surface-canvas);color:var(--text-primary);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,var(--sheen-enamel)0 1px,var(--color-transparent)2px),radial-gradient(circle at 78% 34%,var(--canvas-grain)0 1px,var(--color-transparent)1.5px),var(--surface-canvas);min-block-size:100dvh;font-family:var(--font-body),sans-serif;text-rendering:optimizeLegibility;background-size:3rem 3rem,4rem 4rem,auto;margin:0;font-size:1rem;line-height:1.55}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:var(--color-transparent)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px dashed var(--accent-copper);outline-offset:3px}::selection{background:var(--accent-copper);color:var(--text-on-dark)}::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}::-webkit-scrollbar-thumb{border:3px solid var(--surface-canvas);background:var(--accent-copper);border-radius:999px}.skip-link{inset:var(--space-3)auto auto var(--space-3);z-index:20;background:var(--surface-tray);color:var(--text-on-dark);padding:var(--space-3)var(--space-4);position:fixed;translate:0 -200%}.skip-link:focus{translate:0}.showcase-page,.workbench-page{min-block-size:100dvh;padding:clamp(1rem,3vw,3rem)}.workbench-page{gap:var(--space-8);max-inline-size:90rem;margin-inline:auto;display:grid}.workbench-header{justify-content:space-between;align-items:end;gap:var(--space-8);padding-block-start:var(--space-3);display:flex}.brand-lockup{max-inline-size:48rem}.brand-lockup p{font-size:1.125rem}.status-plaque{min-inline-size:25rem;padding:var(--space-3)var(--space-4);background:var(--surface-canvas);border-radius:.75rem;grid-template-columns:auto auto auto;align-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.status-plaque{background:color-mix(in srgb,var(--surface-canvas)72%,var(--color-white))}}.status-plaque{box-shadow:0 .5rem 1.5rem var(--shadow-status),inset 0 0 0 1px var(--border-status);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:650}.status-plaque__count{padding-inline-end:var(--space-4)}.status-plaque__local{align-items:center;gap:var(--space-2);border-inline-start:1px solid var(--accent-copper);padding-inline-start:var(--space-4);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.status-plaque__local{border-inline-start:1px solid color-mix(in srgb,var(--accent-copper)34%,var(--color-transparent))}}.status-plaque__local{color:var(--status-success)}.calibration-line{background:var(--accent-copper);block-size:1px;position:relative}@supports (color:color-mix(in lab,red,red)){.calibration-line{background:color-mix(in srgb,var(--accent-copper)42%,var(--color-transparent))}}.calibration-line span,.calibration-line:after,.calibration-line:before{content:"";inline-size:1px;block-size:var(--space-3);background:var(--accent-copper);position:absolute;inset-block-start:calc(var(--space-3)/-2)}.calibration-line:before{inset-inline-start:12%}.calibration-line span{inset-inline-start:50%}.calibration-line:after{inset-inline-end:12%}.status-strip{min-block-size:3.25rem;padding:var(--space-3)var(--space-5);background:var(--surface-canvas-deep);border-radius:.75rem;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.status-strip{background:color-mix(in srgb,var(--surface-canvas-deep)72%,var(--color-white))}}.status-strip{box-shadow:inset 0 1px var(--sheen-status)}.status-strip p{color:var(--text-secondary);margin:0;font-weight:550}.workbench-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:stretch;display:grid}.piece-inspector{min-inline-size:0;padding:var(--space-5);border:1px solid var(--accent-copper);border-radius:1rem;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.piece-inspector{border:1px solid color-mix(in srgb,var(--accent-copper)30%,var(--color-transparent))}}.piece-inspector{background:linear-gradient(145deg,var(--sheen-panel),var(--color-transparent)28%),linear-gradient(160deg,var(--surface-tray-raised),var(--surface-tray)48%,var(--surface-tray-recess));color:var(--text-on-dark);box-shadow:var(--shadow-bench)}.inspector-title-row{align-items:center;gap:var(--space-2);display:flex}.inspector-title-row h2{font-family:var(--font-display),sans-serif;letter-spacing:-.015em;margin:0;font-size:1.375rem}.inspector-content{text-align:center;align-content:center;place-items:center;min-block-size:11rem;display:grid}.inspector-content p{margin:var(--space-3)0 0;color:var(--text-on-dark-muted)}.inspector-piece{border:1px solid var(--accent-copper);border-radius:.75rem;place-items:center;min-block-size:8.5rem;min-inline-size:10rem;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.inspector-piece{border:1px solid color-mix(in srgb,var(--accent-copper)24%,var(--color-transparent))}}.inspector-piece{background:radial-gradient(circle at 50% 42%,var(--surface-tray-raised),var(--color-transparent)70%),var(--surface-tray-recess)}@supports (color:color-mix(in lab,red,red)){.inspector-piece{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--surface-tray-raised)78%,var(--color-transparent)),var(--color-transparent)70%),var(--surface-tray-recess)}}.inspector-piece{box-shadow:var(--shadow-recess),0 1px var(--sheen-recess)}.inspector-piece__letter{inset:var(--space-3)auto auto var(--space-3);color:var(--accent-copper-bright);font-family:var(--font-display),sans-serif;font-size:1.375rem;font-weight:700;position:absolute}.inspector-empty{max-inline-size:22ch}.inspector-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.inspector-actions .instrument-button:last-child{grid-column:1/-1}.action-console{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--accent-copper);border-radius:1rem;grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.action-console{border:1px solid color-mix(in srgb,var(--accent-copper)30%,var(--color-transparent))}}.action-console{background:linear-gradient(145deg,var(--sheen-panel),var(--color-transparent)28%),linear-gradient(160deg,var(--surface-tray-raised),var(--surface-tray)48%,var(--surface-tray-recess));color:var(--text-on-dark);box-shadow:var(--shadow-bench)}.action-console h2{font-family:var(--font-display),sans-serif;letter-spacing:-.015em;margin:0;font-size:1.375rem}.action-console p{margin:var(--space-1)0 var(--space-4);color:var(--text-on-dark-muted);font-size:.875rem}.action-console__tools,.challenge-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.action-console__tools{place-content:center end}.how-it-works{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8)clamp(1rem,3vw,3rem);display:flex}.how-it-works h2{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.05}.how-it-works p{max-inline-size:65ch;margin:var(--space-3)0 0;color:var(--text-secondary)}.how-it-works a{align-items:center;gap:var(--space-2);min-block-size:2.75rem;color:var(--text-primary);text-underline-offset:.25rem;white-space:nowrap;font-weight:650;display:inline-flex}.showcase-page{gap:var(--space-8);max-inline-size:90rem;margin-inline:auto;display:grid}.brand-lockup h1,.showcase-page>header h1{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:700;line-height:.96}.brand-lockup p,.section-heading p,.showcase-page>header p{margin:var(--space-2)0 0;color:var(--text-secondary);text-wrap:pretty}.primitive-row{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.instrument-button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-3)var(--space-4);cursor:pointer;transition:color var(--motion-micro),background-color var(--motion-micro),box-shadow var(--motion-micro);border:0;border-radius:.75rem;font-weight:650;display:inline-flex}.instrument-button--dark{background:var(--surface-tray-raised);color:var(--text-on-dark);box-shadow:var(--shadow-control)}.instrument-button--dark:hover{background:var(--surface-tray-hover)}.instrument-button--copper{background:var(--accent-copper);color:var(--text-on-dark);box-shadow:0 .5rem 1rem var(--shadow-copper),inset 0 1px var(--sheen-control)}.instrument-button--copper:hover{background:var(--accent-copper-bright);color:var(--text-primary)}.instrument-button--quiet{background:var(--surface-canvas-deep);color:var(--text-primary);box-shadow:inset 0 1px var(--sheen-quiet)}.instrument-button--quiet:hover{background:var(--surface-canvas-hover)}.instrument-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.instrument-button__icon{place-items:center;block-size:1.25rem;inline-size:1.25rem;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-block-end:var(--space-5);display:flex}.section-heading h2{font-family:var(--font-display),sans-serif;letter-spacing:-.015em;margin:0;font-size:1.375rem;font-weight:650;line-height:1.2}.measurement-label{color:var(--text-secondary);letter-spacing:.06em;white-space:nowrap;font-size:.75rem;font-weight:650}.piece-shape{place-content:center;gap:0;display:inline-grid}.piece-shape--small{--mini-cell:.9rem;min-block-size:3.25rem}.piece-shape--large{--mini-cell:1.55rem;min-block-size:6rem}.piece-shape__cell{inline-size:var(--mini-cell);block-size:var(--mini-cell);border:1px solid var(--piece-color);border-radius:.12rem}@supports (color:color-mix(in lab,red,red)){.piece-shape__cell{border:1px solid color-mix(in srgb,var(--piece-color)62%,var(--color-black))}}.piece-shape__cell{background:linear-gradient(145deg,var(--piece-color),var(--piece-color)46%,var(--piece-color))}@supports (color:color-mix(in lab,red,red)){.piece-shape__cell{background:linear-gradient(145deg,color-mix(in srgb,var(--piece-color)74%,var(--color-white)),var(--piece-color)46%,color-mix(in srgb,var(--piece-color)78%,var(--color-black)))}}.piece-shape__cell{box-shadow:inset 0 2px var(--sheen-enamel),inset 0 -3px var(--shadow-cell),0 2px 4px var(--shadow-enamel)}.piece-shape__cell--empty{visibility:hidden}.sound-toggle{border:0;border-inline-start:1px solid var(--accent-copper);min-block-size:2.75rem}@supports (color:color-mix(in lab,red,red)){.sound-toggle{border-inline-start:1px solid color-mix(in srgb,var(--accent-copper)34%,var(--color-transparent))}}.sound-toggle{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-transparent);color:var(--text-secondary);cursor:pointer;padding-inline-start:var(--space-4);font-size:.75rem;font-weight:650;display:inline-flex}.sound-toggle[aria-pressed=true]{color:var(--status-success)}[data-piece=A]{--piece-color:var(--piece-a)}[data-piece=B]{--piece-color:var(--piece-b)}[data-piece=C]{--piece-color:var(--piece-c)}[data-piece=D]{--piece-color:var(--piece-d)}[data-piece=E]{--piece-color:var(--piece-e)}[data-piece=F]{--piece-color:var(--piece-f)}[data-piece=G]{--piece-color:var(--piece-g)}[data-piece=H]{--piece-color:var(--piece-h)}[data-piece=I]{--piece-color:var(--piece-i)}[data-piece=J]{--piece-color:var(--piece-j)}[data-piece=K]{--piece-color:var(--piece-k)}[data-piece=L]{--piece-color:var(--piece-l)}.board-zone,.specimen-drawer{border-radius:1rem;padding:clamp(1rem,2.4vw,2rem)}.specimen-drawer{border:1px solid var(--accent-copper);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.specimen-drawer{border:1px solid color-mix(in srgb,var(--accent-copper)30%,var(--color-transparent))}}.specimen-drawer{background:linear-gradient(145deg,var(--sheen-panel),var(--color-transparent)28%),linear-gradient(160deg,var(--surface-tray-raised),var(--surface-tray)48%,var(--surface-tray-recess));color:var(--text-on-dark);box-shadow:var(--shadow-bench)}.specimen-drawer .measurement-label,.specimen-drawer .section-heading p{color:var(--text-on-dark-muted)}.piece-tray{gap:var(--space-3);grid-template-columns:repeat(6,minmax(6.25rem,1fr));display:grid}.piece-specimen{min-block-size:7.5rem;padding:var(--space-3);border:0;border:1px solid var(--accent-copper);border-radius:.75rem;grid-template-rows:auto 1fr auto;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.piece-specimen{border:1px solid color-mix(in srgb,var(--accent-copper)18%,var(--color-transparent))}}.piece-specimen{background:radial-gradient(circle at 50% 38%,var(--surface-tray-raised),var(--color-transparent)68%),var(--surface-tray-recess)}@supports (color:color-mix(in lab,red,red)){.piece-specimen{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--surface-tray-raised)72%,var(--color-transparent)),var(--color-transparent)68%),var(--surface-tray-recess)}}.piece-specimen{color:var(--text-on-dark);cursor:pointer;touch-action:none;box-shadow:var(--shadow-recess),0 1px var(--sheen-recess);transition:background-color var(--motion-micro),opacity var(--motion-micro),box-shadow var(--motion-micro)}.piece-specimen:hover{background:var(--surface-tray-raised)}.piece-specimen[data-selected]{box-shadow:inset 0 0 0 2px var(--accent-copper-bright),inset 0 .25rem .75rem var(--shadow-well)}.piece-specimen[data-placed]{cursor:not-allowed;opacity:.36}.piece-specimen__letter{font-family:var(--font-display),sans-serif;justify-self:start;font-weight:700}.piece-specimen__state{color:var(--text-on-dark-muted);letter-spacing:.04em;font-size:.75rem;font-weight:650}.board-zone{border:1px solid var(--accent-copper);min-inline-size:0;position:relative}@supports (color:color-mix(in lab,red,red)){.board-zone{border:1px solid color-mix(in srgb,var(--accent-copper)34%,var(--color-transparent))}}.board-zone{background:linear-gradient(145deg,var(--sheen-board),var(--color-transparent)30%),var(--surface-canvas-deep)}@supports (color:color-mix(in lab,red,red)){.board-zone{background:linear-gradient(145deg,var(--sheen-board),var(--color-transparent)30%),color-mix(in srgb,var(--surface-canvas-deep)84%,var(--accent-copper))}}.board-zone{box-shadow:0 1.5rem 3rem var(--shadow-bone),inset 0 2px var(--sheen-canvas),inset 0 -4px var(--shadow-brown-edge)}.action-console:after,.action-console:before,.board-zone:after,.board-zone:before,.piece-inspector:after,.piece-inspector:before,.specimen-drawer:after,.specimen-drawer:before{content:"";z-index:2;border:1px solid var(--accent-copper);block-size:.62rem;inline-size:.62rem;position:absolute;inset-block-start:.7rem}@supports (color:color-mix(in lab,red,red)){.action-console:after,.action-console:before,.board-zone:after,.board-zone:before,.piece-inspector:after,.piece-inspector:before,.specimen-drawer:after,.specimen-drawer:before{border:1px solid color-mix(in srgb,var(--accent-copper)62%,var(--color-black))}}.action-console:after,.action-console:before,.board-zone:after,.board-zone:before,.piece-inspector:after,.piece-inspector:before,.specimen-drawer:after,.specimen-drawer:before{background:radial-gradient(circle at 34% 30%,var(--accent-copper-bright),var(--accent-copper)46%,var(--accent-copper));border-radius:50%}@supports (color:color-mix(in lab,red,red)){.action-console:after,.action-console:before,.board-zone:after,.board-zone:before,.piece-inspector:after,.piece-inspector:before,.specimen-drawer:after,.specimen-drawer:before{background:radial-gradient(circle at 34% 30%,var(--accent-copper-bright),var(--accent-copper)46%,color-mix(in srgb,var(--accent-copper)62%,var(--color-black)))}}.action-console:after,.action-console:before,.board-zone:after,.board-zone:before,.piece-inspector:after,.piece-inspector:before,.specimen-drawer:after,.specimen-drawer:before{box-shadow:inset 0 1px var(--sheen-enamel),0 2px 4px var(--shadow-fastener);pointer-events:none}.action-console:before,.board-zone:before,.piece-inspector:before,.specimen-drawer:before{inset-inline-start:.7rem}.action-console:after,.board-zone:after,.piece-inspector:after,.specimen-drawer:after{inset-inline-end:.7rem}.board-scroll{max-inline-size:100%;padding-block-end:var(--space-2);overflow-x:auto}.board-shell{--cell-size:clamp(2.75rem,4.6vw,4rem);min-inline-size:calc(11*var(--cell-size) + 3.75rem);inline-size:max-content;padding:var(--space-5)var(--space-5)var(--space-5)2.75rem;border:1px solid var(--accent-copper);border-radius:1rem;position:relative}@supports (color:color-mix(in lab,red,red)){.board-shell{border:1px solid color-mix(in srgb,var(--accent-copper)42%,var(--color-transparent))}}.board-shell{background:linear-gradient(145deg,var(--sheen-recess),var(--color-transparent)25%),linear-gradient(160deg,var(--surface-tray-raised),var(--surface-tray)52%,var(--surface-tray-recess));box-shadow:var(--shadow-bench),inset 0 0 0 .3rem var(--shadow-soft)}.puzzle-board{grid-template-columns:repeat(11,var(--cell-size));grid-template-rows:repeat(5,var(--cell-size));padding:var(--space-2);background:var(--surface-tray-recess);border:1px solid var(--accent-copper);border-radius:.75rem;gap:3px;display:grid}@supports (color:color-mix(in lab,red,red)){.puzzle-board{border:1px solid color-mix(in srgb,var(--accent-copper)28%,var(--color-transparent))}}.puzzle-board{box-shadow:var(--shadow-recess),0 1px var(--sheen-recess)}.board-cell{border:1px solid var(--accent-copper)}@supports (color:color-mix(in lab,red,red)){.board-cell{border:1px solid color-mix(in srgb,var(--accent-copper)42%,var(--color-transparent))}}.board-cell{background:linear-gradient(145deg,var(--piece-color,var(--surface-tray-raised)),var(--piece-color,var(--surface-tray-raised))46%,var(--piece-color,var(--surface-tray-raised)));border-radius:.35rem;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.board-cell{background:linear-gradient(145deg,color-mix(in srgb,var(--piece-color,var(--surface-tray-raised))76%,var(--color-white)),var(--piece-color,var(--surface-tray-raised))46%,color-mix(in srgb,var(--piece-color,var(--surface-tray-raised))78%,var(--color-black)))}}.board-cell{color:var(--text-on-dark);font-family:var(--font-display),sans-serif;cursor:pointer;box-shadow:inset 0 2px var(--sheen-cell),inset 0 -3px var(--shadow-cell);transition:background-color var(--motion-micro),box-shadow var(--motion-micro),border-color var(--motion-micro);font-size:1rem;font-weight:750}.board-cell:not([data-piece]):hover,.board-cell[data-valid]{border-color:var(--status-success);box-shadow:inset 0 0 0 2px var(--status-success),inset 0 2px var(--sheen-cell)}@supports (color:color-mix(in lab,red,red)){.board-cell:not([data-piece]):hover,.board-cell[data-valid]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--status-success)66%,var(--color-transparent)),inset 0 2px var(--sheen-cell)}}.board-cell[data-piece]:hover{box-shadow:inset 0 0 0 2px var(--accent-copper-bright),inset 0 2px var(--sheen-control),inset 0 -3px var(--shadow-cell)}.board-cell[data-piece]{cursor:grab;touch-action:none}.board-cell[data-piece]:active{cursor:grabbing}.board-cell:disabled{cursor:wait}.board-ruler{color:var(--accent-copper-bright);font-variant-numeric:tabular-nums;font-size:.75rem;display:grid;position:absolute}.board-ruler--top{inset:0 var(--space-5)auto 2.75rem;grid-template-columns:repeat(11,var(--cell-size));text-align:center}.board-ruler--side{inset:var(--space-5)auto var(--space-5)var(--space-3);grid-template-rows:repeat(5,var(--cell-size));align-items:center}.status-strip[data-tone=error]{border:1px solid var(--status-error)}@supports (color:color-mix(in lab,red,red)){.status-strip[data-tone=error]{border:1px solid color-mix(in srgb,var(--status-error)42%,var(--color-transparent))}}.status-strip[data-tone=error]{background:var(--status-error)}@supports (color:color-mix(in lab,red,red)){.status-strip[data-tone=error]{background:color-mix(in srgb,var(--status-error)10%,var(--surface-canvas))}}.status-strip[data-tone=success]{border:1px solid var(--status-success)}@supports (color:color-mix(in lab,red,red)){.status-strip[data-tone=success]{border:1px solid color-mix(in srgb,var(--status-success)32%,var(--color-transparent))}}.status-strip[data-tone=success]{background:var(--status-success)}@supports (color:color-mix(in lab,red,red)){.status-strip[data-tone=success]{background:color-mix(in srgb,var(--status-success)8%,var(--surface-canvas))}}.board-cell[data-preview=valid]{border-color:var(--status-success);background:var(--status-success)}@supports (color:color-mix(in lab,red,red)){.board-cell[data-preview=valid]{background:color-mix(in srgb,var(--status-success)62%,var(--surface-tray-raised))}}.board-cell[data-preview=valid]{box-shadow:inset 0 0 0 2px var(--status-success),inset 0 2px var(--sheen-enamel)}@supports (color:color-mix(in lab,red,red)){.board-cell[data-preview=valid]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--status-success)72%,var(--color-transparent)),inset 0 2px var(--sheen-enamel)}}.board-cell[data-preview=invalid]{border-color:var(--status-error);background:var(--status-error)}@supports (color:color-mix(in lab,red,red)){.board-cell[data-preview=invalid]{background:color-mix(in srgb,var(--status-error)64%,var(--surface-tray-raised))}}.board-cell[data-preview=invalid]{box-shadow:inset 0 0 0 2px var(--status-error),inset 0 2px var(--sheen-enamel)}@supports (color:color-mix(in lab,red,red)){.board-cell[data-preview=invalid]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--status-error)74%,var(--color-transparent)),inset 0 2px var(--sheen-enamel)}}.board-cell[data-lifted]{opacity:.24;filter:saturate(.35)}.drag-preview{z-index:60;border:2px solid var(--accent-copper-bright);min-block-size:6rem;min-inline-size:6rem;padding:var(--space-3);background:var(--surface-tray-recess);border-radius:1rem;place-items:center;display:grid;position:fixed;translate:-50% -58%}@supports (color:color-mix(in lab,red,red)){.drag-preview{background:color-mix(in srgb,var(--surface-tray-recess)92%,var(--color-transparent))}}.drag-preview{box-shadow:0 1.25rem 2.5rem var(--shadow-well),inset 0 1px var(--sheen-enamel);pointer-events:none;will-change:transform,opacity,filter}.drag-preview[data-drop-state=valid]{border-color:var(--status-success)}.drag-preview[data-drop-state=invalid]{border-color:var(--status-error)}.drag-preview .piece-shape--large{--mini-cell:1.35rem}.drag-instructions{z-index:61;max-inline-size:calc(100vw - 2rem);inset:auto auto var(--space-5)50%;align-items:center;gap:var(--space-5);padding:var(--space-3)var(--space-4);border:1px solid var(--accent-copper);display:flex;position:fixed;translate:-50%}@supports (color:color-mix(in lab,red,red)){.drag-instructions{border:1px solid color-mix(in srgb,var(--accent-copper)42%,var(--color-transparent))}}.drag-instructions{background:var(--surface-tray);color:var(--text-on-dark);box-shadow:var(--shadow-bench);pointer-events:none;border-radius:.75rem;font-size:.8rem;font-weight:650}.drag-instructions kbd{border:1px solid var(--accent-copper);background:var(--surface-tray-raised);min-inline-size:1.45rem;color:var(--accent-copper-bright);font:inherit;border-radius:.3rem;place-items:center;margin-inline:.15rem;display:inline-grid}.solver-feedback{align-items:center;gap:var(--space-5);padding:var(--space-5);border:2px solid var(--status-error);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab,red,red)){.solver-feedback{border:2px solid color-mix(in srgb,var(--status-error)68%,var(--surface-tray))}}.solver-feedback{background:linear-gradient(145deg,var(--status-error),var(--color-transparent)42%),var(--status-error);border-radius:1rem}@supports (color:color-mix(in lab,red,red)){.solver-feedback{background:linear-gradient(145deg,color-mix(in srgb,var(--status-error)12%,var(--color-white)),var(--color-transparent)42%),color-mix(in srgb,var(--status-error)9%,var(--surface-canvas))}}.solver-feedback{box-shadow:0 1.25rem 2.5rem var(--status-error),inset 0 1px var(--sheen-canvas)}@supports (color:color-mix(in lab,red,red)){.solver-feedback{box-shadow:0 1.25rem 2.5rem color-mix(in srgb,var(--status-error)18%,var(--color-transparent)),inset 0 1px var(--sheen-canvas)}}.solver-feedback__icon{block-size:2.75rem;inline-size:2.75rem;color:var(--status-error)}.solver-feedback h2{margin:var(--space-1)0 0;font-family:var(--font-display),sans-serif;font-size:1.5rem;line-height:1.1}.solver-feedback p{margin:var(--space-2)0 0;color:var(--text-secondary)}.solver-feedback__actions{justify-content:end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:48rem){.solver-feedback{grid-template-columns:auto 1fr}.solver-feedback__actions{grid-column:1/-1;justify-content:stretch}.solver-feedback__actions .instrument-button{flex:9rem}.drag-instructions{justify-content:space-between;gap:var(--space-2);inline-size:calc(100vw - 1.5rem);font-size:.72rem}}@media (prefers-reduced-motion:reduce){.drag-preview{will-change:auto;translate:-50% -50%}}:root{--desk-shadow:0 12px 36px #4b3b231a,0 2px 5px #4b3b230a}.tabletop-shell{background:var(--desk-page);min-block-size:100dvh;color:var(--desk-ink);padding-block-end:16px}.tabletop-shell button,.tabletop-shell select{-webkit-tap-highlight-color:transparent}.tabletop-shell ::selection{background:var(--desk-moss);color:var(--desk-paper)}.tabletop-header{justify-content:space-between;align-items:center;max-width:1640px;height:88px;margin:auto;padding:0 48px;display:flex}.tabletop-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.tabletop-brand h1{font:650 25px/1 var(--font-display),sans-serif;letter-spacing:-.035em;margin:0}.tabletop-brand h1 span{color:var(--desk-muted);margin-left:6px;font-weight:450}.brand-beads{grid-template:repeat(2,9px)/repeat(2,9px);gap:2px;display:grid;transform:rotate(-12deg)}.brand-beads i{background:var(--desk-moss);border-radius:50%;box-shadow:inset 1px 2px 2px #ffffff4d}.brand-beads i:first-child{visibility:hidden}.header-tools{gap:20px}.desk-tool,.header-tools{align-items:center;display:flex}.desk-tool{min-height:44px;color:var(--desk-muted);cursor:pointer;background:0 0;border:0;gap:8px;font-size:13px}.desk-tool svg{width:18px;height:18px}.tabletop-header .sound-toggle{min-height:44px;color:var(--desk-muted);border:0;padding:0;font-size:13px}.tabletop-header .sound-toggle svg{width:18px;height:18px}.desk-skip{z-index:100;background:var(--desk-paper);color:var(--desk-ink);padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.desk-skip:focus{transform:none}.desk-help{background:var(--desk-paper);max-width:760px;box-shadow:var(--desk-shadow);border-radius:16px;margin:0 48px 24px;padding:24px}.desk-help h2{margin:0 0 12px;font-size:20px}.desk-help p{max-width:65ch;margin:8px 0;font-size:14px}.tabletop-stage{isolation:isolate;background:var(--desk-wood);height:clamp(620px,75vh,840px);position:relative;overflow:hidden}.tabletop-canvas{cursor:grab;touch-action:none;width:100%;height:100%}.tabletop-canvas:active{cursor:grabbing}.desk-intro{z-index:2;pointer-events:none;position:absolute;top:32px;left:48px}.desk-intro h2{font:450 clamp(32px,3.1vw,48px)/1.1 var(--font-editorial),serif;letter-spacing:-.035em;margin:0}.desk-intro h2 em{color:var(--desk-moss);font-weight:450}.desk-intro p{color:var(--desk-muted);margin:16px 0 0;font-size:13px}.desk-scene-tools{z-index:2;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:32px;right:48px}.challenge-picker{text-align:right;flex-direction:column;gap:6px;display:flex}.challenge-picker>span{color:var(--desk-muted);font-size:12px}.challenge-picker select{border:1px solid var(--desk-ink);min-height:44px;padding:0 28px 0 12px}@supports (color:color-mix(in lab,red,red)){.challenge-picker select{border:1px solid color-mix(in srgb,var(--desk-ink)22%,transparent)}}.challenge-picker select{background:var(--desk-paper);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.challenge-picker select{background:color-mix(in srgb,var(--desk-paper)50%,transparent)}}.challenge-picker select{color:var(--desk-ink);cursor:pointer;font-size:13px}.view-angle{min-height:44px;color:var(--desk-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.desk-count{color:var(--desk-ink);font-variant-numeric:tabular-nums;font-size:13px;position:absolute;bottom:24px;right:48px}.desk-count strong{margin-right:4px;font-size:22px;font-weight:500}.scene-loading{height:100%;color:var(--desk-muted);place-content:center;font-size:14px;display:grid}.desk-status{min-height:52px;color:var(--desk-muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:13px;display:flex}.status-seed{background:var(--desk-moss);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.desk-status[data-invalid]{color:var(--status-error)}.desk-status[data-invalid] .status-seed{background:var(--status-error)}.tabletop-controls{max-width:1250px;margin:0 auto;padding:0 32px}.tabletop-dock{background:var(--desk-paper);box-shadow:var(--desk-shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 24px}.hand-status,.tabletop-dock{align-items:center;display:flex}.hand-status{gap:12px;min-width:210px}.hand-status strong{font-size:14px;font-weight:600;display:block}.hand-status small{color:var(--desk-muted);margin-top:3px;font-size:12px;display:block}.hand-bead,.rail-bead{background:radial-gradient(circle at 30% 24%,var(--bead),var(--bead)55%,var(--bead));border-radius:50%}@supports (color:color-mix(in lab,red,red)){.hand-bead,.rail-bead{background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--bead)48%,white),var(--bead)55%,color-mix(in srgb,var(--bead)72%,black))}}.hand-bead,.rail-bead{box-shadow:inset -2px -3px 5px #0000001a,1px 3px 5px #372c1d26}.hand-bead{width:38px;height:38px;color:var(--desk-ink);flex-shrink:0;place-items:center;font-size:15px;font-weight:650;display:grid}.solve-controls,.turn-controls{align-items:center;gap:4px;display:flex}.turn-controls{border-inline-end:1px solid var(--desk-line);padding-inline-end:16px}.tabletop-shell .instrument-button{min-height:44px;box-shadow:none;color:var(--desk-ink);background:0 0;border-radius:10px;gap:8px;padding:10px 12px;font-size:13px}.tabletop-shell .instrument-button:hover:not(:disabled){background:var(--desk-page)}.tabletop-shell .instrument-button:disabled{opacity:.4}.tabletop-shell .instrument-button--copper{background:var(--desk-moss);color:var(--desk-paper);padding-inline:20px}.tabletop-shell .instrument-button--copper:hover:not(:disabled){background:var(--desk-ink)}.tabletop-under-dock{justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding-inline:16px;display:flex}.piece-rail{gap:2px;display:flex}.piece-rail button{cursor:pointer;width:44px;min-height:52px;color:var(--desk-muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px;font-size:10px;display:flex;position:relative}.piece-rail button[aria-pressed=true]{border-color:var(--desk-moss);background:var(--desk-paper);color:var(--desk-ink)}.rail-bead{width:16px;height:16px}.piece-rail button[data-placed] .rail-bead{opacity:.3}.rail-check{width:10px;height:10px;position:absolute;top:5px;right:4px}.keyboard-legend{color:var(--desk-muted);align-items:center;gap:8px;font-size:12px;display:flex}.tabletop-shell kbd{font:inherit;background:var(--desk-paper);border:solid var(--desk-line);border-width:1px 1px 2px;border-radius:4px;padding:1px 5px;font-size:11px}.hand-actions{gap:12px;display:flex}.hand-actions button{min-height:44px;cursor:pointer;background:0 0;border:0;gap:5px}.hand-actions button,.tabletop-footer{color:var(--desk-muted);align-items:center;font-size:12px;display:flex}.tabletop-footer{max-width:1640px;justify-content:space-between;gap:16px;margin:4px auto 0;padding:0 48px}.tabletop-footer p{margin:0}.tabletop-footer>div{align-items:center;gap:24px;display:flex}.tabletop-footer a,.tabletop-footer button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.tabletop-footer a:hover,.tabletop-footer button:hover{color:var(--desk-ink);text-underline-offset:4px;text-decoration:underline}.tabletop-shell .solver-feedback{background:var(--desk-paper);box-shadow:var(--desk-shadow);border:0;border-radius:18px;margin:0 0 24px}.tabletop-shell .solver-feedback .measurement-label{display:none}.tabletop-shell .solver-feedback h2{font-size:20px}.tabletop-shell .solver-feedback p{font-size:14px}.flat-board-section{max-width:840px;padding:170px 32px 48px}.flat-board-section>p{text-align:center;font-size:13px}.flat-board-scroll{background:var(--surface-tray);box-shadow:var(--desk-shadow);border-radius:24px;padding:8px;overflow-x:auto}.flat-board{grid-template-columns:repeat(11,1fr);gap:5px;min-width:590px;padding:16px}.flat-board button{aspect-ratio:1;border:1px solid var(--surface-tray-raised);background:var(--surface-tray-recess);min-width:44px;min-height:44px;color:var(--text-on-dark);cursor:pointer;border-radius:50%;font-size:12px;box-shadow:inset 0 3px 6px #0000004d}.flat-board button[data-piece]{background:radial-gradient(circle at 30% 25%,var(--bead),var(--bead)55%,var(--bead))}@supports (color:color-mix(in lab,red,red)){.flat-board button[data-piece]{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--bead)50%,white),var(--bead)55%,color-mix(in srgb,var(--bead)70%,black))}}.flat-board button[data-piece]{color:var(--desk-ink)}.tabletop-stage[data-view=flat]{height:auto;min-height:520px}@media (max-width:1100px){.tabletop-header{padding-inline:32px}.desk-intro{left:32px}.desk-scene-tools{right:32px}.tabletop-dock{justify-content:center}.hand-status{min-width:190px;margin-right:auto}.turn-controls{border:0;padding:0}.solve-controls{margin-left:auto}.tabletop-under-dock{flex-wrap:wrap;justify-content:center;gap:0;padding-block:16px}.keyboard-legend{margin:8px 0 0}}@media (max-width:600px){.tabletop-header{height:72px;padding-inline:20px}.tabletop-brand h1{font-size:20px}.tabletop-brand h1 span{letter-spacing:.02em;margin:4px 0 0;font-size:11px;display:block}.header-tools{gap:12px}.desk-tool{padding:4px}.help-button span,.tabletop-header .sound-toggle span{display:none}.tabletop-header .sound-toggle{min-width:44px}.tabletop-stage{background:var(--desk-lit);height:540px}.desk-intro{top:24px;left:20px}.desk-intro h2{font-size:32px}.desk-intro p{max-width:135px;margin-top:10px;font-size:11px}.desk-scene-tools{gap:4px;top:26px;right:16px}.challenge-picker select{max-width:158px;padding-left:8px;font-size:11px}.challenge-picker>span,.view-angle{font-size:11px}.tabletop-canvas{height:calc(100% - 155px);position:absolute;top:145px}.desk-count{bottom:16px;right:20px}.tabletop-controls{padding-inline:16px}.tabletop-dock{border-radius:16px;gap:12px;padding:16px}.hand-status{width:100%;min-width:0}.solve-controls,.turn-controls{justify-content:space-between;width:100%;margin:0}.tabletop-shell .instrument-button{padding:8px;font-size:12px}.tabletop-shell .instrument-button--copper{padding-inline:16px}.tabletop-under-dock{padding:16px 0}.piece-rail{grid-template-columns:repeat(6,1fr);gap:4px;width:100%;display:grid}.piece-rail button{flex-direction:row;gap:8px;width:100%;min-height:44px;font-size:11px}.keyboard-legend{margin-top:12px}.tabletop-footer{text-align:center;flex-direction:column;gap:0;padding-inline:20px;font-size:11px}.tabletop-footer>div{gap:18px}.tabletop-footer a,.tabletop-footer button{font-size:11px}.desk-help{margin:0 16px 16px;padding:20px}.flat-board-section{padding:170px 16px 48px}}@media (min-width:601px) and (max-width:1100px){.tabletop-stage{background:var(--desk-lit);height:clamp(520px,76vh,720px)}.tabletop-canvas{height:calc(100% - 145px);position:absolute;top:145px}}@media (max-width:374px){.header-tools{gap:4px}.desk-tool{white-space:nowrap}.tabletop-stage{height:600px}.desk-intro p{max-width:none}.desk-scene-tools{flex-direction:row;justify-content:space-between;align-items:flex-end;top:148px;left:20px;right:20px}.challenge-picker{text-align:left}.tabletop-canvas{height:calc(100% - 220px);top:220px}.flat-board-section{padding-top:250px}}@media (prefers-reduced-motion:reduce){.tabletop-shell *,.tabletop-shell :after,.tabletop-shell :before{scroll-behavior:auto}}@media (max-width:64rem){.action-console,.workbench-grid{grid-template-columns:1fr}.piece-inspector{gap:var(--space-4);grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.inspector-title-row{grid-column:1/-1}.inspector-content{min-block-size:8rem}.action-console__tools{justify-content:start}.piece-tray{grid-template-columns:repeat(4,minmax(6.25rem,1fr))}}@media (max-width:40rem){.how-it-works,.workbench-header{flex-direction:column;align-items:start}.status-plaque{inline-size:100%;min-inline-size:0}.workbench-page{gap:var(--space-5)}.piece-inspector{grid-template-columns:1fr}.inspector-title-row{grid-column:auto}.action-console__tools .instrument-button,.challenge-options .instrument-button{flex:9rem}.section-heading{align-items:start;gap:var(--space-2);flex-direction:column}.piece-tray{grid-template-columns:repeat(3,minmax(5.5rem,1fr))}.piece-specimen{min-block-size:6.75rem}.board-shell{--cell-size:2.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.scene-view-actions{align-items:center;gap:8px;display:flex}.room-settings{color:var(--desk-ink);position:relative}.room-settings summary{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:12px;list-style:none;display:flex}.room-settings summary::-webkit-details-marker{display:none}.room-settings summary svg{width:18px;height:18px}.room-settings summary:focus-visible{outline:2px solid var(--desk-moss);outline-offset:3px;border-radius:4px}.room-settings-panel{z-index:8;background:var(--desk-paper);width:240px;max-width:calc(100vw - 32px);color:var(--desk-ink);box-shadow:var(--desk-shadow);border-radius:12px;padding:20px;position:absolute;top:calc(100% + 8px);right:0}.room-time-label{text-align:left;flex-direction:column;gap:8px;font-size:13px;display:flex}.room-time-label select{border:1px solid var(--desk-line);background:var(--desk-paper);width:100%;min-height:44px;color:var(--desk-ink);border-radius:8px;padding:8px 12px}.room-activity-label{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:13px;display:flex}.room-activity-label input{width:18px;height:18px;accent-color:var(--desk-moss)}.room-settings-panel p{color:var(--desk-muted);text-align:left;margin:8px 0 0;font-size:12px;line-height:1.5}.tabletop-stage[data-view="3d"][data-time=night]{background:var(--room-night-background)}.tabletop-stage[data-view="3d"][data-time=night] .challenge-picker>span,.tabletop-stage[data-view="3d"][data-time=night] .desk-count,.tabletop-stage[data-view="3d"][data-time=night] .desk-intro h2,.tabletop-stage[data-view="3d"][data-time=night] .room-settings summary,.tabletop-stage[data-view="3d"][data-time=night] .view-angle{color:var(--room-night-text)}.tabletop-stage[data-view="3d"][data-time=night] .desk-intro h2 em{color:var(--room-night-accent)}.tabletop-stage[data-view="3d"][data-time=night] .desk-intro p{color:var(--room-night-muted)}.tabletop-stage[data-view="3d"][data-time=sunset]{background:var(--room-sunset-background)}@media (max-width:600px){.scene-view-actions{gap:4px}.room-settings summary{min-width:44px}.room-settings summary span{display:none}}.tabletop-stage[data-view=flat]{background:radial-gradient(circle at 50% 44%,var(--desk-paper),var(--color-transparent)58%),var(--desk-lit);min-height:680px}@supports (color:color-mix(in lab,red,red)){.tabletop-stage[data-view=flat]{background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--desk-paper)72%,var(--color-transparent)),var(--color-transparent)58%),var(--desk-lit)}}.flat-board-section{width:min(100%,860px);margin-inline:auto;padding:176px 28px 64px}.flat-board-heading{justify-content:space-between;align-items:end;gap:20px;margin-block-end:16px;display:flex}.flat-board-heading h3{font:500 20px/1.2 var(--font-display),sans-serif;letter-spacing:-.02em;margin:0}.flat-board-heading p{color:var(--desk-muted);margin:8px 0 0;font-size:13px}.flat-size-toggle{border:1px solid var(--desk-ink);flex:none;min-height:44px;padding:8px 12px}@supports (color:color-mix(in lab,red,red)){.flat-size-toggle{border:1px solid color-mix(in srgb,var(--desk-ink)18%,var(--color-transparent))}}.flat-size-toggle{background:var(--desk-paper);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.flat-size-toggle{background:color-mix(in srgb,var(--desk-paper)72%,var(--color-transparent))}}.flat-size-toggle{color:var(--desk-ink);cursor:pointer;font-size:12px}.flat-size-toggle:hover{background:var(--desk-paper)}.flat-board-scroll{--flat-cell:clamp(24px,calc((100vw - 88px)/11),44px);background:linear-gradient(145deg,var(--desk-lip),var(--desk-case)58%,var(--desk-case));border-radius:26px;padding:14px;overflow:visible}@supports (color:color-mix(in lab,red,red)){.flat-board-scroll{background:linear-gradient(145deg,var(--desk-lip),var(--desk-case)58%,color-mix(in srgb,var(--desk-case)70%,var(--color-black)))}}.flat-board-scroll{box-shadow:var(--desk-shadow-flat-tray)}.flat-board-scroll[data-precision]{--flat-cell:44px;overflow-x:auto}.flat-board{grid-template-columns:repeat(11,var(--flat-cell));background:var(--desk-socket);border-radius:18px;justify-content:center;gap:3px;width:max-content;min-width:100%;padding:12px;display:grid}@supports (color:color-mix(in lab,red,red)){.flat-board{background:color-mix(in srgb,var(--desk-socket)82%,var(--color-black))}}.flat-board{box-shadow:var(--desk-shadow-flat-inset)}.flat-board .flat-board-cell{z-index:0;width:var(--flat-cell);aspect-ratio:1;background:radial-gradient(circle at 45% 48%,var(--desk-socket),var(--desk-socket)70%);border:0;border-radius:50%;min-width:0;min-height:0;padding:0;position:relative}@supports (color:color-mix(in lab,red,red)){.flat-board .flat-board-cell{background:radial-gradient(circle at 45% 48%,color-mix(in srgb,var(--desk-socket)82%,var(--color-white)),color-mix(in srgb,var(--desk-socket)78%,var(--color-black))70%)}}.flat-board .flat-board-cell{color:var(--desk-ink);cursor:pointer;font:650 11px/1 var(--font-display),sans-serif;box-shadow:var(--desk-shadow-flat-socket);transition:filter .14s,box-shadow .14s,transform .14s}.flat-board-cell:hover{filter:brightness(1.16)}.flat-board-cell:active{transform:scale(.9)}.flat-board .flat-board-cell[data-piece]{background:radial-gradient(circle at 45% 48%,var(--desk-socket),var(--desk-socket)70%)}@supports (color:color-mix(in lab,red,red)){.flat-board .flat-board-cell[data-piece]{background:radial-gradient(circle at 45% 48%,color-mix(in srgb,var(--desk-socket)82%,var(--color-white)),color-mix(in srgb,var(--desk-socket)78%,var(--color-black))70%)}}.flat-board-cell[data-connect-down]:before,.flat-board-cell[data-connect-right]:after{content:"";z-index:-1;background:var(--bead);position:absolute}.flat-board-cell[data-connect-right]:after{inset:25% -5px 25% 50%}.flat-board-cell[data-connect-down]:before{inset:50% 25% -5px}.flat-board .flat-board-cell[data-preview]{background:var(--preview-color)}@supports (color:color-mix(in lab,red,red)){.flat-board .flat-board-cell[data-preview]{background:color-mix(in srgb,var(--preview-color)56%,var(--desk-socket))}}.flat-board .flat-board-cell[data-preview]{box-shadow:inset 0 0 0 3px var(--preview-color),0 0 0 2px var(--desk-socket)}@supports (color:color-mix(in lab,red,red)){.flat-board .flat-board-cell[data-preview]{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--preview-color)85%,var(--color-white)),0 0 0 2px var(--desk-socket)}}.flat-board .flat-board-cell[data-preview=valid]{--preview-color:var(--desk-valid)}.flat-board .flat-board-cell[data-preview=invalid]{--preview-color:var(--desk-invalid)}.flat-board-bead{background:radial-gradient(circle at 30% 24%,var(--bead),var(--bead)54%,var(--bead));border-radius:50%;place-items:center;width:100%;height:100%;display:grid}@supports (color:color-mix(in lab,red,red)){.flat-board-bead{background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--bead)45%,var(--color-white)),var(--bead)54%,color-mix(in srgb,var(--bead)72%,var(--color-black)))}}.flat-board-bead{box-shadow:var(--desk-shadow-flat-bead)}.flat-board-cell[data-preview] .flat-board-bead{opacity:.32}.flat-board-cell:focus-visible,.flat-palette-piece:focus-visible,.flat-size-toggle:focus-visible{outline:3px solid var(--desk-paper);outline-offset:3px;box-shadow:0 0 0 5px var(--desk-moss)}.flat-preview-status{min-height:20px;color:var(--desk-muted);text-align:center;margin:10px 0 12px;font-size:12px}.flat-preview-status[data-valid]{color:var(--desk-valid)}.flat-preview-status[data-invalid]{color:var(--desk-invalid)}.flat-transform-bar{background:var(--desk-paper);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-block-end:8px;padding:4px 4px 4px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.flat-transform-bar{background:color-mix(in srgb,var(--desk-paper)78%,var(--color-transparent))}}.flat-transform-bar p{color:var(--desk-muted);margin:0;font-size:12px}.flat-transform-actions{gap:4px;display:flex}.flat-transform-actions button{background:var(--color-transparent);width:44px;min-width:44px;min-height:44px;color:var(--desk-ink);cursor:pointer;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.flat-transform-actions button:hover:not(:disabled){background:var(--desk-page)}.flat-transform-actions button:active:not(:disabled){transform:scale(.94)}.flat-transform-actions button:disabled{cursor:default;opacity:.36}.flat-transform-actions svg{width:18px;height:18px}.flat-palette{grid-template-columns:repeat(6,minmax(82px,1fr));gap:8px;display:grid}.flat-palette-piece{border:1px solid var(--color-transparent);background:var(--desk-paper);border-radius:12px;grid-template-columns:1fr 20px;align-items:center;gap:8px;min-width:0;min-height:76px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab,red,red)){.flat-palette-piece{background:color-mix(in srgb,var(--desk-paper)78%,var(--color-transparent))}}.flat-palette-piece{color:var(--desk-ink);cursor:grab;box-shadow:var(--desk-shadow-flat-palette);transition:background .14s,border-color .14s,transform .14s}.flat-palette-piece:hover{background:var(--desk-paper);transform:translateY(-2px)}.flat-palette-piece:active{cursor:grabbing;transform:translateY(0)scale(.96)}.flat-palette-piece[aria-pressed=true]{border-color:var(--desk-moss);background:var(--desk-paper)}.flat-palette-piece[data-placed]:not([aria-pressed=true]){opacity:.58}.flat-palette-letter{font:650 13px/1 var(--font-display),sans-serif;color:var(--desk-muted)}.flat-piece-motion{--piece-cell:14px;width:calc(4*var(--piece-cell));height:calc(4*var(--piece-cell));transform-style:preserve-3d;place-items:center}.flat-piece,.flat-piece-motion{justify-self:center;display:grid}.flat-piece{width:calc(var(--piece-columns)*var(--piece-cell));height:calc(var(--piece-rows)*var(--piece-cell));grid-template-columns:repeat(var(--piece-columns),var(--piece-cell));grid-template-rows:repeat(var(--piece-rows),var(--piece-cell))}.flat-piece-bead{z-index:1;width:var(--piece-cell);height:var(--piece-cell);background:radial-gradient(circle at 30% 24%,var(--bead),var(--bead)54%,var(--bead));border-radius:50%;position:relative}@supports (color:color-mix(in lab,red,red)){.flat-piece-bead{background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--bead)45%,var(--color-white)),var(--bead)54%,color-mix(in srgb,var(--bead)72%,var(--color-black)))}}.flat-piece-bead{box-shadow:var(--desk-shadow-flat-miniature)}.flat-piece-bead[data-down]:before,.flat-piece-bead[data-right]:after{content:"";z-index:-1;background:var(--bead);position:absolute}.flat-piece-bead[data-right]:after{inset:25% -4px 25% 50%}.flat-piece-bead[data-down]:before{inset:50% 25% -4px}@media (max-width:600px){.tabletop-stage[data-view=flat]{min-height:800px}.flat-board-section{padding:148px 12px 60px}.flat-board-heading{align-items:start}.flat-board-heading h3{font-size:16px}.flat-board-heading p{max-width:26ch;font-size:11px}.flat-size-toggle{max-width:104px;padding-inline:8px}.flat-board-scroll{border-radius:20px;padding:4px}.flat-board{border-radius:14px;gap:1px;padding:4px}.flat-palette{grid-template-columns:repeat(3,1fr)}.flat-palette-piece{grid-template-columns:minmax(0,1fr) 16px;gap:4px;min-height:64px;padding:6px 8px}.flat-piece-motion{--piece-cell:11px}}@media (max-width:374px){.tabletop-stage[data-view=flat]{min-height:880px}.flat-board-section{padding-top:228px}}@media (prefers-reduced-motion:reduce){.flat-board-cell,.flat-palette-piece,.flat-size-toggle{transition:none}}.recovery-guide{background:var(--desk-paper);max-width:1186px;color:var(--desk-ink);box-shadow:var(--desk-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:12px auto;padding:20px 24px;display:flex}.recovery-copy h2{font:500 20px/1.3 var(--font-display),sans-serif;margin:0}.recovery-copy p{color:var(--desk-muted);margin:6px 0 12px;font-size:13px}.recovery-pieces{flex-wrap:wrap;gap:8px;display:flex}.recovery-pieces button{background:var(--desk-recovery);min-width:52px;min-height:44px;color:var(--desk-ink);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:650;display:flex}.recovery-pieces svg{width:16px;height:16px}.recovery-lift{min-height:44px;color:var(--desk-paper);background:var(--desk-moss);cursor:pointer;border:0;border-radius:10px;flex:none;padding:10px 16px;font-size:13px;font-weight:600}.recovery-lift:hover{filter:brightness(1.1)}.flat-board-cell[data-recovery] .flat-board-bead{outline:3px solid var(--desk-recovery);outline-offset:-2px}.flat-palette-piece[data-recovery],.piece-rail button[data-recovery]{outline:2px solid var(--desk-recovery);outline-offset:-2px}.tabletop-stage+.recovery-guide{margin-inline:32px}@media (min-width:1250px){.tabletop-stage+.recovery-guide{margin-inline:auto}}@media (max-width:600px){.recovery-guide{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.recovery-copy h2{font-size:18px}.tabletop-stage+.recovery-guide{margin-inline:16px}}.start-game-overlay{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.start-game-button{background:var(--desk-moss);min-width:160px;min-height:56px;color:var(--desk-paper);box-shadow:var(--desk-shadow);font:500 20px/1 var(--font-display),sans-serif;cursor:pointer;pointer-events:auto;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;display:flex}.start-game-button svg{width:24px;height:24px}.start-game-button:hover{background:var(--desk-ink)}.start-game-button:focus-visible{outline:3px solid var(--desk-paper);outline-offset:4px}.tabletop-stage:not([data-playing]) .tabletop-canvas{cursor:default}.solve-controls{flex-wrap:wrap}@media (max-width:1100px){.start-game-overlay{top:145px}}@media (max-width:600px){.solve-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}}@media (max-width:374px){.start-game-overlay{top:220px}.tabletop-stage:not([data-playing]) .desk-scene-tools{justify-content:flex-end}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}