
:root{font-family:Montserrat,Arial,sans-serif;color:#252929;background:#f7f5f2;--accent:#ff7968;--ink:#252929;--line:#dedbd5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae392d;outline-offset:3px}header{max-width:1150px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:26px;letter-spacing:-1px}.brand span{color:#b64638}.tag,.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase}main{max-width:1050px;margin:auto;padding:25px 24px 65px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:45px 0}.hero h1{font-size:clamp(40px,6vw,70px);letter-spacing:-3px;line-height:1.04;margin:20px 0}h1 em{font-style:normal;color:#b64638}h2{font-size:32px;letter-spacing:-1px;margin:16px 0}p{line-height:1.65;color:#626866}.primary,.secondary{min-height:48px;padding:14px 22px;border-radius:13px;border:0;font-weight:700}.primary{background:var(--accent);color:#252929}.secondary{background:#eae7e1;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.art{background:var(--accent);padding:35px;border-radius:28px;transform:rotate(2deg);box-shadow:12px 12px 0 #e9e3d9}.art p{color:#492c26}.big{font-size:80px;font-weight:800;letter-spacing:-5px}.card{max-width:780px;margin:20px auto;background:#fff;border:1px solid var(--line);padding:34px;border-radius:24px}.hint{font-size:12px;line-height:1.65}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input,select{width:100%;padding:13px;border:1px solid #bbbeb8;border-radius:10px;background:#fff;color:var(--ink)}input[type=range]{padding:0;accent-color:#c44d3e}input[type=checkbox]{width:18px;height:18px;accent-color:#c44d3e}.check{display:flex;align-items:center;gap:10px;font-weight:400;margin-top:16px}.progress{height:7px;background:#e8e5df;border-radius:6px;overflow:hidden;margin:14px 0}.progress i{display:block;background:var(--accent);height:100%;transition:width .4s}.steps{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:#747b76}.steps .active{color:#a3382c;font-weight:700}.hud{position:sticky;top:0;background:#f7f5f2f5;backdrop-filter:blur(12px);padding:12px 0;z-index:2}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resource{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;font-size:12px}.resource b{display:block;margin-top:5px;font-size:17px}.scene{background:#f7f5f2;border-left:4px solid var(--accent);padding:18px;border-radius:0 12px 12px 0;font-size:15px;line-height:1.6}.choice{display:block;width:100%;text-align:left;padding:16px;border:1px solid var(--line);background:white;border-radius:12px;margin:10px 0;line-height:1.5}.choice.selected{border:2px solid #ae392d;background:#fff2ef;padding:15px}.choice:hover{background:#faf7f2}.feedback{padding:20px;background:#f7f5f2;border-radius:16px;margin-top:22px}.feedback.good{border-left:4px solid #45755b}.feedback.bad{border-left:4px solid #b64638}.order{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.order span{flex:1}.order button{border:0;border-radius:7px;padding:8px;background:#eee9e2}.alert{color:#a3382c}.level{font-size:65px;font-weight:800;letter-spacing:-3px}.divider{border-top:1px solid var(--line);margin:22px 0;padding-top:22px}footer{max-width:1050px;margin:auto;padding:24px;font-size:11px;color:#68716b}.fade{animation:appear .3s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){header{padding:19px}.tag{font-size:9px}main{padding:12px 16px 45px}.hero{grid-template-columns:1fr;gap:28px;padding:15px 0}.hero h1{letter-spacing:-2px}.art{padding:24px;transform:none}.big{font-size:65px}.card{padding:23px;margin:12px auto}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.resource{padding:9px;font-size:10px}.resource b{font-size:14px}.steps{font-size:9px}h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
header{gap:12px}.sound{font-size:12px;border:1px solid var(--line);border-radius:20px;background:white;padding:9px 13px;min-height:40px}.hud{position:sticky;top:0;margin:0 -4px;padding:10px 4px;z-index:20;border-bottom:1px solid var(--line)}.hud .resources{gap:8px}.resource{min-width:0}.resource .meter{height:6px;border-radius:9px;background:#eee9e2;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:#45755b;transition:width .7s cubic-bezier(.2,.8,.2,1)}.resource:nth-child(2) .meter i{background:#bb8845}.resource:nth-child(3) .meter i{background:#b96e85}.live-top{display:flex;justify-content:space-between;align-items:center;margin:9px 0 5px;font-size:12px}.live-track{position:relative;height:15px;border-radius:10px;background:#e4dfd8;margin:6px 0 24px}.live-fill{display:block;height:100%;border-radius:10px;background:var(--accent);transition:width .8s cubic-bezier(.15,.8,.3,1)}.target{position:absolute;top:-4px;height:24px;border-left:2px solid var(--ink)}.target small{position:absolute;top:25px;left:0;transform:translateX(-50%);white-space:nowrap;font-size:9px}.level-number{font-weight:800;font-size:21px;font-variant-numeric:tabular-nums}.series{display:inline-block;transform:scale(var(--flame,1));transform-origin:right center;font-size:12px;color:#a34230;transition:transform .3s}.slide{min-height:340px;display:flex;flex-direction:column;justify-content:center;touch-action:pan-y}.dots{display:flex;gap:9px;justify-content:center;margin:20px}.dots button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:#ded8ce}.dots button.active{background:#b64638}.briefing-icon{font-size:30px}.big-list{display:grid;gap:18px}.big-list div{display:flex;gap:14px;font-size:14px;line-height:1.6}.big-list b{display:block;font-size:12px}.practice{background:#fff2ec;border:1px solid #efc4b9}.queue{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.drag-item{padding:14px;border:1px solid #d8d3cb;border-radius:13px;background:white;cursor:grab;touch-action:pan-y;line-height:1.5;font-size:14px;user-select:none}.drag-item.selected{outline:2px solid #b64638}.drop-zone{padding:16px;border:2px dashed #d8d3cb;border-radius:15px;min-height:120px;flex:1;min-width:140px;background:#faf8f4}.drop-zone h4{margin:0 0 12px}.basket-grid{display:flex;gap:10px;flex-wrap:wrap}.drop-zone .drag-item{margin:8px 0}.drag-over{background:#fff0eb!important;border-color:#b64638!important}.dragging{opacity:.5}.pointer-ghost{position:fixed;pointer-events:none;z-index:1000;max-width:260px;box-shadow:0 8px 35px #25292930;transform:translate(-50%,-50%);background:#fff2ef}.swipe-card{padding:35px 24px;border:1px solid var(--line);border-radius:22px;background:#faf7f0;text-align:center;min-height:190px;touch-action:pan-y;transition:transform .18s}.swipe-card .avatar{font-size:44px;display:block;margin-bottom:12px}.swipe-actions{display:flex;gap:12px;margin-top:16px}.swipe-actions button{flex:1}.swipe-progress{display:flex;gap:5px;margin:12px 0}.swipe-progress i{height:5px;background:#d9d3c9;flex:1;border-radius:3px}.swipe-progress i.done{background:#b64638}.excerpt{padding:22px;background:#faf7f2;border:1px solid var(--line);border-radius:16px;font-size:16px;line-height:2}.excerpt button{display:inline;border:0;border-bottom:1px dashed #b6aca1;background:none;padding:2px 4px;border-radius:5px;font:inherit;text-align:left}.excerpt button.selected{background:#ffd8ca}.clock{font-size:14px;padding:9px 13px;border-radius:20px;background:#eee9e2;display:inline-block;margin-bottom:12px;font-variant-numeric:tabular-nums}.ticker{background:#fff0eb;border-radius:15px;padding:16px;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.ticker strong{font-size:29px}.bell{font-size:44px;text-align:center;animation:ring .4s 4}.info{border:0;background:#f0e9e0;border-radius:50%;padding:3px 7px;font-size:13px}.glossary{font-size:13px;background:#faf7f0;border-radius:12px;padding:14px;margin-bottom:14px}.reward{position:fixed;pointer-events:none;z-index:90;color:#a3382c;font-weight:800;font-size:24px;animation:reward 1s ease-in forwards;left:50%;top:55%}.checkmark{display:inline-block;font-size:28px;color:#45755b;animation:pop .4s}.gentle-shake{animation:shake .35s}.act-clear{text-align:center;padding:50px 20px}.act-clear .level{color:#b64638}.event-face{border:0;width:100%;min-height:270px;border-radius:22px;background:linear-gradient(135deg,#ff7968,#f6d19b);font-size:28px;font-weight:700;transition:transform .45s}.event-face.flipped{transform:rotateY(360deg)}.boss-panel{padding:20px;background:#f7f1e8;border-radius:18px;margin-bottom:20px}.boss-bars{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.boss-bars .meter{height:9px;background:#e5dfd4;border-radius:10px;overflow:hidden;margin-top:8px}.boss-bars i{display:block;height:100%;background:#b64638;transition:width .7s}.offer{font-size:32px;font-weight:800}.boss-message{font-size:18px;line-height:1.6}.small-button{background:none;border:0;text-decoration:underline;color:#666;font-size:12px;padding:12px 0}.free-answer{width:100%;min-height:90px;border:1px solid #bfb9af;border-radius:12px;padding:12px;font:inherit}.confetti{position:fixed;pointer-events:none;inset:0;overflow:hidden;z-index:100}.confetti i{position:absolute;top:-20px;width:9px;height:17px;animation:fall 2.7s linear forwards}.radar{width:100%;max-width:320px;display:block;margin:auto}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-title{font-size:17px}.result-card .level{font-size:80px}.result-card details{margin:18px 0}.result-card li{font-size:14px;line-height:1.6;margin:10px 0}.tip{font-size:13px}.timer-pause{font-size:12px;color:#a34230}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes reward{to{top:90px;opacity:0;transform:translateX(45px) scale(.7)}}@keyframes pop{from{transform:scale(.3)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes ring{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes fall{to{transform:translateY(110vh) rotate(480deg)}}@media(max-width:650px){header .tag{display:none}.hud{padding:8px 4px}.resource{font-size:9px}.resource b{font-size:14px}.card{margin-top:18px}.slide{min-height:330px}.basket-grid{flex-direction:column}.drop-zone{min-height:80px}.result-grid{grid-template-columns:1fr}.sound{font-size:11px}.act-clear{padding:32px 12px}}@media(prefers-reduced-motion:reduce){.reward{animation:none;position:static}.confetti{display:none}.bell{animation:none}}
.order.drag-item,.queue .drag-item,.drop-zone .drag-item{touch-action:none}
.stars{display:flex;gap:8px}.stars button{background:white;border:1px solid var(--line);border-radius:10px;font-size:28px;min-width:44px;min-height:48px;color:#a34230}.stars button.selected{background:#fff0eb}.legal-page h1{font-size:35px;letter-spacing:-1px}.legal-page h2{font-size:23px}.placeholder{padding:15px;background:#fff3da;border:1px solid #dbc192;border-radius:12px;color:#5f4c2b}.legal-dialog{position:fixed;inset:0;z-index:120;background:#f7f5f2;overflow:auto;padding:20px}.legal-dialog .card{max-width:780px}.loading-dot{display:inline-block;animation:pop 1s infinite alternate}.stars button:disabled{cursor:default}.api-status{font-size:11px;color:#777}

/* Desktop case file; mobile keeps the task context only. */
.object-sidebar{display:none}.mission-content{min-width:0}.critical-note{padding:16px;margin:16px 0;background:#fff3da;border-left:4px solid #95650f;border-radius:10px;color:#4d391b}.critical-note p{color:#4d391b;font-size:14px;margin:8px 0}.critical-report{margin:28px 0}.object-sidebar h2{font-size:24px;margin:12px 0}.object-target{font-size:14px}.object-target b{display:block;font-size:24px;color:var(--ink)}.object-sidebar dl{margin:0}.object-sidebar dl div{padding:9px 0;border-bottom:1px solid var(--line)}.object-sidebar dt{font-size:11px;color:#626866}.object-sidebar dd{font-size:14px;margin:3px 0 0;overflow-wrap:anywhere}
@media(min-width:1050px){main.has-object{max-width:1250px}.mission-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.object-sidebar{display:block;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px}.mission-content .card{max-width:none}.mission-content .hud{z-index:2}}

.level-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.comparison-item{padding:18px;background:#faf7f2;border:1px solid var(--line);border-radius:16px;min-width:0}.comparison-item>span{display:block;font-size:13px;font-weight:700;min-height:36px}.comparison-item strong{display:block;font-size:44px;color:#b64638;font-variant-numeric:tabular-nums}.comparison-item small{font-size:14px;color:#626866}.comparison-item p{font-size:12px;margin:10px 0 0}.comparison-track{height:8px;background:#e4dfd8;border-radius:8px;margin-top:10px;overflow:hidden}.comparison-track i{display:block;height:100%;background:#b64638}.object-comparison strong{color:#252929}.object-comparison .comparison-track i{background:#252929}@media(max-width:400px){.comparison-item{padding:12px}.comparison-item strong{font-size:36px}.comparison-item>span{font-size:12px}}

.object-explanation h3{font-size:17px;margin:22px 0 8px}.object-explanation p,.object-explanation li{font-size:14px;line-height:1.6}.object-explanation ul{padding-left:20px}.object-explanation li{margin:8px 0}.object-explanation details{margin:18px 0}.object-explanation .hint{font-size:12px}

.reference-card{border:1px solid #ded7cc;border-radius:16px;padding:16px;margin:16px 0;background:#f7f5ef}.reference-card p{margin:8px 0}.error-lines .choice{display:block;width:100%;text-align:left}.error-lines .selected{border-color:#b64638;background:#fff0e9}

h1:focus,h2:focus,h3:focus{outline:none}.goal-cards{grid-column:1/-1;border:0;padding:0}.goal-card{display:block;border:1px solid #d9d2c7;border-radius:16px;padding:18px;margin:10px 0;cursor:pointer}.goal-card:has(input:checked){border:2px solid #b64638;background:#fff0e9}.goal-card input{width:auto;margin-right:12px}.live-track{margin-bottom:52px}.target small{white-space:nowrap;transform:translateX(-50%)}.answer-correct,.choice.answer-correct{border:2px solid #38764d!important;background:#edf7ef!important;color:#204a2e!important;opacity:1!important}.answer-wrong,.choice.answer-wrong{border:2px solid #b43636!important;background:#fff0f0!important;color:#822525!important;opacity:1!important}.answer-review{padding:16px;border-radius:14px;margin:12px 0}.error-lines small{display:block;margin-top:12px}.task-correct{border:2px solid #38764d}.seller-type{background:#f3eee5;border-radius:20px;padding:24px;margin:28px 0}.type-icon{font-size:48px}.competency{margin:18px 0}.competency span{display:flex;justify-content:space-between;gap:12px}.competency-track{height:13px;background:#e6e0d8;border-radius:12px;overflow:hidden;margin-top:8px}.competency-track i{display:block;height:100%;background:#747f8b}.competency-track .best{background:#38764d}.competency-track .weak{background:#c27c27}.result-card h2{font-size:clamp(27px,4vw,44px)}

.target small{font-size:13px}.target.target-right small{transform:translateX(-100%)}.target.target-left small{transform:none}

.target-details{margin:22px 0}.target-details>summary{cursor:pointer;padding:12px 0}.strong-result{color:#287143;font-weight:600}.info{vertical-align:middle}.grid label .info{margin-left:6px}.grid .glossary{font-weight:normal;text-align:left}

.task-situation{font-size:15px;line-height:1.55}.task-action{font-size:16px;margin:24px 0}.swipe-actions button{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0}.town-options{margin-top:12px}
/* Verhandlungsfinale und Zusammenfassung */
.finale-offer{font-size:1.05rem;background:#faf7f2;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.choice.finale-best{border:2px solid #3a7d44;background:#eef7ef;padding:15px}
.choice.finale-picked{border:2px solid #ae392d;background:#fff2ef;padding:15px}
.ai-summary,.finale-result{background:#faf7f2;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:18px 0}
/* Startseite v5.3: Lesbarkeit für ältere Nutzer */
body{font-size:18px}
.hero-lead{font-size:20px;line-height:1.6;color:#3d4242}
.trust-line{font-size:17px;font-weight:600;color:#2d4a35;margin:14px 0 6px}
.hint{font-size:14px;color:#55595a}
.art .benefits{list-style:none;padding:0;margin:18px 0 22px}
.art .benefits li{padding:6px 0 6px 30px;position:relative;font-size:18px;line-height:1.45}
.art .benefits li::before{content:"✓";position:absolute;left:0;font-weight:700}
