:root{--paper:#f3f5f9;--cell:#fff;--ink:#0f1a33;--line:#cfd6e4;--focus:#2b5bb0;--ok:#127347;--bad:#b3352d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b1120;--cell:#131b2e;--ink:#e8edf7;--line:#2c3a57;--focus:#7aa2f7;--ok:#52c98d;--bad:#f2877f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0b1120;--cell:#131b2e;--ink:#e8edf7;--line:#2c3a57;--focus:#7aa2f7;--ok:#52c98d;--bad:#f2877f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.gate{place-items:center;min-height:100%;padding:16px;display:grid}.cells{align-items:center;gap:clamp(6px,2vw,10px);margin:0;display:flex;position:relative}.gap{width:clamp(4px,2vw,14px)}.cell{border:1.5px solid var(--line);background:var(--cell);width:clamp(40px,12vw,56px);height:clamp(52px,15vw,68px);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--focus);border-radius:12px;outline:none;padding:0;font:600 clamp(24px,7vw,32px)/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;transition:border-color .15s,box-shadow .15s,transform .15s}.cell:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.cell.is-filled{border-color:color-mix(in srgb, var(--focus) 55%, var(--line))}.cells.is-busy .cell{animation:.9s ease-in-out infinite pulse}.cells.is-busy .cell:nth-of-type(2){animation-delay:80ms}.cells.is-busy .cell:nth-of-type(3){animation-delay:.16s}.cells.is-busy .cell:nth-of-type(4){animation-delay:.24s}.cells.is-busy .cell:nth-of-type(5){animation-delay:.32s}.cells.is-busy .cell:nth-of-type(6){animation-delay:.4s}.cells.is-ok .cell{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 24%, transparent);transform:scale(1.04)}.cells.is-wrong{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}.cells.is-wrong .cell{border-color:var(--bad)}.cells.is-locked .cell{opacity:.45}.wait{opacity:0;border-radius:3px;height:3px;transition:opacity .2s;position:absolute;bottom:-18px;left:0;right:0;overflow:hidden}.cells.is-locked .wait{opacity:1;background:color-mix(in srgb, var(--line) 60%, transparent)}.wait-bar{background:var(--bad);transform-origin:0;height:100%;display:block}@keyframes pulse{50%{border-color:var(--focus);transform:translateY(-2px)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.cells.is-busy .cell,.cells.is-wrong{animation:none}}