.trace-pad.svelte-1uv1y5d{width:min(100%,calc(320px * var(--play-scale, 1)));aspect-ratio:1;background:var(--bg-card);border:3px dashed var(--border-color);border-radius:var(--radius-xl);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}.paper-line.svelte-1uv1y5d{stroke:var(--border-color);stroke-width:2;opacity:.55}.paper-line.dashed.svelte-1uv1y5d{stroke-dasharray:6 8}.trace-pad.disabled.svelte-1uv1y5d{opacity:.7;cursor:default}.guide.svelte-1uv1y5d{fill:none;stroke:var(--border-color);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.chevron.svelte-1uv1y5d{fill:var(--text-secondary)}.covered.svelte-1uv1y5d{fill:var(--accent-active, var(--accent-primary));opacity:.5}.start-badge.svelte-1uv1y5d circle:where(.svelte-1uv1y5d){fill:var(--accent-primary)}.start-badge.svelte-1uv1y5d text:where(.svelte-1uv1y5d){fill:#fff;font-size:12px;font-weight:700;text-anchor:middle}.ink.svelte-1uv1y5d{fill:none;stroke:var(--accent-primary);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.ink-layer.svelte-1uv1y5d{transition:opacity var(--duration-base, .3s) ease-out}.ink-layer.fading.svelte-1uv1y5d{opacity:0}@media (prefers-reduced-motion: reduce){.ink-layer.svelte-1uv1y5d{transition:none}}.trace-pads.svelte-ihiw55{display:flex;gap:var(--space-3);justify-content:center;width:100%}.trace-pads.multi-digit.svelte-ihiw55 .trace-pad{width:min(48%,calc(240px * var(--play-scale, 1)))}.trace-surface.svelte-2vvwe3{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:#00000080;touch-action:none;overscroll-behavior:contain;animation:svelte-2vvwe3-surface-fade var(--duration-base) var(--ease-out-strong)}.trace-surface.svelte-2vvwe3:focus{outline:none}.surface-card.svelte-2vvwe3{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:min(100%,720px);max-height:100%;overflow:hidden;padding:var(--space-4) var(--space-4) var(--space-5);background:var(--surface-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-paper);animation:svelte-2vvwe3-surface-in var(--duration-base) var(--ease-out-strong)}.surface-close.svelte-2vvwe3{position:absolute;top:var(--space-2);right:var(--space-2)}.instruction-text.svelte-2vvwe3{margin:0;padding:0 var(--touch-target-comfortable);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);text-align:center}.surface-pads.svelte-2vvwe3{--play-scale: 1.5;display:flex;justify-content:center;width:min(100%,calc(100vh - 16rem));width:min(100%,calc(100dvh - 16rem))}.surface-actions.svelte-2vvwe3{display:flex;gap:var(--space-3);justify-content:center}@keyframes svelte-2vvwe3-surface-fade{0%{opacity:0}to{opacity:1}}@keyframes svelte-2vvwe3-surface-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.trace-surface.svelte-2vvwe3,.surface-card.svelte-2vvwe3{animation:svelte-2vvwe3-surface-fade var(--duration-base) ease-out}}