:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green-950:#050b08;--green-900:#0c140f;--green-850:#141d18;--green-800:#232f28;--green-700:#586f61;--green-400:#a5c8b0;--green-100:#e6f3e8;--signal-300:#8efba0;--signal-400:#5fe87c;--signal-600:#269143;--amber-400:#f7c56d;--color-bg:var(--green-950);--color-bg-surface:var(--green-900);--color-bg-raised:var(--green-850);--color-border:var(--green-800);--color-border-strong:var(--green-700);--color-text:var(--green-100);--color-text-secondary:var(--green-400);--color-accent:var(--signal-400);--color-accent-hover:var(--signal-300);--color-accent-dim:var(--signal-600);--color-on-accent:var(--green-950);--color-focus:var(--signal-400);--color-warning:var(--amber-400);--color-image-outline:#ffffff1a;--shadow-glow:0 0 24px #5fe87c38;--shadow-raised:0 1px 0 #ffffff0a inset, 0 8px 24px #00000059;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.1;--leading-body:1.55;--tracking-caps:.08em;--tracking-display:-.01em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--ease-out:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--content-max:68rem;--panel-max:22rem;--board-max:30rem;--control-height:2.75rem}@supports (color:lab(0% 0 0)){:root{--green-950:lab(2.55317% -1.72007 .681564);--green-900:lab(5.4118% -3.32341 1.31741);--green-850:lab(9.73532% -5.17829 2.0523);--green-800:lab(17.9093% -6.46813 2.56407);--green-700:lab(44.791% -11.1592 4.93035);--green-400:lab(77.4711% -15.5543 7.97507);--green-100:lab(94.4686% -5.9104 3.76436);--signal-300:lab(90.4191% -46.7863 33.3892);--signal-400:lab(82.6356% -55.8352 40.4581);--signal-600:lab(53.1209% -44.2255 32.3812);--amber-400:lab(82.7031% 11.199 50.3853);--color-image-outline:lab(100% 0 0/.1);--shadow-glow:0 0 24px lab(82.6356% -55.8352 40.4581/.22);--shadow-raised:0 1px 0 lab(100% 0 0/.04) inset, 0 8px 24px lab(0% 0 0/.35)}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:var(--color-bg)}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text);background:radial-gradient(60rem 30rem at 50% -10rem, #5fe87c12, transparent 70%), var(--color-bg);margin:0}@supports (color:lab(0% 0 0)){body{background:radial-gradient(60rem 30rem at 50% -10rem, lab(82.6356% -55.8352 40.4581/.07), transparent 70%), var(--color-bg)}}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:var(--leading-tight);text-wrap:balance}p{text-wrap:pretty}a{color:var(--color-accent);text-underline-position:from-font;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:from-font}button,input{font:inherit;color:inherit}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.page{max-width:var(--content-max);padding-block:var(--space-5) var(--space-7);padding-inline:max(var(--space-4), env(safe-area-inset-left)) max(var(--space-4), env(safe-area-inset-right));gap:var(--space-6);flex-direction:column;margin-inline:auto;display:flex}@media (min-width:46rem){.page{padding-block:var(--space-6) var(--space-7);padding-inline:max(var(--space-6), env(safe-area-inset-left)) max(var(--space-6), env(safe-area-inset-right))}}.site-header{gap:var(--space-3);display:grid}.brand{align-items:center;gap:var(--space-3);display:flex}.brand__signal{background:var(--color-accent);width:.625rem;height:.625rem;box-shadow:var(--shadow-glow);border-radius:50%;flex:none}.brand__title{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);font-weight:700}@media (min-width:46rem){.brand__title{font-size:var(--text-3xl)}}.lede{max-width:44rem;color:var(--color-text);font-size:var(--text-base)}@media (min-width:46rem){.lede{font-size:var(--text-lg)}}.waveform{width:100%;height:3rem;display:block;overflow:visible}.waveform__base{fill:none;stroke:var(--color-accent-dim);stroke-width:1.5px;vector-effect:non-scaling-stroke}.waveform__glow{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:80 320;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #5fe87c99);filter:drop-shadow(0 0 6px lab(82.6356% -55.8352 40.4581/.6))}@media (prefers-reduced-motion:no-preference){.waveform__glow{animation:14s linear infinite waveform-drift}}@keyframes waveform-drift{to{stroke-dashoffset:-400px}}.layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.layout--idle{justify-items:center}.layout--idle>.panel{width:100%;max-width:34rem}@media (min-width:46rem){.layout--active{grid-template-columns:minmax(0, 1fr) minmax(16rem, var(--panel-max))}}.panel{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);display:grid}.panel__title{font-size:var(--text-lg);font-weight:600}.panel__hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.field{gap:var(--space-2);display:grid}.field__label{font-weight:500}.field__input{min-height:var(--control-height);padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%}.field__input::placeholder{color:var(--color-text-secondary);opacity:.7}.field__input[aria-invalid=true]{border-color:var(--color-warning)}.field__error{gap:var(--space-2);color:var(--color-warning);font-size:var(--text-sm);align-items:flex-start;display:flex}.field__error svg{flex:none;width:1.125rem;height:1.125rem;margin-block-start:.1rem}.form-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.form-actions>.btn{flex:10rem}.segments{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.segments__legend{margin-block-end:var(--space-2);padding:0;font-weight:500}.segments__row{gap:var(--space-2);padding:var(--space-1);background:var(--color-bg);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.segment{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition-property:background-color,color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);gap:2px;display:grid;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment__name{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;display:flex}.segment__name svg{opacity:0;flex:none;width:1rem;height:1rem}.segment__meta{font-family:var(--font-mono);font-size:var(--text-xs)}.segment:has(input:checked){background:var(--color-bg-raised);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-accent-dim)}.segment:has(input:checked) .segment__name{color:var(--color-accent)}.segment:has(input:checked) .segment__name svg{opacity:1}.segment:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){.segment:hover{background:var(--color-bg-raised)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-raised);color:var(--color-text);font-weight:600;font-size:var(--text-base);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition-property:background-color,color,border-color,transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);line-height:1.2;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-glow);border-color:#0000}.btn--quiet{background:0 0}.btn:disabled{cursor:not-allowed;opacity:.55}@media (hover:hover){.btn:not(:disabled):hover{border-color:var(--color-accent-dim)}.btn--primary:not(:disabled):hover{background:var(--color-accent-hover);border-color:#0000}}@media (prefers-reduced-motion:no-preference){.btn:not(:disabled):active{transform:scale(.96)}}.btn svg{flex:none;width:1.125rem;height:1.125rem}.stage{gap:var(--space-5);justify-items:start;display:grid}.stage__heading{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.stage__title{font-size:var(--text-xl);font-weight:600}.stage__title--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stage__meta{color:var(--color-text-secondary);font-size:var(--text-sm)}.board-wrap{width:100%;max-width:var(--board-max);gap:var(--space-4);display:grid}.board{--n:3;aspect-ratio:1;background:var(--color-bg);border-radius:var(--radius-md);outline-offset:4px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;box-shadow:0 0 0 1px var(--color-image-outline);position:relative;overflow:hidden}.board--solved{box-shadow:0 0 0 2px var(--color-accent), var(--shadow-glow)}.tile{width:calc(100% / var(--n));height:calc(100% / var(--n));background-repeat:no-repeat;background-size:calc(var(--n) * 100%) calc(var(--n) * 100%);cursor:pointer;touch-action:none;transition-property:transform;transition-duration:0s;transition-timing-function:var(--ease-out);border:0;border-radius:0;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:inset 0 0 0 1px #00000059;box-shadow:inset 0 0 0 1px lab(0% 0 0/.35)}.tile:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:no-preference){.tile{transition-duration:var(--duration-fast)}}.board--solved .tile{box-shadow:none;cursor:default}.board__hint{background:var(--color-bg);pointer-events:none;opacity:0;transition-property:opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);display:grid;position:absolute;inset:0}.board__hint--visible{opacity:1}.board__hint img{width:100%;height:100%;display:block}.board__hint-label{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 1px var(--color-accent-dim);position:absolute;inset-block-end:var(--space-3);inset-inline-start:50%;transform:translate(-50%)}.board-help{color:var(--color-text-secondary);font-size:var(--text-sm)}.readouts{gap:var(--space-4) var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-md);flex-wrap:wrap;width:100%;display:flex}.readout{gap:2px;min-width:4.5rem;display:grid}.readout dt{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:var(--space-2);font-weight:500;display:flex}.readout dd{font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text);margin:0;font-weight:600}.readout--live dd{color:var(--color-accent)}.pulse{background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:var(--shadow-glow);border-radius:50%}@media (prefers-reduced-motion:no-preference){.pulse{animation:pulse 1.6s var(--ease-out) infinite}}@keyframes pulse{50%{opacity:.35}}.stage__actions{gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.notice{gap:var(--space-3);width:100%;max-width:var(--board-max);padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);display:grid}.notice__title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;display:flex}.notice__title svg{flex:none;width:1.25rem;height:1.25rem}.notice--warning .notice__title{color:var(--color-warning)}.notice__body{color:var(--color-text-secondary)}.notice__body strong{color:var(--color-text);font-weight:600}.notice__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.notice__art{border-radius:var(--radius-sm);width:8rem;height:8rem;box-shadow:0 0 0 1px var(--color-image-outline)}.loading-bar{background:var(--color-border);border-radius:2px;height:3px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--color-accent);border-radius:inherit;width:40%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.loading-bar:after{animation:loading-sweep 1.4s var(--ease-out) infinite}}@keyframes loading-sweep{0%{translate:-100%}to{translate:260%}}.result{gap:var(--space-5);width:100%;padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-accent-dim), var(--shadow-raised);display:grid}.result__title{font-size:var(--text-xl);color:var(--color-accent);font-weight:700}.result__name{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);font-weight:700}.result__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:34rem){.result__grid{grid-template-columns:auto minmax(0,1fr)}}.result__art{border-radius:var(--radius-sm);width:10rem;height:10rem;box-shadow:0 0 0 1px var(--color-image-outline)}.traits{gap:var(--space-2) var(--space-4);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.traits dt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-body)}.traits dd{overflow-wrap:anywhere;margin:0;font-weight:500}.result__card{gap:var(--space-3);display:grid}.result__card img{border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:0 0 0 1px var(--color-image-outline)}.result__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);max-width:44rem;display:grid}.site-footer code{font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}