.pc{max-width:600px;margin:0 auto;width:100%;display:grid;gap:12px;justify-items:center}.pc-arena{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pc-canvas{display:block;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.pc-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;gap:4px;padding:0 12px}.pc-big{font-size:clamp(2rem,11vw,3.4rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.pc-small{font-size:1rem;color:var(--muted);font-weight:600;max-width:26ch;margin:0 auto}.pc-overlay[data-state=idle] .pc-small{transform:translateY(46px)}.pc-overlay[data-state=drawing] .pc-big{opacity:.5;font-size:clamp(1.4rem,7vw,2.2rem)}.pc-overlay[data-state=fail] .pc-big{color:var(--bad)}.pc-overlay[data-state=fail] .pc-small,.pc-overlay[data-state=done] .pc-small{color:var(--text)}.pc-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pc-actions[hidden]{display:none}.pc-recent{width:100%}.pc-recent h3{font-size:1rem;margin:4px 0 8px}.pc-recent p{margin:8px 0 0;font-size:.9rem}.pc-chips{display:flex;flex-wrap:wrap;gap:6px}.pc-chip{padding:4px 10px;border-radius:999px;background:var(--surface);border:2px solid var(--pc-c, var(--border));font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums}