.planer-vorspann{max-width:46rem;color:var(--schrift-2)}.klassenwahl{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0;display:flex}.klassen-gruppe{border:1px solid var(--rand);background:var(--flaeche);border-radius:10px;align-items:center;gap:.3rem;padding:.3rem .45rem .3rem .6rem;display:flex}.klassen-erst{color:var(--schrift-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin-right:.2rem;font-size:.78rem}.klassen-knopf{font:inherit;cursor:pointer;white-space:nowrap;color:var(--schrift-2);background:0 0;border:1px solid #0000;border-radius:7px;padding:.34rem .7rem;font-size:.92rem}.klassen-knopf:hover{background:var(--flaeche-2);color:var(--schrift)}.klassen-knopf[aria-pressed=true]{background:var(--akzent);border-color:var(--akzent-2);color:var(--flaeche);font-weight:600}.planer-kopf{z-index:5;background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin:0 0 1.6rem;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.punkte-leiste{flex-wrap:wrap;flex:1;gap:1.6rem;min-width:min(22rem,100%);display:flex}.punkte-topf{flex:1;min-width:11rem}.punkte-kopf{color:var(--schrift-3);justify-content:space-between;align-items:baseline;margin-bottom:.25rem;font-size:.8rem;display:flex}.punkte-zahl{font-family:var(--sans);color:var(--schrift);font-size:1.05rem}.punkte-zahl b{font-size:1.45rem;font-weight:700}.punkte-balken{background:var(--flaeche-2);border-radius:4px;height:7px;overflow:hidden}.punkte-balken span{background:var(--akzent);height:100%;transition:width .16s ease-out;display:block}.punkte-topf.voll .punkte-balken span{background:var(--gut)}.punkte-topf.voll .punkte-zahl b{color:var(--gut)}.planer-knoepfe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.knopf-schlicht,.knopf-akzent{font:inherit;cursor:pointer;border:1px solid var(--rand-stark);background:var(--flaeche);color:var(--schrift-2);border-radius:7px;padding:.45rem .9rem;font-size:.9rem}.knopf-schlicht:hover{background:var(--flaeche-2);color:var(--schrift)}.knopf-akzent{background:var(--akzent);border-color:var(--akzent-2);color:var(--flaeche);font-weight:600}.knopf-akzent:hover{background:var(--akzent-2)}.teilen-echo{color:var(--gut);font-size:.85rem}.skill-gruppe{margin:0 0 2rem}.skill-gruppe h2{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.skill-raster{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.7rem;display:grid}.skill-karte{border:1px solid var(--rand);background:var(--flaeche);border-radius:10px;grid-template-columns:34px 1fr;align-items:start;gap:.7rem;padding:.7rem .8rem;transition:border-color .12s,box-shadow .12s,opacity .12s;display:grid}.skill-karte:hover{border-color:var(--rand-stark)}.skill-karte.gewaehlt{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.skill-karte.spur{border-color:var(--akzent-2);background:color-mix(in srgb, var(--akzent) 7%, var(--flaeche))}.skill-bild{background:var(--flaeche-2);object-fit:contain;border-radius:6px;width:34px;height:34px}.skill-bild-leer{background:var(--flaeche-2);width:34px;height:34px;color:var(--schrift-3);font-size:.7rem;font-weight:700;font-family:var(--sans);border-radius:6px;place-items:center;display:grid}.skill-kopf{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.skill-name{font-size:.95rem;font-weight:600;line-height:1.3}.skill-art{color:var(--schrift-3);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.skill-stufe-zahl{font-family:var(--sans);color:var(--schrift-3);margin-left:auto;font-size:.8rem}.stufen-punkte{flex-wrap:wrap;gap:3px;margin-top:.45rem;display:flex}.stufen-punkt{border:1px solid var(--rand-stark);background:var(--flaeche-2);cursor:pointer;border-radius:3px;flex:1;width:100%;min-width:9px;max-width:1.5rem;height:14px;padding:0;transition:background .1s}.stufen-punkt.an{background:var(--akzent);border-color:var(--akzent-2)}.stufen-punkt:hover{border-color:var(--akzent)}.skill-karte.gesperrt{opacity:.62}.skill-karte.gesperrt:hover{opacity:1;border-color:var(--akzent)}.stufen-punkt:disabled{cursor:not-allowed}.skill-warum{color:var(--warn);margin-top:.4rem;font-size:.76rem;line-height:1.4}.skill-wink{color:var(--schrift-3)}.skill-text{color:var(--schrift-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.4rem;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.planer-fuss{color:var(--schrift-3);max-width:46rem;margin-top:1.5rem;font-size:.85rem}@media (width<=40rem){.planer-kopf{position:static}.skill-raster{grid-template-columns:1fr}}