.cn-stage[data-astro-cid-d4yervip]{touch-action:none;background:#f3efe4;height:min(74vh,700px);min-height:440px}.cn-stage[data-astro-cid-d4yervip].panning{cursor:grab}#cn-canvas[data-astro-cid-d4yervip]{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.cn-hud[data-astro-cid-d4yervip]{pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.cn-hud[data-astro-cid-d4yervip]>[data-astro-cid-d4yervip]{pointer-events:auto}.cn-hud[data-astro-cid-d4yervip] .btn[data-astro-cid-d4yervip]{padding:.35em .7em;font-size:1.1rem}.cn-hud[data-astro-cid-d4yervip] .pill[data-astro-cid-d4yervip]{text-transform:capitalize}.cn-tools[data-astro-cid-d4yervip]{gap:6px;display:flex}.icon-btn[data-astro-cid-d4yervip][disabled]{opacity:.4;cursor:default}.cn-side[data-astro-cid-d4yervip]{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-40%)}.cn-side[data-astro-cid-d4yervip] .icon-btn[data-astro-cid-d4yervip]{width:38px;height:38px;font-size:1.05rem}.cn-loading[data-astro-cid-d4yervip]{font:1.4rem var(--hand);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:8px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cn-loading[data-astro-cid-d4yervip][hidden]{display:none}#cn-done[data-astro-cid-d4yervip]{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow);z-index:5;border-radius:16px;gap:8px;padding:14px;inset:auto 12px 84px}#cn-done[data-astro-cid-d4yervip] h2[data-astro-cid-d4yervip]{font-size:1.8rem}#cn-done[data-astro-cid-d4yervip] .row[data-astro-cid-d4yervip]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cn-palette[data-astro-cid-d4yervip]{border-top:2px solid var(--ink);touch-action:pan-x;background:#ffffffeb;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.cn-palette[data-astro-cid-d4yervip] .cn-num{border:2px solid var(--ink);background:var(--c);width:52px;height:52px;box-shadow:2px 2px 0 var(--ink);font:1.5rem var(--hand);cursor:pointer;border-radius:12px;flex:none;position:relative}.cn-palette[data-astro-cid-d4yervip] .cn-num[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:3px;transform:translateY(-3px)}.cn-palette[data-astro-cid-d4yervip] .cn-num.complete:after{content:"✓";background:var(--green);color:#fff;width:20px;height:20px;font:700 13px/20px var(--body);border:2px solid var(--ink);border-radius:50%;position:absolute;top:-8px;right:-6px}.cn-picker[data-astro-cid-d4yervip]{background:var(--paper);z-index:10;touch-action:pan-y;flex-direction:column;display:flex;position:absolute;inset:0}.cn-picker[data-astro-cid-d4yervip][hidden]{display:none}.cn-picker-head[data-astro-cid-d4yervip]{border-bottom:2px solid var(--ink);background:var(--card);gap:8px;padding:10px;display:flex}.cn-picker-head[data-astro-cid-d4yervip] input[data-astro-cid-d4yervip]{min-width:0;font:1.2rem var(--hand);border:2px solid var(--ink);border-radius:10px;flex:1;padding:8px 12px}.cn-picker-body[data-astro-cid-d4yervip]{flex:1;padding:10px 12px;overflow-y:auto}.cn-picker-body[data-astro-cid-d4yervip] h3[data-astro-cid-d4yervip]{margin:10px 0 6px;font-size:1.4rem}.cn-picker-body[data-astro-cid-d4yervip] h3[data-astro-cid-d4yervip][hidden]{display:none}.cn-sizes[data-astro-cid-d4yervip]{font:1.2rem var(--hand);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cn-sizes[data-astro-cid-d4yervip] button[data-astro-cid-d4yervip][data-cnsize]{font:1.1rem var(--hand);border:2px solid var(--ink);cursor:pointer;color:var(--ink);background:#fff;border-radius:10px;padding:6px 10px}.cn-sizes[data-astro-cid-d4yervip] button[data-astro-cid-d4yervip][aria-pressed=true]{background:var(--yellow)}.cn-sizes[data-astro-cid-d4yervip] .btn[data-astro-cid-d4yervip]{padding:.3em .7em;font-size:1.1rem}.cn-grid[data-astro-cid-d4yervip]{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.cn-grid[data-astro-cid-d4yervip] .cn-card{border:2px solid var(--ink);cursor:pointer;font:1.05rem var(--hand);color:var(--ink);text-transform:capitalize;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:6px 4px 4px;display:flex;position:relative}.cn-grid[data-astro-cid-d4yervip] .cn-card[hidden]{display:none}.cn-grid[data-astro-cid-d4yervip] .cn-card canvas{width:80px;height:80px;image-rendering:pixelated}.cn-grid[data-astro-cid-d4yervip] .cn-card.done:after{content:"✓";background:var(--green);color:#fff;width:22px;height:22px;font:700 14px/22px var(--body);border-radius:50%;position:absolute;top:4px;right:6px}@media (width<=640px){.cn-stage[data-astro-cid-d4yervip]{height:min(74vh,640px);min-height:480px}.cn-hud[data-astro-cid-d4yervip] .btn[data-astro-cid-d4yervip]{white-space:nowrap;padding:.3em .5em;font-size:1rem}.cn-hud[data-astro-cid-d4yervip] .pill[data-astro-cid-d4yervip]{padding:4px 8px;font-size:1rem}.cn-side[data-astro-cid-d4yervip]{top:64px;transform:none}.cn-hud[data-astro-cid-d4yervip] .icon-btn[data-astro-cid-d4yervip]{width:36px;height:36px}.cn-palette[data-astro-cid-d4yervip] .cn-num{width:46px;height:46px}}