.mission-page{--mission-accent:#9c82ff;display:grid;gap:14px}.mission-kicker{display:block;margin-bottom:5px;color:var(--mission-accent);font-size:9px;font-weight:950;letter-spacing:.15em}.mission-hero,.mission-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-color:rgba(130,106,235,.43);background:radial-gradient(circle at 8% 0,rgba(117,69,235,.2),transparent 34%),linear-gradient(120deg,rgba(37,25,88,.95),rgba(8,17,43,.98) 62%)}.mission-hero h1,.mission-detail-hero h1{margin:0;color:#f8f5ff;font-size:30px;line-height:1.05}.mission-hero p,.mission-detail-hero p{max-width:720px;margin:8px 0 0;color:#abb9da;font-size:11px;line-height:1.5}.mission-hero-stats{display:grid;grid-template-columns:repeat(2,86px);gap:8px}.mission-hero-stats>div,.mission-detail-progress{height:76px;display:grid;place-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--mission-accent) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--mission-accent) 11%,rgba(5,13,34,.9))}.mission-hero-stats strong,.mission-detail-progress strong{color:#fff;font-size:20px;line-height:1}.mission-hero-stats span,.mission-detail-progress span{margin-top:6px;color:#bcb2e3;font-size:7px;font-weight:950;letter-spacing:.1em}.mission-period-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-color:rgba(72,206,229,.28);background:linear-gradient(115deg,rgba(7,39,64,.87),rgba(7,16,39,.97))}.mission-period-card strong{display:block;color:#edf8ff;font-size:14px}.mission-period-card p{max-width:760px;margin:5px 0 0;color:#91a6cb;font-size:10px}.mission-period-actions,.mission-primary-actions,.mission-series-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mission-period-actions a,.mission-primary-actions a,.mission-series-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 12px;border:1px solid rgba(93,142,225,.4);border-radius:10px;background:rgba(20,50,107,.48);color:#e8f2ff;font-size:10px;font-weight:900;text-decoration:none}.mission-period-actions a:hover,.mission-primary-actions a:hover,.mission-series-actions a:hover{filter:brightness(1.15)}.mission-primary-actions a.primary,.mission-series-actions a.primary{border-color:color-mix(in srgb,var(--mission-accent) 72%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--mission-accent) 65%,#25549b),color-mix(in srgb,var(--mission-accent) 35%,#07142f))}.mission-series-list{display:grid;gap:10px}.mission-series-card{--mission-accent:#9c82ff;padding:0;border-color:color-mix(in srgb,var(--mission-accent) 42%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--mission-accent) 8%,#0a1737),rgba(7,15,37,.98) 62%);overflow:hidden}.mission-series-card>summary,.mission-detail-section>summary{list-style:none;cursor:pointer}.mission-series-card>summary::-webkit-details-marker,.mission-detail-section>summary::-webkit-details-marker{display:none}.mission-series-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 48px 15px 17px}.mission-series-summary::after,.mission-detail-section>summary::after{content:"⌄";position:absolute;right:17px;top:50%;transform:translateY(-50%) rotate(-90deg);color:var(--mission-accent);font-size:19px;transition:transform .16s ease}.mission-series-card[open]>.mission-series-summary::after,.mission-detail-section[open]>summary::after{transform:translateY(-50%) rotate(0deg)}.mission-series-summary:hover,.mission-detail-section>summary:hover{background:rgba(255,255,255,.018)}.mission-series-title>span{color:var(--mission-accent);font-size:8px;font-weight:950;letter-spacing:.13em}.mission-series-title h2{margin:4px 0 0;color:#f4f6ff;font-size:18px}.mission-series-title p{margin:5px 0 0;color:#9eafcf;font-size:10px}.mission-series-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.mission-series-badges b,.mission-detail-status-row span,.mission-detail-section>summary>b{padding:6px 9px;border:1px solid rgba(99,119,172,.3);border-radius:999px;background:rgba(6,14,35,.75);color:#9eadd0;font-size:8px;font-weight:950;letter-spacing:.07em;white-space:nowrap}.mission-series-card.state-first .mission-weekly-badge,.mission-series-card.state-available .mission-weekly-badge,.mission-detail-status-row .state-first,.mission-detail-status-row .state-available{border-color:color-mix(in srgb,var(--mission-accent) 54%,transparent);color:color-mix(in srgb,var(--mission-accent) 65%,white)}.mission-series-card.state-done .mission-weekly-badge,.mission-detail-status-row .state-done{border-color:rgba(67,221,156,.35);background:rgba(22,114,82,.18);color:#75e9b6}.mission-series-card.is-achieved .mission-progress-badge{border-color:rgba(67,221,156,.35);color:#75e9b6}.mission-series-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr) auto;align-items:stretch;gap:10px;padding:0 17px 17px;border-top:1px solid color-mix(in srgb,var(--mission-accent) 19%,transparent)}.mission-current-objective,.mission-series-progress{margin-top:12px;padding:12px;border:1px solid rgba(86,108,164,.25);border-radius:11px;background:rgba(5,13,33,.62)}.mission-current-objective>span,.mission-series-progress>div:first-child span{color:var(--mission-accent);font-size:8px;font-weight:950;letter-spacing:.11em}.mission-current-objective>strong{display:block;margin-top:5px;color:#f0f5ff;font-size:13px}.mission-current-objective p{margin:5px 0 0;color:#98a9ca;font-size:10px;line-height:1.45}.mission-series-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.mission-series-progress>div:first-child strong{color:#eef4ff;font-size:12px}.mission-series-progress small{display:block;margin-top:7px;color:#8e9cbb;font-size:9px;line-height:1.4}.mission-progress-track{height:9px;margin-top:9px;border:1px solid rgba(81,104,164,.25);border-radius:999px;background:#040c21;overflow:hidden}.mission-progress-track i{display:block;width:var(--mission-progress);height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--mission-accent) 72%,#2c6a9e),color-mix(in srgb,var(--mission-accent) 42%,white));box-shadow:0 0 12px color-mix(in srgb,var(--mission-accent) 35%,transparent)}.mission-series-actions{align-content:center;justify-content:stretch;margin-top:12px}.mission-series-actions a{width:100%}.mission-countdown{display:inline-flex;margin-top:9px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--mission-accent) 42%,transparent);border-radius:8px;color:#eef7ff;font-size:10px;font-weight:950}.mission-breadcrumb{display:flex;align-items:center;gap:7px;padding:0 4px;color:#7387af;font-size:10px}.mission-breadcrumb a{color:#b9d5ff;text-decoration:none}.mission-breadcrumb strong{color:#d8e2f5}.mission-detail-hero{border-color:color-mix(in srgb,var(--mission-accent) 45%,transparent);background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--mission-accent) 20%,transparent),transparent 34%),linear-gradient(120deg,color-mix(in srgb,var(--mission-accent) 9%,#111b42),rgba(7,15,38,.98) 62%)}.mission-detail-status-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mission-detail-progress{flex:0 0 86px;width:86px;height:86px;border-radius:50%}.mission-detail-section{padding:0;border-color:color-mix(in srgb,var(--mission-accent) 34%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--mission-accent) 6%,#0a1736),rgba(7,15,37,.98))}.mission-detail-section>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 48px 15px 17px}.mission-detail-section>summary h2{margin:0;color:#f2f5ff;font-size:18px}.mission-detail-section>summary>b{color:color-mix(in srgb,var(--mission-accent) 65%,white)}.mission-detail-section-body{display:grid;gap:12px;padding:0 17px 17px;border-top:1px solid color-mix(in srgb,var(--mission-accent) 18%,transparent)}.mission-current-objective.is-large{margin-top:12px}.mission-primary-actions{justify-content:flex-start}.mission-section-intro{margin:12px 0 0;color:#a3b3d2;font-size:11px;line-height:1.5}.mission-tactic-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mission-tactic-overview>div{display:grid;gap:4px;padding:11px;border:1px solid rgba(128,75,65,.55);border-radius:10px;background:rgba(66,25,25,.2)}.mission-tactic-overview>div.is-complete{border-color:rgba(57,211,151,.36);background:rgba(15,81,66,.2)}.mission-tactic-overview strong{color:#fff0e9;font-size:11px}.mission-tactic-overview span{color:#ffc08f;font-size:9px;font-weight:850}.mission-tactic-overview small{color:#8fa0c0;font-size:8px}.mission-contact-grid{margin-top:0}.mission-empty{padding:15px;border:1px dashed rgba(92,115,174,.3);border-radius:11px;color:#8fa1c4;font-size:11px;text-align:center}.mission-outcome-list{display:grid;gap:7px;margin-top:12px}.mission-outcome-list article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid rgba(80,102,159,.24);border-radius:10px;background:rgba(5,13,33,.62)}.mission-outcome-list article.is-complete{border-color:color-mix(in srgb,var(--mission-accent) 40%,transparent);box-shadow:inset 3px 0 var(--mission-accent)}.mission-outcome-list i{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(104,122,170,.45);border-radius:50%;color:#8392b2;font-size:9px;font-style:normal;font-weight:950}.mission-outcome-list .is-complete i{border-color:var(--mission-accent);background:var(--mission-accent);color:#07132b}.mission-outcome-list strong,.mission-outcome-list span{display:block}.mission-outcome-list strong{color:#eaf1ff;font-size:11px}.mission-outcome-list span{margin-top:3px;color:#889bbc;font-size:9px}.mission-outcome-list p{margin:4px 0 0;color:#9aaac8;font-size:9px}.mission-achievement-reward{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:11px;border:1px solid rgba(91,110,162,.28);border-radius:12px;background:rgba(7,14,35,.72)}.mission-achievement-reward.is-complete{border-color:rgba(60,216,159,.38);box-shadow:inset 3px 0 #43d99e}.mission-achievement-reward img{width:88px;height:88px;display:block;border-radius:11px;object-fit:cover}.mission-achievement-reward:not(.is-complete) img{filter:grayscale(.95) brightness(.47)}.mission-achievement-reward span{color:var(--mission-accent);font-size:8px;font-weight:950;letter-spacing:.12em}.mission-achievement-reward h3{margin:4px 0 0;color:#f2f6ff;font-size:15px}.mission-achievement-reward p{margin:5px 0;color:#98a8c7;font-size:10px}.mission-achievement-reward div>strong{color:#74e8b5;font-size:9px}.mission-achievement-reward:not(.is-complete) div>strong{color:#8c9aba}.mission-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px}.mission-rule-grid>div{padding:12px;border:1px solid rgba(86,106,159,.24);border-radius:10px;background:rgba(5,13,32,.6)}.mission-rule-grid strong{color:#eef3ff;font-size:11px}.mission-rule-grid p{margin:6px 0 0;color:#91a1bf;font-size:9px;line-height:1.5}
@media(max-width:900px){.mission-series-body{grid-template-columns:1fr 1fr}.mission-series-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.mission-tactic-overview,.mission-rule-grid{grid-template-columns:1fr}.mission-hero-stats{grid-template-columns:repeat(2,74px)}}
@media(max-width:620px){.mission-hero,.mission-detail-hero,.mission-period-card{align-items:flex-start;padding:14px}.mission-hero,.mission-detail-hero{display:grid}.mission-hero h1,.mission-detail-hero h1{font-size:25px}.mission-hero-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.mission-hero-stats>div{height:58px}.mission-period-card{display:grid}.mission-period-actions,.mission-primary-actions{display:grid;grid-template-columns:1fr;width:100%}.mission-series-summary,.mission-detail-section>summary{align-items:flex-start;display:grid;padding:13px 42px 13px 13px}.mission-series-badges{justify-content:flex-start}.mission-series-body{grid-template-columns:1fr;padding:0 12px 12px}.mission-series-actions{grid-column:auto;grid-template-columns:1fr}.mission-detail-progress{width:62px;height:62px;justify-self:end}.mission-detail-status-row{padding-right:0}.mission-detail-section-body{padding:0 12px 12px}.mission-achievement-reward{grid-template-columns:68px minmax(0,1fr)}.mission-achievement-reward img{width:68px;height:68px}.mission-contact-grid{grid-template-columns:1fr}}

/* Weeklies V2: bewusst ohne Pfeile oder Chevron-Symbole. */
.mission-series-summary::after,.mission-detail-section>summary::after{content:none!important;display:none!important}
.mission-series-summary,.mission-detail-section>summary{padding-right:17px}
.mission-summary-side,.mission-detail-summary-side{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mission-toggle-label{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--mission-accent) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mission-accent) 8%,rgba(5,13,34,.9));color:#cbd6ee;font-size:9px;font-weight:900;letter-spacing:.03em;white-space:nowrap}
.mission-toggle-label .when-open{display:none}.mission-series-card[open] .mission-toggle-label .when-closed,.mission-detail-section[open]>.mission-series-summary .mission-toggle-label .when-closed,.mission-detail-section[open]>summary .mission-toggle-label .when-closed{display:none}.mission-series-card[open] .mission-toggle-label .when-open,.mission-detail-section[open]>summary .mission-toggle-label .when-open{display:inline}
.mission-series-body{grid-template-columns:repeat(3,minmax(0,1fr))}
.mission-series-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.mission-series-progress.is-weekly{border-color:color-mix(in srgb,var(--mission-accent) 40%,transparent);background:color-mix(in srgb,var(--mission-accent) 7%,rgba(5,13,33,.72))}
.mission-detail-section>summary>.mission-detail-summary-side>b{padding:6px 9px;border:1px solid rgba(99,119,172,.3);border-radius:999px;background:rgba(6,14,35,.75);color:color-mix(in srgb,var(--mission-accent) 65%,white);font-size:9px;font-weight:950;letter-spacing:.06em;white-space:nowrap}
.mission-weekly-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mission-weekly-step-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:88px;padding:11px;border:1px solid rgba(89,108,159,.3);border-radius:11px;background:rgba(5,13,33,.66)}
.mission-weekly-step-grid article.is-complete{border-color:rgba(62,218,159,.42);box-shadow:inset 3px 0 #43d99e}
.mission-weekly-step-grid i{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(103,122,169,.5);border-radius:50%;color:#93a2c1;font-size:10px;font-style:normal;font-weight:950}.mission-weekly-step-grid .is-complete i{border-color:#43d99e;background:#43d99e;color:#06172a}
.mission-weekly-step-grid strong,.mission-weekly-step-grid span,.mission-weekly-step-grid small{display:block}.mission-weekly-step-grid strong{color:#edf3ff;font-size:12px}.mission-weekly-step-grid span{margin-top:4px;color:#b8c6df;font-size:10px;line-height:1.4}.mission-weekly-step-grid small{margin-top:5px;color:#8193b6;font-size:9px}.mission-weekly-step-grid .is-complete small{color:#73e5b2}
@media(max-width:920px){.mission-series-body{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-current-objective{grid-column:1/-1}.mission-weekly-step-grid{grid-template-columns:1fr}}
@media(max-width:620px){.mission-series-summary,.mission-detail-section>summary{padding:13px}.mission-summary-side,.mission-detail-summary-side{justify-content:flex-start}.mission-series-body{grid-template-columns:1fr}.mission-current-objective{grid-column:auto}.mission-series-actions{grid-column:auto;grid-template-columns:1fr}.mission-toggle-label{font-size:10px}.mission-weekly-step-grid article{min-height:0}}

/* Eventbild im Weekly-Kopf: dieselbe Identität auf Desktop und Mobilgeräten. */
.mission-detail-identity{display:flex;align-items:center;gap:16px;min-width:0}
.mission-detail-identity>div{min-width:0}
.mission-detail-avatar{flex:0 0 82px;width:82px;height:82px;border:1px solid color-mix(in srgb,var(--mission-accent) 58%,transparent);border-radius:15px;object-fit:cover;box-shadow:0 10px 28px color-mix(in srgb,var(--mission-accent) 18%,transparent)}
@media(max-width:620px){.mission-detail-identity{align-items:flex-start;gap:12px}.mission-detail-avatar{flex-basis:64px;width:64px;height:64px;border-radius:12px}.mission-detail-identity h1{font-size:22px}.mission-detail-progress{justify-self:start}}
