:root{--ink:#172c2d;--teal:#075b54;--teal2:#168276;--teal3:#e4f2ed;--cream:#f8f6f0;--border:#dce5e1;--muted:#526766;--gold:#bd872d;--red:#9d4b3d;--radius:19px;--shadow:0 12px 32px rgba(15,54,48,.09)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);font:17px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--teal)}:focus-visible{outline:3px solid #f0ad46;outline-offset:3px}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:99}.skip-link:focus{top:5px}
.topbar{background:var(--teal);color:white;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px rgba(0,0,0,.12)}.topbar-inner{max-width:1190px;margin:auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;color:white;background:none;border:0;text-align:left;padding:4px}.brand-icon{height:45px;width:45px;background:#fff;border-radius:12px;color:var(--teal);font-size:21px;font-weight:900;display:grid;place-items:center;letter-spacing:-1px;box-shadow:inset 0 -4px 0 #e1ebe7}.brand strong{font-size:17px;letter-spacing:.05em;display:block;line-height:1.2}.brand small{font-size:11px;display:block;opacity:.88;margin-top:2px}.header-actions{display:flex;gap:7px}.header-button{color:white;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:10px 13px;font-weight:600;font-size:14px;min-height:42px}.header-button:hover,.header-button.is-speaking{background:rgba(255,255,255,.23)}.header-button:disabled{opacity:.45}
#main{min-height:75vh}.wrap{max-width:1190px;margin:auto;padding:26px 22px 50px}.loading{padding:80px;text-align:center}.site-footer{font-size:12px;color:#58706a;border-top:1px solid #dce5e0;max-width:1190px;margin:0 auto;padding:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.hero{background:linear-gradient(90deg,rgba(5,36,40,.94),rgba(5,45,45,.82) 52%,rgba(5,45,45,.12)),url('assets/fallakte.webp') center/cover no-repeat;min-height:280px;color:white;border-radius:24px;padding:38px 42px;box-shadow:var(--shadow);display:flex;align-items:center}.hero-title{max-width:620px}.kicker{letter-spacing:.17em;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--teal2)}.hero .kicker{color:#bfe9dc}.hero h1{font-size:clamp(36px,5vw,61px);margin:7px 0 12px;line-height:1.08;letter-spacing:-.035em}.hero p{margin:0;max-width:560px;font-size:18px;color:#e7f5f0}.hero .case-stamp{margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.15em;color:#f8ddaa}.section-heading{margin:30px 0 10px;font-size:25px}.lead{color:#4c6662;margin:0 0 20px;max-width:800px}.mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mission-card{border:1px solid var(--border);border-radius:18px;background:white;min-width:0;padding:21px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 3px 12px rgba(8,57,46,.035);text-align:left;width:100%;transition:transform .15s ease,border .15s ease}.mission-card:not(:disabled):hover{transform:translateY(-2px);border-color:#8ab8ac}.mission-card.locked{background:#f1f2ee;opacity:1;color:#6f827a}.mission-number{height:48px;width:48px;flex:none;border-radius:15px;background:#e4f2ed;display:grid;place-items:center;color:var(--teal);font-weight:800;font-size:22px}.mission-card.locked .mission-number{background:#dfe5e0;color:#82908c}.mission-details{flex:1}.mission-details strong{font-size:18px;display:block;line-height:1.32}.mission-details p{margin:4px 0 9px;font-size:14px;color:#59716d}.mini-status{font-size:12px;letter-spacing:.03em;text-transform:uppercase;font-weight:800;color:var(--teal2)}.mini-status.locked{color:#80918b}.mini-status.done{color:#307c43}.overview-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:22px}.note-panel{background:#ecf3ee;border:1px solid #d6e6dc;padding:19px 22px;border-radius:18px}.note-panel h3{margin:0 0 7px;font-size:17px}.note-panel p{margin:0;font-size:15px;color:#49645d}.privacy{background:white;border-radius:18px;padding:19px 21px;border:1px solid var(--border)}.privacy p{margin:6px 0 12px;font-size:14px;color:#566e67}.mini-button{border:1px solid #bad1c9;background:white;color:var(--teal);border-radius:10px;padding:8px 13px;font-size:14px;font-weight:700}
.module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.module-head .kicker{margin-bottom:7px}.module-head h1{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.025em}.module-head p{margin:6px 0 0;font-size:15px;color:var(--muted)}.back-overview{border:1px solid #c6dcd4;background:#fff;border-radius:12px;padding:10px 13px;font-size:14px;font-weight:800;color:var(--teal);white-space:nowrap}.progress-track{display:flex;gap:7px;margin:18px 0 10px}.progress-tick{flex:1;height:8px;border-radius:50px;background:#d9e1dc}.progress-tick.done{background:var(--teal2)}.progress-tick.current{background:#d29b42}.step-meta{display:flex;justify-content:space-between;color:#688078;font-size:13px;font-weight:700;gap:12px;margin:2px 0 18px}
.study-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(310px,1fr);gap:20px;align-items:start}.study-card{background:white;border-radius:22px;padding:27px 30px;border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.study-card h2{margin:4px 0 20px;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.17}.story-text{font-size:19px;line-height:1.65}.story-text p{margin:0 0 14px}.story-text strong{color:var(--teal);font-weight:800}.small-note{padding:13px 16px;background:#f1f7f3;border-left:4px solid var(--teal2);border-radius:5px 12px 12px 5px;color:#2e584b;font-size:15px;margin-top:17px}.media-panel{min-width:0;position:relative}.hero-illustration{width:100%;max-height:390px;object-fit:cover;display:block;border-radius:17px;border:1px solid #dce7e0}.image-caption{font-size:12px;color:#60736d;margin:7px 0 0}.side-callout{padding:18px;background:#eaf3ee;border-radius:17px;margin-top:12px;font-size:14px;color:#38645a}.side-callout strong{display:block;font-size:15px;color:var(--teal);margin-bottom:4px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:21px}.person{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #deebe5;border-radius:14px;background:#f8faf7;min-width:0}.person img{width:65px;height:72px;border-radius:10px;object-fit:cover;background:#e9eee9}.person b{display:block;color:var(--teal);font-size:16px}.person span{font-size:13px;color:#4b6560}.person p{margin:0;line-height:1.3}.tile-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px}.image-tile{border-radius:12px;overflow:hidden;text-align:center;background:#f2f7f5;border:1px solid #dcebe4;padding:8px}.image-tile img{max-height:135px;width:100%;object-fit:contain}.image-tile b{display:block;font-size:14px;color:var(--teal)}.evidence-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}.evidence{border:1px solid #d3dfd8;background:#f6faf7;border-radius:14px;padding:9px}.evidence img{width:100%;height:145px;object-fit:cover;border-radius:9px}.evidence b{display:block;font-size:14px;margin-top:5px}.evidence span{display:block;color:#56726a;font-size:13px}
.task-card{background:#fff;border-radius:22px;border:1px solid var(--border);padding:23px;box-shadow:var(--shadow)}.task-number{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--teal2);font-weight:800;margin-bottom:7px}.task-card h3{margin:0 0 17px;font-size:21px;line-height:1.32}.option-list{display:flex;flex-direction:column;gap:9px}.choice{display:flex;align-items:center;gap:10px;border:1.5px solid #dce9e2;padding:12px;border-radius:12px;font-size:16px;cursor:pointer;min-height:52px;background:#fff}.choice:hover{border-color:#8fb3a7}.choice:has(input:checked){background:#e8f6ef;border-color:#20846e}.choice input{width:21px;height:21px;accent-color:var(--teal);flex:none;margin:0}.question-help{border:1px dashed #c3d7ce;padding:11px 13px;margin-top:14px;border-radius:12px;font-size:14px;background:#f8fbf9;color:#49695d}.help-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.help-btn{font-size:14px;background:#f5f6ef;border:1px solid #d6dfd7;color:#47635a;border-radius:10px;padding:9px 11px;font-weight:700}.check-btn{display:block;width:100%;border:0;background:var(--teal);color:white;padding:13px 15px;font-weight:800;border-radius:12px;font-size:16px;min-height:53px;margin-top:14px}.check-btn:hover:not(:disabled){background:#087a6c}.feedback{padding:14px 16px;border-radius:12px;margin-top:13px;font-size:15px;border:1px solid #cad9d0}.feedback.correct{background:#e7f7eb;color:#165b33;border-color:#add5ba}.feedback.wrong{background:#fff5eb;color:#86541f;border-color:#edcda4}.feedback strong{display:block;margin-bottom:2px}.match-grid{display:flex;flex-direction:column;gap:10px}.match-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border:1px solid #dbeae4;padding:11px;border-radius:13px}.match-row label{font-weight:700;font-size:15px}.match-row select{border:1px solid #abbfb4;border-radius:9px;padding:9px;color:#15372d;background:white;font-size:14px;max-width:100%;min-height:46px;flex:1 1 160px}.order-row{display:flex;gap:9px;align-items:center;border-radius:12px;background:#f6f8f4;border:1px solid #dee8e1;width:100%;text-align:left;padding:11px;margin:8px 0;min-height:51px;color:#18342e}.order-row:hover{background:#ebf3eb}.order-number{display:grid;place-items:center;flex:none;border-radius:99px;background:#dce9e2;color:#0d695c;width:29px;height:29px;font-weight:800}.order-row.chosen{background:#e5f4ed;border-color:#8dbfa8}.order-reset{background:none;border:0;color:var(--teal);font-weight:700;font-size:14px;margin-top:7px;text-decoration:underline;padding:7px}
.study-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.nav-button{font-size:16px;border-radius:13px;padding:13px 18px;min-height:51px;border:1px solid #b6cfc5;background:#fff;color:var(--teal);font-weight:800;display:inline-flex;align-items:center;gap:11px}.nav-button.primary{background:var(--teal);color:white;border-color:var(--teal)}.nav-button.primary:not(:disabled):hover{background:#087a6c}.under-task{margin:8px 0 0;color:#65786d;font-size:13px}.completed-badge{color:#206b43;font-size:13px;font-weight:800;background:#e6f6ea;display:inline-block;padding:3px 10px;border-radius:99px;margin-bottom:8px}.worksheet-link{display:inline-flex;align-items:center;gap:7px;font-weight:800;background:#edf5ed;border:1px solid #b5d0bc;border-radius:11px;padding:11px 14px;text-decoration:none}.worksheet-link:hover{background:#e2f2e6}.finish-card{max-width:790px;margin:24px auto;text-align:center;background:white;border:1px solid var(--border);border-radius:25px;padding:40px 32px;box-shadow:var(--shadow)}.finish-emblem{font-size:48px;border-radius:50%;width:86px;height:86px;display:grid;place-items:center;background:#e0f3e5;color:#287e51;margin:0 auto 16px}.finish-card h1{font-size:36px;margin:0 0 9px;letter-spacing:-.03em}.finish-card p{font-size:18px;color:#53685d}.finish-actions{margin:22px 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.finish-actions .nav-button{font-size:15px}.all-worksheets{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:19px}.all-worksheets .worksheet-link{font-size:14px}.case-end{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:19px auto}.case-end div{padding:16px;border:1px solid #deebe3;border-radius:14px;background:#f5faf6}.case-end strong{display:block;color:var(--teal)}.case-end span{font-size:14px}.no-photo{padding:20px;border-radius:15px;background:#e2f1e9;color:var(--teal);font-weight:700}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;max-width:90%;pointer-events:none;background:#173c33;color:white;padding:9px 16px;border-radius:11px;font-size:14px;box-shadow:0 5px 25px rgba(0,0,0,.15);opacity:0;transition:opacity .15s}#toast.visible{opacity:1}
@media(max-width:880px){.study-layout{grid-template-columns:1fr}.media-panel{grid-row:2}.task-card{grid-row:3}.study-footer{grid-row:4}.hero{min-height:245px}.overview-bottom{grid-template-columns:1fr}.study-card{padding:22px}.hero-illustration{max-height:310px;object-fit:contain;background:#e8efeb}}
@media(max-width:600px){body{font-size:16px}.wrap{padding:16px 12px 35px}.topbar-inner{padding:9px 12px}.brand-icon{height:40px;width:40px}.brand strong{font-size:14px}.brand small{font-size:10px}.header-button span{display:none}.header-button{padding:10px 12px}.hero{min-height:235px;padding:25px 23px;border-radius:17px}.hero h1{font-size:38px}.hero p{font-size:16px}.mission-list{grid-template-columns:1fr}.mission-card{padding:15px}.module-head{flex-direction:column}.module-head h1{font-size:27px}.study-card{padding:19px;border-radius:17px}.study-card h2{font-size:26px}.story-text{font-size:17px}.task-card{padding:17px;border-radius:17px}.task-card h3{font-size:19px}.person img{width:50px;height:57px}.photo-grid{grid-template-columns:1fr 1fr}.person{flex-direction:column;align-items:flex-start}.study-footer{flex-wrap:wrap}.nav-button{padding:11px 13px;font-size:14px}.finish-card{padding:29px 18px}.finish-card h1{font-size:28px}.case-end{grid-template-columns:1fr}.site-footer{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Fallakte 7 V2: lesefreundliche, filmische Ermittlungsoberfläche */
:root {--night:#082d3a;--midnight:#09242e;--amber:#eebd66;--paper:#fffdf8}
body{background:linear-gradient(180deg,#edf3f0 0,#f8f6f0 450px);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.topbar{background:linear-gradient(110deg,#082f3c,#06675d)}
.header-button[hidden]{display:none}
.header-button{min-height:46px}.topbar-inner{max-width:1240px}
.wrap{max-width:1240px}.module-wrap{padding-bottom:80px}
.hero{min-height:390px;background:linear-gradient(90deg,rgba(4,26,35,.95),rgba(4,34,44,.7) 56%,rgba(4,34,44,.04)),url('assets/scene-schulfest.webp') center/cover no-repeat;border:1px solid #274954;box-shadow:0 22px 55px rgba(5,33,37,.20)}
.hero h1{font-size:clamp(54px,7vw,84px);letter-spacing:.02em;text-shadow:0 2px 20px #001c26}
.hero .case-stamp{background:rgba(255,255,255,.1);padding:8px 12px;border-radius:6px;display:inline-block;letter-spacing:.12em}
.hero-cta{display:block;margin-top:21px;border:1px solid rgba(255,255,255,.5);background:#118675;color:#fff;border-radius:12px;padding:13px 20px;min-height:52px;font-weight:800;font-size:16px;box-shadow:0 5px 16px rgba(0,0,0,.22)}
.hero-cta:hover{background:#0b9d83}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 18px}
.overview-heading h2{font-size:30px;margin:0}.overview-heading p{margin:2px 0;color:var(--muted);font-size:15px}
.overview-counter{border:1px solid #a5d2c1;border-radius:99px;background:white;color:var(--teal);white-space:nowrap;padding:8px 13px;font-weight:900}
.mission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.mission-card{padding:0;overflow:hidden;border-color:#d2ddd8;align-items:stretch;gap:0;min-height:180px;position:relative}
.mission-card:disabled .mission-thumbnail{filter:grayscale(.8);opacity:.55}
.mission-card.locked{background:#eaf0ec}
.mission-thumbnail{width:185px;min-height:174px;max-height:225px;object-fit:cover;flex-shrink:0;background:var(--night)}
.mission-card-body{display:flex;flex-direction:column;gap:7px;padding:19px 22px;flex:1}
.mission-tag{font-size:11px;letter-spacing:.09em;font-weight:900;color:#087a68}
.mission-card-body strong{font-size:20px;line-height:1.22}
.mission-card .mission-aim{font-size:14px;color:#4c665f;line-height:1.4}
.mission-foot{font-size:12px;color:#42665c;font-weight:800;margin-top:auto}
.mission-arrow{align-self:center;font-weight:900;font-size:24px;color:var(--teal);padding-right:14px}
.mission-card.passed{border-color:#9ccdb7}.mission-card.passed .mission-tag{color:#26774a}
.module-head{margin-bottom:18px}.module-head h1{font-size:clamp(29px,3.7vw,42px)}
.progress-tick.worksheet-tick{background:repeating-linear-gradient(45deg,#b8c6c1,#b8c6c1 4px,#e6ede8 4px,#e6ede8 8px);max-width:32px}
.mission-theme-1{--accent:#a34b3a}.mission-theme-2{--accent:#215a9d}.mission-theme-3{--accent:#49823c}.mission-theme-4{--accent:#bb6c26}.mission-theme-5{--accent:#6d4b95}
.module-head .kicker{color:var(--accent)}
.study-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.91fr);gap:17px}
.study-card{padding:27px;background:var(--paper);border-top:5px solid var(--accent);box-shadow:0 15px 28px rgba(13,44,46,.08)}
.study-card .kicker{color:var(--accent)}
.study-card h2{margin-bottom:15px}
.story-text{font-size:18px;line-height:1.58}.story-text p{margin-bottom:11px}
.scene-photo{margin:20px 0 8px;background:#ecede7;border-radius:16px;overflow:hidden;border:1px solid #d9e1d7}
.scene-photo img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:#122c38;border:0;border-radius:0}
.scene-photo figcaption{background:#eaf1ed;padding:9px 12px;font-size:13px;color:#355c53}
.zoom-button{background:#eef5f0;border:1px solid #bfd8ca;color:#0a6255;border-radius:9px;min-height:41px;padding:7px 11px;font-weight:800;font-size:14px;margin:3px 0 10px}
.map-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;background:#f1f5f1;border:1px solid #cbd9d4;border-radius:13px;margin:10px 0 7px}
.legend-entry{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}
.legend-dot{width:21px;height:21px;border-radius:50%;display:inline-block;box-shadow:0 1px 3px #a1a1a1}.legend-dot.red{background:#c82c2b}.legend-dot.blue{background:#2164bd}
.visual-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 6px}
.visual-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-card{border:1px solid #cfdcd5;background:#f4f8f4;border-radius:15px;overflow:hidden;min-width:0}
.visual-card>img{display:block;width:100%;height:166px;object-fit:cover;background:#0d3043}
.visual-card-copy{padding:12px 12px 14px;font-size:14px;line-height:1.38}
.visual-card-copy strong{display:block;font-size:15px;color:#135f54;margin-bottom:6px}
.visual-card-copy span{display:block}
.task-card{border-top:5px solid var(--accent);background:#fff;box-shadow:0 15px 28px rgba(13,44,46,.08)}
.task-number{color:var(--accent);font-size:12px}
.task-card h3{font-size:21px}.task-card .choice{padding:12px 13px}
.discovery-card{background:linear-gradient(165deg,#e9f6ef,#fff)}
.discovery-card .discovery-number{font-size:112px;letter-spacing:-.06em;color:#d5e9de;font-weight:900;line-height:1.0;margin:12px 0}
.discovery-card p{font-size:17px}.discovery-note{padding:14px;background:#f9faf6;border-radius:12px}
.study-footer{padding:12px 15px;background:rgba(248,250,248,.96);border:1px solid #d0ddd5;border-radius:16px;box-shadow:0 6px 15px rgba(7,29,31,.07);position:sticky;bottom:10px;z-index:3;margin-top:2px}
.nav-button{min-height:51px}.nav-button.primary{box-shadow:0 3px 12px rgba(5,95,78,.13)}
.option-list .choice{font-size:16px}.match-row label{font-size:16px}
.worksheet-top{border-radius:20px;background:linear-gradient(120deg,#0a3540,#09655a);color:white;padding:27px 32px 30px;margin:8px 0 18px}
.worksheet-top .kicker{color:#b9eedc}.worksheet-top h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:9px 0 8px}.worksheet-top p{font-size:18px;margin:0;max-width:750px}
.worksheet-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;align-items:stretch}
.worksheet-paper,.worksheet-review{background:#fffefb;border-radius:20px;padding:25px 29px;border:1px solid #d7e3dc;box-shadow:var(--shadow)}
.worksheet-paper{background:linear-gradient(180deg,#fffdf6,#f5efe2);border-left:10px solid #d1ab6d;position:relative}
.worksheet-tag{font-size:12px;letter-spacing:.15em;font-weight:900;color:#7a6136}
.worksheet-document{position:absolute;right:22px;top:15px;color:#a18b68;font-size:57px;line-height:1;font-weight:900;transform:rotate(8deg)}
.worksheet-paper h2{max-width:440px;font-size:27px;margin:14px 0 23px}
.worksheet-paper ol{list-style:none;padding:0;counter-reset:sheets}
.worksheet-paper li{position:relative;counter-increment:sheets;margin:17px 0 17px;padding:0 4px 0 47px;font-size:18px;min-height:40px}
.worksheet-paper li:before{content:counter(sheets);position:absolute;left:0;top:0;width:31px;height:31px;display:grid;place-items:center;background:#dfece3;color:#0f6457;font-weight:900;border-radius:50%}
.worksheet-review h3{font-size:25px;margin:8px 0}.worksheet-review p{color:#46665d;margin:0 0 12px}
.review-steps{display:flex;flex-direction:column;gap:8px}
.review-steps button{background:#eff6f1;border:1px solid #c9dfcf;min-height:47px;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;padding:9px 11px;font-weight:700;color:#184d40}
.review-steps button span{border-radius:50%;width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;background:#d3e9db}
.worksheet-confirm{display:flex;align-items:center;gap:11px;margin-top:24px;padding:17px;background:#e6f4e9;border:2px solid #b9dac0;border-radius:14px;font-weight:900;cursor:pointer}
.worksheet-confirm input{width:25px;height:25px;accent-color:#0c7452;flex-shrink:0}
.worksheet-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:19px;padding:15px;background:#fff;border-radius:17px;box-shadow:0 6px 20px rgba(1,40,35,.08)}
.back-overview.centered{display:block;margin:15px auto 0}
.finale-shell{background:linear-gradient(180deg,#071f30,#163c46 48%,#eff3ed 48%);padding:14px 0 50px}
.finale-shell .wrap{padding-bottom:15px}
.final-back{background:#143749;color:white;border-color:#426c73;margin-bottom:13px}
.finale-hero{text-align:center;border-radius:24px;background:linear-gradient(180deg,rgba(5,23,34,.35),rgba(5,21,29,.92)),url('assets/scene-finalbeweise.webp') center/cover;min-height:370px;padding:40px 22px;color:#fff;box-shadow:0 20px 50px #001a2a66;border:1px solid #9a8147;overflow:hidden}
.finale-hero .kicker{color:#ffdc96}
.finale-folder{display:inline-block;margin:19px auto 10px;background:#f0e3c8;color:#4a3320;border:3px solid #a65a44;padding:12px 26px;transform:rotate(-2deg);font-weight:900;font-size:clamp(19px,3vw,28px);box-shadow:0 6px 20px #0007;letter-spacing:.12em}
.finale-folder b{color:#b33923}
.finale-hero h1{margin:3px auto 10px;font-size:clamp(44px,7vw,83px);font-weight:1000;letter-spacing:.03em;text-shadow:0 5px 24px #000}
.finale-hero p{font-size:19px;max-width:700px;margin:auto}
.finale-seal{display:inline-block;background:#c5f5d6;color:#0a5432;margin-top:23px;padding:11px 18px;border-radius:50px;border:2px solid #49ab72;box-shadow:0 0 25px #75ffad4d;font-weight:900}
.finale-heading{font-size:30px;color:white;margin:27px 0 16px}
.final-clues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.final-clues article{background:#fdfaf2;border:1px solid #bfac80;border-radius:17px;padding:15px;box-shadow:0 14px 32px #00182240;display:flex;align-items:center;gap:18px;min-height:190px}
.final-clues img{width:44%;max-width:275px;aspect-ratio:4/3;object-fit:cover;border:7px solid #fff;box-shadow:0 3px 15px #2343;transform:rotate(-2deg)}
.final-clues article:last-child img{transform:rotate(2deg)}
.final-clues article strong{color:#71572a;font-size:13px;letter-spacing:.1em}
.final-clues p{font-size:17px;margin:9px 0}
.achievement{background:#fff9e8;border:5px double #bc9651;border-radius:18px;padding:28px 31px;display:flex;gap:26px;align-items:center;margin-top:23px;box-shadow:0 15px 35px #03252b1b}
.achievement-medal{flex-shrink:0;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f7e49a,#d6a332);color:white;border:8px ridge #be8831;font-size:68px;text-shadow:0 4px 12px #8d6621}
.achievement h2{margin:8px 0 8px;font-size:30px}.achievement p{margin:0 0 12px}
.achievement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;color:#1d664a;font-size:14px;font-weight:800}
.finale-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.image-modal{border:0;border-radius:16px;max-width:97vw;max-height:94vh;background:#f8f7ef;padding:12px;box-shadow:0 20px 75px #0019}
.image-modal::backdrop{background:rgba(4,23,32,.82)}
.image-modal img{width:auto;max-width:90vw;max-height:75vh;object-fit:contain;display:block;margin:auto}
.image-modal p{font-weight:800;text-align:center;margin:8px 0 0}.modal-close{display:block;margin-left:auto;margin-bottom:8px;background:#123f4a;color:white;border:0;padding:9px 16px;border-radius:8px}
#print-certificate{display:none}
@media(max-width:980px){.mission-thumbnail{width:135px}.mission-card-body{padding:14px}.mission-card-body strong{font-size:18px}.study-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.visual-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card>img{height:115px}.final-clues article{flex-direction:column;align-items:flex-start}.final-clues img{width:100%;max-width:none}}
@media(max-width:760px){.study-layout{grid-template-columns:1fr}.task-card{grid-row:auto}.study-footer{grid-column:1;grid-row:auto}.mission-list{grid-template-columns:1fr}.worksheet-layout{grid-template-columns:1fr}.visual-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card>img{height:140px}.achievement{align-items:flex-start}.final-clues article{flex-direction:row}.final-clues img{width:43%}.hero{min-height:315px}.finale-hero{min-height:310px}}
@media(max-width:570px){.hero{padding:27px 20px;min-height:315px}.hero h1{font-size:52px}.overview-heading{align-items:flex-start}.overview-heading h2{font-size:24px}.overview-counter{font-size:13px}.mission-thumbnail{width:105px;min-height:162px}.mission-card-body{padding:12px}.mission-arrow{padding-right:7px;font-size:19px}.module-head{gap:10px}.study-layout{gap:12px}.study-card{padding:18px}.study-card h2{font-size:26px}.visual-cards.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-cards.count-3 .visual-card:last-child{grid-column:1/-1}.visual-card>img{height:145px}.visual-cards.count-3 .visual-card:last-child>img{height:175px}.visual-card-copy{padding:8px}.visual-card-copy strong{font-size:14px}.visual-card-copy span{font-size:13px}.map-legend{gap:8px}.legend-entry{font-size:13px}.legend-dot{height:16px;width:16px}.study-footer{bottom:0;margin-left:-10px;margin-right:-10px;border-radius:10px;gap:8px;padding:9px}.study-footer .nav-button{min-height:48px}.worksheet-paper,.worksheet-review{padding:20px}.worksheet-paper li{font-size:16px}.worksheet-top{padding:20px}.worksheet-top p{font-size:16px}.worksheet-footer{padding:10px}.worksheet-footer .nav-button{flex:1;justify-content:center}.final-clues{grid-template-columns:1fr}.finale-heading{color:#f1fae8}.achievement{flex-direction:column;align-items:center;text-align:center;padding:19px}.achievement-list{grid-template-columns:1fr;text-align:left}.finale-hero h1{font-size:46px}.finale-hero p{font-size:16px}.final-clues article{min-height:unset}.achievement-medal{width:90px;height:90px;font-size:47px}}
@media(prefers-reduced-motion:no-preference){.finale-hero{animation:fadeUp .55s ease both}.finale-seal{animation:fadeUp .7s .18s both}.achievement{animation:fadeUp .8s .22s both}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media print{body>*:not(#print-certificate){display:none!important}#print-certificate{display:block!important;font:20px/1.5 Georgia,serif;background:#fffdf5;padding:30mm 15mm;color:#17394b}.cert-border{min-height:190mm;border:8px double #ab8c48;padding:30mm 15mm;text-align:center}.cert-border>span{font-size:15px;letter-spacing:.12em}.cert-border h1{font-size:55px;margin:30px 0 8px}.cert-border h2{font-size:25px}.cert-border p{margin:35px auto;max-width:520px}.cert-name{margin:40px 0}.cert-stamp{font-weight:900;color:#2d7858;border:4px solid #2d7858;display:inline-block;padding:13px}}