.cbn.svelte-1vmr6n{max-width:560px;margin:0 auto}.cbn-bar.svelte-1vmr6n{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;margin-bottom:.6rem}.seg.svelte-1vmr6n{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--paper-2)}.seg.svelte-1vmr6n button:where(.svelte-1vmr6n){font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.45rem .8rem;border:0;background:transparent;color:var(--ink);cursor:pointer;min-height:40px}.seg.svelte-1vmr6n button.sel:where(.svelte-1vmr6n){background:var(--accent);color:#fff}.cbn-actions.svelte-1vmr6n{display:flex;gap:.4rem}.cbn-actions.svelte-1vmr6n button:where(.svelte-1vmr6n){font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.45rem .8rem;min-height:40px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card-bg);color:var(--ink);cursor:pointer}.cbn-actions.svelte-1vmr6n .next:where(.svelte-1vmr6n){background:var(--accent);color:#fff;border-color:var(--accent)}.cbn-stats.svelte-1vmr6n{display:flex;gap:1rem;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--ink-soft);margin-bottom:.6rem}.cbn-stats.svelte-1vmr6n .best:where(.svelte-1vmr6n){color:var(--accent-ink)}.cbn-swatches.svelte-1vmr6n{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:.7rem}.sw.svelte-1vmr6n{width:42px;height:42px;border-radius:50%;border:2px solid rgba(0,0,0,.15);background:var(--c);color:#fff;font-family:var(--font-display);font-weight:800;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer}.sw.sel.svelte-1vmr6n{outline:3px solid var(--accent);outline-offset:2px}.sw.hint.svelte-1vmr6n{animation:svelte-1vmr6n-pop .35s ease 2}@keyframes svelte-1vmr6n-pop{50%{transform:scale(1.22)}}.cbn-stage.svelte-1vmr6n{position:relative;width:100%;max-width:480px;margin:0 auto;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);background:#fff}.cbn-stage.svelte-1vmr6n canvas:where(.svelte-1vmr6n){position:absolute;inset:0;width:100%;height:100%}.l-num.svelte-1vmr6n{touch-action:none;cursor:pointer}.cbn-load.svelte-1vmr6n{position:absolute;inset:0;display:grid;place-items:center;z-index:5;color:var(--ink-soft);font-family:var(--font-display);font-weight:600}.cbn-win.svelte-1vmr6n{position:absolute;inset:0;display:grid;place-content:center;gap:.6rem;text-align:center;background:color-mix(in srgb,#fff 55%,transparent)}.cbn-win.svelte-1vmr6n span:where(.svelte-1vmr6n){font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--ink)}.cbn-win.svelte-1vmr6n button:where(.svelte-1vmr6n){justify-self:center;font-family:var(--font-display);font-weight:700;padding:.6rem 1.3rem;border:0;border-radius:var(--r-pill);background:var(--accent);color:#fff;cursor:pointer}