.ab-seite h1{margin-top:8px}.ab{margin-top:22px}.ab-kopf{margin-bottom:18px}.ab-leiste{background:var(--surface-sunken);border-radius:99px;height:8px;overflow:hidden}.ab-leiste span{background:var(--growth);height:100%;transition:width .4s;display:block}.ab-ort{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.ab-art{align-items:flex-start;gap:14px;margin:14px 0;display:flex}.ab-art .art-portrait{background:var(--surface-sunken);border-radius:50%;flex:none;overflow:hidden;width:84px!important;height:84px!important}.ab-art .art-portrait img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}@media (max-width:520px){.ab-art .art-portrait{width:64px!important;height:64px!important}}.ab-blase{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex:1;padding:14px 16px;position:relative}.ab-blase p{margin:0;line-height:1.6}.ab-wer{letter-spacing:.08em;text-transform:uppercase;color:var(--practice);font-size:12px;margin-bottom:4px!important}.ab-vorlesen{color:var(--action);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:14px;text-decoration:underline}.ab-frage{margin:16px 0 10px;font-size:18px}.ab-baender,.ab-wahl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.ab-band,.ab-option,.ab-karte,.ab-topf,.ab-klecks{font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border-strong);cursor:pointer;text-align:left;border-radius:14px;min-height:52px;padding:14px 16px}.ab-band:hover,.ab-option:hover,.ab-karte:hover,.ab-topf:hover,.ab-klecks:hover{border-color:var(--action)}.ab-band:focus-visible,.ab-option:focus-visible,.ab-karte:focus-visible,.ab-topf:focus-visible,.ab-klecks:focus-visible{outline:3px solid var(--practice);outline-offset:2px}.ab-option.an,.ab-karte.an,.ab-topf.an,.ab-klecks.an{border-color:var(--growth);background:var(--bg-inside)}.ab-weiter{margin-top:16px}.ab-tipp{background:var(--bg-reflect);border-radius:12px;margin-top:14px;padding:12px 14px}.ab-meldung{margin-top:12px;font-weight:600}.ab-kompetenz{color:var(--text-secondary)}.ab-ziel{vertical-align:-5px;border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px;margin:0 6px;display:inline-block}.ab-toepfe{flex-wrap:wrap;gap:10px;display:flex}.ab-topf{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:92px;display:inline-flex}.ab-topf span{border:1px solid var(--border-strong);border-radius:50%;width:46px;height:46px;display:block}.ab-kleckse{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ab-klecks{justify-content:center;padding:8px;display:flex}.ab-klecks svg{width:100%;max-width:140px;height:auto}.ab-eigen{margin-top:12px;display:block}.ab-eigen input{width:100%;font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;margin-top:4px;padding:10px 12px;display:block}.ab-wellen{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.ab-welle{background:var(--surface-sunken);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:11px;transition:background .15s;display:inline-flex}.ab-welle.an{border-color:var(--text)}.ab-karten{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ab-karte{align-items:center;gap:10px;width:100%;display:flex}.ab-karte:disabled{cursor:default;opacity:.85}.ab-nr{background:var(--growth);width:28px;height:28px;color:var(--text-on-action);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ab-textknopf{color:var(--action);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;text-decoration:underline}.ab-schritte{padding-left:22px;line-height:1.7}.ab-zeichnen{margin-top:12px}.ab-pinsel{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ab-farbknopf{border:3px solid var(--surface);width:36px;height:36px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.ab-farbknopf.an{box-shadow:0 0 0 3px var(--text)}.ab-flaeche{aspect-ratio:3/2;border:1px solid var(--border-strong);touch-action:none;background:#fffdf8;border-radius:14px;width:100%;height:auto;display:block}.ab-aktionen{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.ab-bilanz{margin-top:18px;padding:18px 20px}.ab-bilanz h2,.ab-naechste h2{margin:0 0 8px;font-size:19px}.ab-bilanz ul{margin:0;padding-left:20px;line-height:1.7}.ab-naechste{margin-top:22px}.ab-karten-liste{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.ab-karten-liste .panel{padding:16px 18px}.ab-film{margin:12px 0 4px}.ab-band-klein .ab-blase p,.ab-band-klein .ab-frage{font-size:20px}.ab-band-klein .ab-option,.ab-band-klein .ab-karte,.ab-band-klein .ab-band{min-height:64px;font-size:19px}@media (max-width:520px){.ab-art{gap:10px}.ab-kleckse{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-welle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.ab-leiste span,.ab-welle{transition:none}}.ab-quest{margin-top:12px;padding:16px 18px}