.farb-zauber[data-v-b90ea1ad]{height:100%;display:flex;flex-direction:column}.progress-header[data-v-b90ea1ad]{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-b90ea1ad]{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-b90ea1ad]:hover{background:var(--bg-muted)}.progress-container[data-v-b90ea1ad]{flex:1}.progress-label[data-v-b90ea1ad]{font-size:.7rem;color:var(--text-muted);text-align:center;margin-bottom:2px}.progress-bar[data-v-b90ea1ad]{height:10px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-b90ea1ad]{height:100%;background:linear-gradient(90deg,var(--accent-sprachen),var(--warning),var(--accent-sach));border-radius:var(--radius-full);transition:width .4s var(--ease-spring)}.big-emoji[data-v-b90ea1ad]{font-size:3.2rem}.prompt-row[data-v-b90ea1ad]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.prompt[data-v-b90ea1ad]{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-b90ea1ad]{color:var(--text-muted)}.prompt .qm[data-v-b90ea1ad]{color:var(--primary)}.speak-btn[data-v-b90ea1ad]{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-b90ea1ad]:active{transform:scale(.92)}.hint[data-v-b90ea1ad]{text-align:center;font-size:.85rem}.canvas-wrap[data-v-b90ea1ad]{display:flex;justify-content:center}.canvas[data-v-b90ea1ad]{display:grid;gap:3px;width:min(78cqmin,320px);padding:10px;background:var(--bg-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.px[data-v-b90ea1ad]{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-b90ea1ad]{background:transparent;box-shadow:none}.px.filled[data-v-b90ea1ad]{animation:paint-b90ea1ad .35s var(--ease-spring)}.px.active[data-v-b90ea1ad]{background:color-mix(in srgb,var(--primary) 18%,var(--bg-card));outline:2px dashed var(--primary);outline-offset:-2px;animation:blink-b90ea1ad 1.1s ease-in-out infinite}.px-q[data-v-b90ea1ad]{font-weight:900;font-size:.8rem;color:var(--primary)}.canvas-wrap.done .canvas[data-v-b90ea1ad]{animation:cheer-b90ea1ad .6s var(--ease-spring)}@keyframes paint-b90ea1ad{0%{transform:scale(.4)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes blink-b90ea1ad{0%,to{outline-color:var(--primary)}50%{outline-color:transparent}}@keyframes cheer-b90ea1ad{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-b90ea1ad],:root[data-reduce-motion] .px.filled[data-v-b90ea1ad],:root[data-reduce-motion] .canvas-wrap.done .canvas[data-v-b90ea1ad]{animation:none}.legend[data-v-b90ea1ad]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.swatch[data-v-b90ea1ad]{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}@media (hover: hover){.swatch[data-v-b90ea1ad]:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sw)}}.swatch[data-v-b90ea1ad]:active:not(:disabled){transform:translateY(1px)}.swatch[data-v-b90ea1ad]:disabled{opacity:.5;cursor:default}.sw-chip[data-v-b90ea1ad]{width:34px;height:34px;border-radius:50%;background:var(--sw);box-shadow:inset 0 -3px #0000001f}.sw-num[data-v-b90ea1ad]{font-family:var(--font-display);font-weight:900;font-size:1.3rem;color:var(--text);font-feature-settings:"tnum"}.swatch.shake[data-v-b90ea1ad]{animation:shake-b90ea1ad .45s var(--ease-spring);border-color:var(--danger)}@keyframes shake-b90ea1ad{10%,90%{transform:translate(-4px)}30%,70%{transform:translate(5px)}50%{transform:translate(-3px)}}:root[data-reduce-motion] .swatch.shake[data-v-b90ea1ad]{animation:none}.swatch.hint[data-v-b90ea1ad]{border-color:var(--warning-dark);animation:hint-pulse-b90ea1ad 1s ease-in-out infinite}@keyframes hint-pulse-b90ea1ad{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}:root[data-reduce-motion] .swatch.hint[data-v-b90ea1ad]{animation:none}.gallery-title[data-v-b90ea1ad]{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-b90ea1ad]{text-align:center;color:var(--text-muted);padding:var(--space-lg)}.gallery-grid[data-v-b90ea1ad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-sm)}.gallery-item[data-v-b90ea1ad]{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-b90ea1ad]{font-size:2.2rem;line-height:1}.gallery-name[data-v-b90ea1ad]{font-size:.78rem;font-weight:700;color:var(--text)}.gallery-n[data-v-b90ea1ad]{position:absolute;top:4px;right:6px;font-size:.7rem;font-weight:900;color:var(--text-muted)}