:root{--ink:#000;--paper:#fff;--body:#66666f;--hairline:#e4e4e9;--surface-sunk:#f3f3f6;--line:#86868f;--night:#101426;--night-hairline:#232840;--night-line:#676c88;--body-on-dark:#9ea3bd;--spark:#f7931a;--lagoon:#17b8a6;--danger-on-dark:#ff7a70;--sticker-gap:#07080f;--sans:"Inter Tight", Inter, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--cube-scale:1;--cell:34px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--spark);color:var(--ink)}h1,h2,p,dl,dd,ol{margin:0}ol{padding:0;list-style:none}h1{letter-spacing:-1.92px;text-wrap:balance;font-size:64px;font-weight:500;line-height:70.4px}h2{letter-spacing:-.8px;font-size:40px;font-weight:500;line-height:48px}.eyebrow{font-family:var(--mono);letter-spacing:.55px;text-transform:uppercase;font-size:11px;font-weight:500;line-height:11px}.muted{color:var(--body)}.lead{letter-spacing:-.16px;color:var(--body);text-wrap:pretty;font-size:16px;line-height:20.8px}.btn{cursor:pointer;height:44px;font-family:var(--mono);letter-spacing:.08px;transition:transform .12s var(--ease), background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), box-shadow .12s var(--ease);border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:60ms;transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.on-dark .btn:focus-visible{outline-color:var(--spark)}.btn-spark{background:var(--spark);color:var(--ink)}.btn-spark:hover:not(:disabled){box-shadow:0 0 0 4px #f7931a3d}.btn-light{background:var(--paper);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--paper)}.btn-ghost{color:var(--paper);border:1px solid var(--night-line);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--body-on-dark)}.btn-line{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3.25px}.btn-line:hover:not(:disabled){border-color:var(--ink)}.btn-sm{border-radius:3.25px;padding:0 16px;font-size:14px}.btn-icon{border-radius:3.25px;width:44px;padding:0}.arrow{transition:transform .12s var(--ease);display:inline-block}.btn:hover:not(:disabled) .arrow{transform:translate(3px)}.btn:hover:not(:disabled) .arrow-l{transform:translate(-3px)}.hero{background:var(--night);color:var(--paper);grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:48px;padding:72px 48px 64px;display:grid}.hero>*{min-width:0}.hero-copy{flex-direction:column;gap:16px;display:flex}.hero-eyebrow{color:var(--body-on-dark);align-items:center;gap:8px;display:flex}.hero-lead{letter-spacing:-.18px;max-width:600px;color:var(--body-on-dark);text-wrap:pretty;font-size:18px;line-height:23.4px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.status{align-items:center;gap:8px;min-height:21px;font-size:16px;line-height:20.8px;display:flex}.status svg{flex:none}.tone-muted{color:var(--body-on-dark)}.tone-ok{color:var(--lagoon)}.tone-err{color:var(--danger-on-dark)}.stats{border-top:1px solid var(--night-hairline);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:560px;margin-top:12px;padding-top:24px;display:grid}.stats>div{flex-direction:column;gap:8px;display:flex}.stats dt{color:var(--body-on-dark)}.stats dd{letter-spacing:-.42px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:32.2px}.stage-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.stage{perspective:1400px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:520px;height:420px;display:flex}.stage:active{cursor:grabbing}.cube-scale{transform:scale(var(--cube-scale))}.cube-scale,.cube,.cube *{transform-style:preserve-3d}.cube{width:0;height:0;position:relative}.sticker{background:var(--sticker-gap);width:64px;height:64px;padding:3px;position:absolute;top:-32px;left:-32px}.sticker-face{border-radius:4px;width:100%;height:100%}.orbit-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.orbit-hint{color:var(--body-on-dark);margin-left:8px;line-height:15.4px}.workbench{grid-template-columns:472px minmax(0,1fr);align-items:start;gap:80px;padding:72px 48px 64px;display:grid}.panel{flex-direction:column;gap:16px;min-width:0;display:flex}.net{grid-template-columns:repeat(12, var(--cell));grid-template-rows:repeat(9, var(--cell));gap:4px;margin-top:28px;display:grid}.stk{width:var(--cell);height:var(--cell);border:1px solid var(--line);cursor:pointer;transition:transform .12s var(--ease);border-radius:4px;padding:0}.stk:hover:not(:disabled){transform:scale(1.08)}.stk:disabled{cursor:default}.stk:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.palette{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.swatch-btn{letter-spacing:.55px;border-color:var(--hairline);border-radius:4px;padding:0 12px 0 8px;font-size:11px}.swatch-btn.is-selected{border:2px solid var(--ink)}.swatch{border:1px solid var(--line);border-radius:3.25px;width:24px;height:24px}.chips-area{min-height:148px;margin-top:28px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:4px;width:56px;padding:0}.chip.is-done{background:var(--surface-sunk);color:var(--body);border-color:var(--hairline)}.chip.is-current{border:2px solid var(--ink)}.empty{border:1px dashed var(--line);text-align:center;height:148px;color:var(--body);border-radius:4px;justify-content:center;align-items:center;padding:24px;font-size:16px;line-height:20.8px;display:flex}.transport{flex-wrap:wrap;gap:8px;display:flex}.play{min-width:112px}.by-hand{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;margin-top:32px;padding-top:24px;display:flex}.pad{grid-template-columns:repeat(6,56px);gap:8px;display:grid}.pad .btn{padding:0}@media (width<=1180px){.hero{grid-template-columns:minmax(0,1fr)}.workbench{grid-template-columns:minmax(0,1fr);gap:64px}}@media (width<=768px){h1{letter-spacing:-.8px;font-size:40px;line-height:48px}h2{letter-spacing:-.42px;font-size:28px;line-height:32.2px}.hero,.workbench{padding:48px 16px}.hero-actions{margin-top:12px}.stage{height:300px}:root{--cube-scale:.68}.stats dd{font-size:22px;line-height:25.3px}}@media (width<=520px){:root{--cell:24px}.net{gap:3px}.pad{grid-template-columns:repeat(6,minmax(0,1fr))}.orbit-hint{display:none}}@media (prefers-reduced-motion:reduce){.btn,.stk,.arrow{transition:none}}