.wochenserie{margin-block:1.25rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid #dce4df;border-radius:20px;background:#fff;color:#1f2937;overflow-wrap:anywhere}
.wochenserie :is(.serie-kopf>div,.serie-ueberschrift>span,.serie-zahl>span){min-width:0}
.wochenserie .serie-neuladen{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#meine-inhalt .meine-kopf h1{overflow-wrap:anywhere}
.serie-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.serie-kopf h2{margin:0}.serie-privat{color:#56645d;margin:.35rem 0 0}
.serie-neuladen,.serie-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .9rem;border:1px solid #647569;border-radius:12px;background:#fff;color:#243d2e;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.serie-neuladen:focus-visible,.serie-link:focus-visible,.serie-regeln summary:focus-visible{outline:3px solid #21593a;outline-offset:4px}
.serie-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.serie-zahl{display:flex;flex-direction:column;gap:.3rem;padding:1rem;background:#f1f6f3;border-radius:14px}.serie-zahl strong{font-size:2rem;color:#21593a}.serie-zahl span{font-size:.9rem}
.serie-stand,.serie-regeln p,.serie-rettung p{line-height:1.6}.serie-rettung{margin-block:1rem;padding:1rem;border:1px solid #b6c8be;border-radius:14px;background:#f7faf8}.serie-rettung h3{margin-top:0}.serie-rettung progress{width:100%;height:14px;accent-color:#21593a}
.serie-abzeichen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem}.serie-abzeichen-karte{padding:1rem;border:1px solid #d7dee0;border-radius:14px;background:#f5f6f7}.serie-abzeichen-karte.verdient{border-color:#719a80;background:#edf6ef}.serie-abzeichen-karte h3{font-size:1rem;margin:.6rem 0 .3rem}.serie-abzeichen-karte p{font-size:.9rem;line-height:1.5;margin:.3rem 0 .7rem}.serie-abzeichen-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e1e6e4;font-size:1.3rem}.verdient .serie-abzeichen-symbol{background:#21593a;color:white}.serie-abzeichen-status{font-size:.85rem;font-weight:600;color:#46554c}
.serie-regeln{margin-top:1.2rem}.serie-regeln summary{cursor:pointer;min-height:44px;padding-block:.7rem;font-weight:600}.wochenserie [hidden]{display:none!important}
@media(max-width:480px){.serie-zahlen{grid-template-columns:minmax(0,1fr)}.serie-zahl{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.serie-zahl strong{min-width:2ch}}
@media(prefers-reduced-motion:reduce){.wochenserie *{animation:none!important;transition:none!important}}
.serie-joker-dialog{border:1px solid #cbd5e1;border-radius:20px;padding:24px;max-width:32rem;width:calc(100% - 32px);box-sizing:border-box;color:#172033;background:#fff;max-height:calc(100dvh - 32px);overflow:auto}
.serie-joker-dialog::backdrop{background:rgb(15 23 42 / .6)}
.serie-joker-dialog button{min-height:44px;margin:8px 8px 0 0}
.serie-joker-dialog p{line-height:1.5}
.serie-ueberschrift{display:flex;align-items:center;gap:.5rem}.serie-flamme{font-size:1.5em;filter:grayscale(1);opacity:.7}.serie-flamme.aktiv{filter:none;opacity:1}
.serie-rettung { border-color: #a95d13; border-left-width: 5px; background: #fff6e8; }
.serie-rettung h3 { color: #7a3d09; }
.serie-rettung progress { accent-color: #99500e; }