.farb-zauber[data-v-b36f30cc]{height:100%;display:flex;flex-direction:column}.progress-header[data-v-b36f30cc]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-bottom:1px solid var(--bg-muted)}.stat-btn[data-v-b36f30cc]{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--touch-min);min-width:var(--touch-min);background:transparent;border:none;font-family:var(--font-body);font-weight:800;font-size:1.05rem;color:var(--text);cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm)}.stat-btn[data-v-b36f30cc]:hover{background:var(--bg-muted)}.progress-container[data-v-b36f30cc]{flex:1}.progress-label[data-v-b36f30cc]{font-size:.7rem;color:var(--text-muted);text-align:center;margin-bottom:2px}.progress-bar[data-v-b36f30cc]{height:10px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-b36f30cc]{height:100%;background:linear-gradient(90deg,#ec407a,#ffb300,#66bb6a);border-radius:var(--radius-full);transition:width .4s var(--ease-spring)}.big-emoji[data-v-b36f30cc]{font-size:3.2rem}.prompt-row[data-v-b36f30cc]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:2px}.prompt[data-v-b36f30cc]{text-align:center;font-family:var(--font-display);font-weight:900;font-size:2rem;color:var(--text);margin:0;font-feature-settings:"tnum"}.prompt .eq[data-v-b36f30cc]{color:var(--text-muted)}.prompt .qm[data-v-b36f30cc]{color:var(--primary)}.speak-btn[data-v-b36f30cc]{flex:0 0 auto;min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--bg-muted);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .1s var(--ease-spring),background .15s}.speak-btn[data-v-b36f30cc]:active{transform:scale(.92)}.hint[data-v-b36f30cc]{text-align:center;font-size:.85rem;margin-bottom:var(--space-md)}.canvas-wrap[data-v-b36f30cc]{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.canvas[data-v-b36f30cc]{display:grid;gap:3px;width:min(78vw,320px);padding:10px;background:var(--bg-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.px[data-v-b36f30cc]{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);transition:background .3s var(--ease-smooth),transform .2s var(--ease-spring)}.px.bg[data-v-b36f30cc]{background:transparent;box-shadow:none}.px.filled[data-v-b36f30cc]{animation:paint-b36f30cc .35s var(--ease-spring)}.px.active[data-v-b36f30cc]{background:color-mix(in srgb,var(--primary) 18%,var(--bg-card));outline:2px dashed var(--primary);outline-offset:-2px;animation:blink-b36f30cc 1.1s ease-in-out infinite}.px-q[data-v-b36f30cc]{font-weight:900;font-size:.8rem;color:var(--primary)}.canvas-wrap.done .canvas[data-v-b36f30cc]{animation:cheer-b36f30cc .6s var(--ease-spring)}@keyframes paint-b36f30cc{0%{transform:scale(.4)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes blink-b36f30cc{0%,to{outline-color:var(--primary)}50%{outline-color:transparent}}@keyframes cheer-b36f30cc{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(1.04) rotate(-1.5deg)}70%{transform:scale(1.04) rotate(1.5deg)}}:root[data-reduce-motion] .px.active[data-v-b36f30cc],:root[data-reduce-motion] .px.filled[data-v-b36f30cc],:root[data-reduce-motion] .canvas-wrap.done .canvas[data-v-b36f30cc]{animation:none}.legend[data-v-b36f30cc]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.swatch[data-v-b36f30cc]{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;min-height:78px;background:var(--bg-card);border:3px solid var(--bg-muted);border-radius:var(--radius-md);padding:10px 8px;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .12s var(--ease-spring),border-color .15s}.swatch[data-v-b36f30cc]:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sw)}.swatch[data-v-b36f30cc]:active:not(:disabled){transform:translateY(1px)}.swatch[data-v-b36f30cc]:disabled{opacity:.5;cursor:default}.sw-chip[data-v-b36f30cc]{width:34px;height:34px;border-radius:50%;background:var(--sw);box-shadow:inset 0 -3px #0000001f}.sw-num[data-v-b36f30cc]{font-family:var(--font-display);font-weight:900;font-size:1.3rem;color:var(--text);font-feature-settings:"tnum"}.swatch.shake[data-v-b36f30cc]{animation:shake-b36f30cc .45s var(--ease-spring);border-color:var(--danger)}@keyframes shake-b36f30cc{10%,90%{transform:translate(-4px)}30%,70%{transform:translate(5px)}50%{transform:translate(-3px)}}:root[data-reduce-motion] .swatch.shake[data-v-b36f30cc]{animation:none}.gallery-title[data-v-b36f30cc]{font-family:var(--font-display);font-weight:800;font-size:1.5rem;text-align:center;margin:0 0 var(--space-sm) 0}.empty[data-v-b36f30cc]{text-align:center;color:var(--text-muted);padding:var(--space-lg)}.gallery-grid[data-v-b36f30cc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-sm)}.gallery-item[data-v-b36f30cc]{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--bg-muted);border-radius:var(--radius-md)}.gallery-emoji[data-v-b36f30cc]{font-size:2.2rem;line-height:1}.gallery-name[data-v-b36f30cc]{font-size:.78rem;font-weight:700;color:var(--text)}.gallery-n[data-v-b36f30cc]{position:absolute;top:4px;right:6px;font-size:.7rem;font-weight:900;color:var(--text-muted)}