@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf0dc;--surface:#fdf5e4;--accent:#c87941;--accent-deep:#9e5c28;--gradient:linear-gradient(135deg, #c87941 0%, #9e5c28 100%);--text:#2d1b0a;--muted:#7a5c3a;--border:#e8d5b0;--radius:16px;--radius-sm:8px;--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif;--shadow:0 4px 24px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fbf0dc!important}body{font-family:var(--font-body);-webkit-text-size-adjust:100%;min-height:100vh;overflow-x:hidden;color:#2d1b0a!important;background:#fbf0dc!important}@media (prefers-color-scheme:dark){html,body{color:#2d1b0a!important;background:#fbf0dc!important}}button{cursor:pointer;font-family:var(--font-body);border:none}:root{--asset-klick-neutral:url(/klick-neutral.png);--asset-klick-thinking:url(/klick-thinking.png);--asset-klick-celebrating:url(/klick-celebrating.png);--asset-tueftelburg-bg:url(/tueftelburg-bg.png);--klick-avatar-chat:48px;--klick-avatar-welcome:120px;--klick-avatar-celebrate:200px}.dashboard-bg{min-height:100vh;position:relative}.dashboard-bg__city{z-index:0;background-image:url(/tueftelburg-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.dashboard-bg__fade{z-index:1;background:linear-gradient(#fbf0dc1f 0%,#fbf0dc4d 55%,#fbf0dc6b 100%);position:fixed;inset:0}.dashboard-bg__content{z-index:2;position:relative}.home-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:28px;flex-direction:column;gap:22px;width:min(100%,760px);margin:clamp(32px,9vh,110px) auto 56px;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 14px 50px #2d1b0a33}.home-panel__header{align-items:center;gap:18px;display:flex}.home-panel__head-text{flex:1;min-width:0}.home-panel__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:.78rem;font-weight:700}.home-panel__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.05}.home-panel__streak{color:var(--muted);margin-top:6px;font-size:.9rem}.home-panel__level{margin-top:14px}.home-panel__level-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px;display:flex}.home-panel__level-label{font-family:var(--font-display);color:var(--accent);font-size:.95rem;font-weight:800}.home-panel__level-xp{color:var(--muted);font-size:.72rem;font-weight:500}.home-panel__level-bar{background:var(--border);border-radius:100px;height:6px;overflow:hidden}.home-panel__level-fill{background:var(--gradient);border-radius:100px;height:100%;transition:width .6s}@media (width<=720px){.home-panel{border-bottom:none;border-radius:24px 24px 0 0;width:100%;min-height:calc(100vh - 52px);margin:52px 0 0;padding:24px 16px 40px}.home-panel__header{align-items:flex-start}}.onboarding{background-image:url(/tueftelburg-bg.png);background-position:top;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboarding__card{border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);text-align:center;padding:40px 32px;background:#fdf5e4f5!important}.onboarding__emoji{margin-bottom:16px;font-size:52px}.onboarding__title{font-family:var(--font-display);margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.1}.onboarding__title span{background:var(--gradient);-webkit-text-fill-color:transparent;color:var(--accent);-webkit-background-clip:text;background-clip:text;display:inline-block}.onboarding__sub{color:var(--muted);margin-bottom:28px;line-height:1.6}.onboarding__steps{text-align:left;gap:10px;margin-bottom:28px;display:flex}.onboarding__step{background:var(--bg);border-radius:var(--radius-sm);flex:1;padding:14px 10px}.onboarding__step-num{background:var(--gradient);color:#fff;width:26px;height:26px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:inline-flex}.onboarding__step p{color:var(--muted);font-size:.78rem;line-height:1.4}.onboarding__input{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:var(--surface);color:var(--text);outline:none;margin-bottom:14px;padding:14px 16px;font-size:1rem}@media (width<=480px){.onboarding__card{padding:28px 20px}.onboarding__title{font-size:1.6rem}.onboarding__steps{flex-direction:column;gap:8px}.onboarding__step{align-items:center;gap:12px;padding:10px 12px;display:flex}.onboarding__step-num{flex-shrink:0;margin-bottom:0}.onboarding__step p{font-size:.85rem}.onboarding__input{font-size:16px}}.onboarding__input:focus{border-color:var(--accent)}.onboarding__btn{border-radius:var(--radius-sm);background:var(--gradient);color:#fff;width:100%;font-family:var(--font-display);padding:16px;font-size:1rem;font-weight:700}.onboarding__btn:disabled{opacity:.4}.onboarding__skip{width:100%;color:var(--muted);font-family:var(--font-body);background:0 0;margin-top:10px;padding:6px;font-size:.85rem;text-decoration:underline;display:block}.onboarding__dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.onboarding__dot{background:var(--border);border-radius:50%;width:8px;height:8px}.onboarding__dot--active{background:var(--accent)}.onboarding__worlds{text-align:left;flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.onboarding__world-card{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;width:100%;padding:14px 16px;transition:border-color .15s,background .15s}.onboarding__world-card:hover,.onboarding__world-card--selected{border-color:var(--accent);background:var(--bg)}.onboarding__world-name{font-family:var(--font-display);color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:700}.onboarding__world-sub{color:var(--muted);font-size:.8rem;line-height:1.4}.ladder{flex-direction:column;gap:16px;display:flex}.ladder__rank{background:var(--surface,#1a1a1f);border:1px solid var(--border,#2a2a31);border-radius:14px;align-items:baseline;gap:10px;padding:12px 16px;display:flex}.ladder__rank-label{color:var(--muted,#9aa0aa);font-size:13px}.ladder__rank-title{color:var(--accent,#c87941);font-size:20px;font-weight:700}.ladder__list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.ladder__step{background:var(--surface,#1a1a1f);border:1px solid var(--border,#2a2a31);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:transform .12s,border-color .12s;display:flex}.ladder__step--current{border-color:var(--accent,#c87941);cursor:pointer}.ladder__step--done{cursor:pointer;opacity:.92}.ladder__step--locked{opacity:.45}.ladder__step--current:hover,.ladder__step--done:hover{transform:translateY(-2px)}.ladder__num{background:var(--bg,#0f0f11);width:30px;height:30px;color:var(--muted,#9aa0aa);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.ladder__step--current .ladder__num{background:var(--accent,#c87941);color:#fff}.ladder__body{flex:auto;min-width:0}.ladder__title{font-weight:600}.ladder__concept{color:var(--muted,#9aa0aa);font-size:12px}.ladder__badge{white-space:nowrap;font-size:12px}.ladder__badge--done{color:#5fbf7f}.ladder__badge--current{color:var(--accent,#c87941);font-weight:600}.ladder__badge--locked{color:var(--muted,#9aa0aa)}.ladder__tiers{gap:8px;margin-top:8px;display:flex}.ladder__tier{font:inherit;cursor:pointer;border:1px solid var(--accent,#c87941);color:var(--accent,#c87941);background:0 0;border-radius:8px;padding:6px 12px}.ladder__tier--profi{color:#9e5c28;border-color:#9e5c28;font-weight:600}.ladder__tier--done{opacity:.7}.ladder__cliffhanger{color:var(--muted,#9aa0aa);margin-top:8px;font-size:12px;font-style:italic;line-height:1.4}.ladder__cliffhanger-label{color:var(--accent,#c87941);font-style:normal;font-weight:600}.ladder__tricks{background:var(--surface,#1a1a1f);border:1px solid var(--border,#2a2a31);border-radius:14px;padding:14px 16px}.ladder__tricks-label{color:var(--muted,#9aa0aa);margin-bottom:8px;font-size:13px}.ladder__tricks-row{flex-wrap:wrap;gap:8px;display:flex}.ladder__trick{background:var(--bg,#0f0f11);border:1px solid var(--accent,#c87941);color:var(--accent,#c87941);border-radius:999px;padding:4px 10px;font-size:13px}.founder-card{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:8px;margin-top:8px;margin-bottom:20px;padding:18px 20px;display:flex}.founder-card__eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.72rem;font-weight:700}.founder-card__title{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:800;line-height:1.2}.founder-card__copy{color:var(--muted);font-size:.88rem;line-height:1.55}.founder-card__toggle{border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid var(--border);font-family:var(--font-display);color:var(--accent);align-self:flex-start;margin-top:4px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:border-color .15s}.founder-card__toggle:hover{border-color:var(--accent)}.founder-card__form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.founder-card__textarea,.founder-card__input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);width:100%;font-family:var(--font-body);color:var(--text);resize:vertical;outline:none;padding:10px 13px;font-size:.88rem;transition:border-color .15s}.founder-card__textarea:focus,.founder-card__input:focus{border-color:var(--accent)}.founder-card__textarea::placeholder,.founder-card__input::placeholder{color:var(--muted);opacity:.7}.founder-card__submit{border-radius:var(--radius-sm);background:var(--gradient);color:#fff;font-family:var(--font-display);border:none;align-self:flex-start;padding:10px 20px;font-size:.88rem;font-weight:700;transition:opacity .15s}.founder-card__submit:disabled{opacity:.45;cursor:not-allowed}.founder-card__success{color:var(--accent-deep);padding:8px 0 2px;font-size:.88rem;font-weight:600}.founder-card__error{color:#b94040;font-size:.82rem}.dashboard{width:100%}.dashboard__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.dashboard__mission-count{color:var(--accent);text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:600}.dashboard__allcomplete{text-align:center;border:2px solid var(--accent);border-radius:var(--radius);background:linear-gradient(135deg,#c879411a 0%,#c879410d 100%);margin-bottom:20px;padding:28px 20px}.dashboard__allcomplete-emoji{margin-bottom:10px;font-size:48px}.dashboard__allcomplete-title{font-family:var(--font-display);margin-bottom:6px;font-size:1.3rem;font-weight:800}.dashboard__allcomplete-sub{color:var(--muted);font-size:.9rem}.dashboard__grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.dashboard__footer{gap:12px;display:flex}@media (width<=420px){.dashboard__grid{grid-template-columns:1fr}.dashboard__greeting{font-size:1.25rem}}.dashboard__btn{border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-display);color:var(--text);box-shadow:var(--shadow);flex:1;padding:14px;font-size:.9rem;font-weight:600}.dashboard__btn--save{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);font-size:.82rem}.dashboard__learn{text-align:left;background:var(--gradient);color:#fff;width:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:4px;margin-bottom:18px;padding:18px 22px;display:flex}.dashboard__learn-eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:.72rem;font-weight:700}.dashboard__learn-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.dashboard__learn-copy{opacity:.92;font-size:.92rem}.dashboard__learn--done{cursor:default;opacity:.8}.dashboard__auftrag{text-align:left;border-radius:var(--radius);cursor:pointer;border:1.5px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:4px;margin-bottom:20px;padding:16px 18px;transition:border-color .15s;display:flex}.dashboard__auftrag:hover{border-color:var(--accent)}.dashboard__auftrag-eyebrow{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.dashboard__auftrag-title{font-family:var(--font-display);color:var(--text);font-size:1.2rem;font-weight:800}.dashboard__auftrag-copy{color:var(--muted);font-size:.9rem}.dashboard__switch{color:var(--accent);text-transform:none;letter-spacing:0;cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-body);opacity:.85;background:0 0;border:none;padding:2px 0}.dashboard__switch:hover{opacity:1;text-decoration:underline}.dashboard__world-picker{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.dashboard__world-picker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dashboard__world-picker-title{font-family:var(--font-display);color:var(--text);font-size:.9rem;font-weight:700}.dashboard__world-picker-close{color:var(--muted);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border:none;padding:2px 0}.dashboard__world-picker-close:hover{text-decoration:underline}.task{flex-direction:column;gap:16px;display:flex}.task__q{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1.4}.task__opts{flex-direction:column;gap:10px;display:flex}.task__opt{border-radius:var(--radius-sm);background:var(--surface);border:2px solid var(--border);text-align:left;padding:14px 18px;font-size:.95rem;transition:border-color .15s}.task__opt:hover:not(:disabled){border-color:var(--accent)}.task__opt--ok{color:#166534;background:#f0fdf4;border-color:#22c55e}.task__opt--bad{border-color:var(--accent);background:#fff1f0}.task__num{border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-display);outline:none;width:100%;padding:14px 16px;font-size:1.2rem;font-weight:700}.task__num:focus{border-color:var(--accent)}.task__num--ok{background:#f0fdf4;border-color:#22c55e}.task__num--bad{border-color:var(--accent);background:#fff1f0}.task__frac{flex-direction:column;align-items:center;gap:6px;margin:8px 0;display:inline-flex}.task__frac-field{text-align:center;border:2px solid var(--border);border-radius:var(--radius-sm);width:120px;font-family:var(--font-display);outline:none;padding:14px 16px;font-size:1.2rem;font-weight:700}.task__frac-field:focus{border-color:var(--accent)}.task__frac-bar{opacity:.7;background:currentColor;border-radius:2px;width:120px;height:3px}.task__frac-field--ok{background:#f0fdf4;border-color:#22c55e}.task__frac-field--bad{border-color:var(--accent);background:#fff1f0}.task__reflect{background:var(--bg);border-radius:var(--radius-sm);color:var(--muted);border-left:3px solid var(--accent);padding:16px;font-size:.9rem;line-height:1.6}.task__fb{border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;font-weight:600}.task__fb--ok{color:#166534;background:#f0fdf4}.task__fb--bad{color:#991b1b;background:#fff1f0}.task__btn{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);width:100%;padding:16px;font-size:1rem;font-weight:700}.task__btn:disabled{opacity:.4}.task__next{background:var(--surface);color:var(--text);border-radius:var(--radius-sm);font-family:var(--font-display);border:2px solid var(--border);width:100%;margin-top:4px;padding:14px;font-weight:700}.task__retry-hint{border-radius:var(--radius-sm);color:#92400e;border-left:3px solid var(--accent);background:#fff8ed;padding:10px 16px;font-size:.88rem;font-weight:600}.task__reflect-hint{background:var(--bg);border-radius:var(--radius-sm);color:var(--muted);border-left:3px solid var(--accent);padding:12px 16px;font-size:.88rem;line-height:1.5}.task__textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);resize:vertical;background:var(--surface);color:var(--text);outline:none;padding:14px 16px;font-size:.97rem;line-height:1.6;transition:border-color .15s}.task__textarea:focus{border-color:var(--accent)}.task__textarea:disabled{opacity:.7;background:var(--bg)}.task__reflect-loading{justify-content:center;gap:6px;padding:12px 0;display:flex}.task__reflect-loading span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.task__reflect-loading span:nth-child(2){animation-delay:.2s}.task__reflect-loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.task__reflect-fb{border-radius:var(--radius-sm);background:linear-gradient(135deg,#c8794114 0%,#c879410a 100%);border:1.5px solid #c8794140;padding:16px}.task__reflect-fb__label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-size:.8rem;font-weight:700}.task__reflect-fb__text{color:var(--text);font-size:.95rem;line-height:1.6}.klick-avatar{background:radial-gradient(circle at 32% 30%,#fff1d4 0%,#f5d6a1 55%,#e5b97a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.klick-avatar--chat{width:48px;height:48px}.klick-avatar--fab{width:60px;height:60px}.klick-avatar--welcome{width:140px;height:140px;animation:4.2s ease-in-out infinite klick-breathe;box-shadow:0 0 0 1px #c879411a,0 0 32px 6px #c879412e,0 14px 36px #4b2d0f2e}.klick-avatar--celebrate{width:200px;height:200px}@keyframes klick-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.klick-avatar--welcome{animation:none}}.klick-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.klick-avatar__fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(1.5rem,6vw,4rem);display:none}.klick-avatar__fallback[data-visible=true]{display:flex}.klick-btn{z-index:100;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 0 0 1px #c879411a,0 8px 22px #4b2d0f3d,0 0 28px #f5c3826b}.klick-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 1px #c8794129,0 12px 28px #4b2d0f47,0 0 36px #f5c3828c}.klick-btn:active{transform:scale(.97)}.klick-panel{z-index:200;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.klick-panel__backdrop{background:#0006;position:absolute;inset:0}.klick-panel__sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;max-height:70vh;padding:20px;display:flex;position:relative}.klick-panel__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.klick-panel__title{align-items:center;gap:12px;display:flex}.klick-panel__avatar{box-shadow:0 6px 16px #4b2d0f24}.klick-panel__title-text{flex-direction:column;gap:2px;line-height:1.15;display:flex}.klick-panel__title-name{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:800}.klick-panel__title-hint{color:var(--muted);font-size:.78rem;font-weight:500}.klick-panel__close{background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.klick-panel__msgs{flex-direction:column;flex:1;gap:10px;margin-bottom:16px;display:flex;overflow-y:auto}.klick-panel__empty{color:var(--muted);text-align:center;padding:24px 0;font-size:.9rem}.klick-msg{border-radius:var(--radius-sm);max-width:85%;padding:10px 14px;font-size:.9rem;line-height:1.5}.klick-msg--user{background:var(--gradient);color:#fff;align-self:flex-end}.klick-msg--klick{background:var(--bg);align-self:flex-start}.klick-panel__row{gap:10px;display:flex}.klick-panel__input{border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);outline:none;flex:1;padding:12px 14px;font-size:.9rem}.klick-panel__input:focus{border-color:var(--accent)}.klick-panel__send{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);padding:12px 18px;font-weight:700}.klick-dots{gap:4px;padding:6px 0;display:flex}.klick-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:.8s infinite fdot}.klick-dot:nth-child(2){animation-delay:.15s}.klick-dot:nth-child(3){animation-delay:.3s}.ms{background:var(--bg);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.ms__nav{align-items:center;gap:12px;padding:16px 20px 0;display:flex}.ms__back{background:var(--surface);border-radius:var(--radius-sm);color:var(--muted);box-shadow:var(--shadow);cursor:pointer;border:none;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .2s}.ms__back:hover{background:var(--surface-hover)}.ms__bar{background:var(--border);border-radius:100px;flex:1;height:8px;overflow:hidden}.ms__fill{background:var(--gradient);border-radius:100px;height:100%;transition:width .4s}.ms__count{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.ms__scenario{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 20px;padding:16px}.ms__viertel{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:.75rem;font-weight:700}.ms__text{color:var(--muted);font-size:.9rem;line-height:1.6}.ms__task{flex:1;padding:0 20px 100px}.done{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.done__card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);text-align:center;padding:40px 32px}.klick-celebrate{margin:0 auto 18px}.done__emoji{margin-bottom:16px;font-size:56px}.done__title{font-family:var(--font-display);margin-bottom:10px;font-size:2rem;font-weight:800}.done__xp{background:var(--gradient);color:#fff;font-family:var(--font-display);border-radius:100px;margin-bottom:24px;padding:6px 20px;font-size:1rem;font-weight:800;display:inline-block}.done__levelup{border-radius:var(--radius-sm);color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;margin-bottom:8px;padding:10px 16px;font-size:.9rem;font-weight:600;animation:.4s pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.done__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:.8rem;font-weight:700}.done__tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.done__tag{background:var(--bg);color:var(--accent);border:1.5px solid var(--accent);border-radius:100px;padding:6px 14px;font-size:.85rem;font-weight:600}.done__btns{flex-direction:column;gap:10px;display:flex}.done__primary{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);padding:16px;font-weight:700}.done__share{background:var(--surface);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-display);border:2px solid var(--accent);padding:14px;font-weight:700}.done__secondary{background:var(--surface);color:var(--muted);border-radius:var(--radius-sm);font-family:var(--font-display);border:2px solid var(--border);padding:14px;font-weight:600}.done__trick{color:var(--accent,#c87941);margin-top:6px;font-size:15px}.done__trick-label{font-weight:600}.done__cliff{color:var(--muted,#9aa0aa);margin:10px 0 4px;font-size:14px;font-style:italic;line-height:1.4}.done__nextcliff{color:var(--muted,#9aa0aa);margin:6px 0 4px;font-size:13px;font-style:italic;line-height:1.4}.done__nextcliff-label{color:var(--accent,#c87941);font-style:normal;font-weight:600}.fbar{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.fbar__readout{font-family:var(--font-display);color:var(--text);flex-direction:column;align-items:center;font-weight:800;line-height:1;display:inline-flex}.fbar__num,.fbar__den{font-size:2.1rem}.fbar__line{background:var(--accent);border-radius:3px;width:42px;height:4px;margin:4px 0}.fbar__stage{flex:1;min-width:260px}.fbar__track{background:#efe0c4;border-radius:30px;gap:5px;height:58px;padding:6px;display:flex;box-shadow:inset 0 3px 8px #7846142e}.fbar__seg{cursor:pointer;background:#f6ebd4;border:none;border-radius:22px;flex:1;min-height:44px;transition:background .18s,box-shadow .18s,transform .12s;box-shadow:inset 0 1px 2px #7846141a}.fbar__seg:active{transform:scale(.97)}.fbar__seg--on{background:var(--gradient);box-shadow:0 0 16px #c879418c,inset 0 2px 4px #ffffff73}.fbar__seg--next{border:2px dashed #d8be90}.fbar__seg:disabled{cursor:default}.fbar__ctrl,.fbar__split{align-items:center;gap:8px;margin-top:16px;display:flex}.fbar__ctrl button{border:1.5px solid var(--border);font-family:var(--font-display);color:var(--accent-deep);background:#fff;border-radius:30px;min-width:44px;min-height:44px;padding:6px 16px;font-size:1.2rem;font-weight:700}.fbar__ctrl-lbl{color:var(--muted);font-size:.8rem;font-weight:600}.fbar__ctrl button:disabled{opacity:.4}.fbar__split button{border:1.5px solid var(--border);font-family:var(--font-body);color:var(--accent-deep);background:#fff;border-radius:30px;min-height:44px;padding:10px 18px;font-weight:600}.fbar__split button:disabled{opacity:.4}.fbar--locked{opacity:.98}@media (prefers-reduced-motion:reduce){.fbar__seg{transition:none}.fbar__seg:active{transform:none}}.dgrid{flex-direction:column;align-items:center;gap:18px;display:flex}.dgrid__readout{font-family:var(--font-display);flex-direction:column;align-items:center;gap:3px;display:flex}.dgrid__dec{color:var(--text);font-size:2.4rem;font-weight:800;line-height:1}.dgrid__frac{color:var(--muted);font-size:.95rem;font-weight:600}.dgrid__track{background:#efe0c4;border-radius:18px;gap:5px;padding:8px;display:flex;box-shadow:inset 0 3px 8px #7846142e}.dgrid__col{flex-direction:column;gap:5px;display:flex}.dgrid__cell{cursor:pointer;background:#f6ebd4;border:none;border-radius:6px;width:26px;height:26px;padding:0;transition:background .18s,box-shadow .18s,transform .12s;box-shadow:inset 0 1px 2px #7846141a}.dgrid__cell:active:not(:disabled){transform:scale(.9)}.dgrid__cell--on{background:var(--gradient);box-shadow:0 0 10px #c8794180,inset 0 2px 4px #ffffff73}.dgrid__cell--next{box-shadow:inset 0 0 0 2px #d8be90}.dgrid__cell:disabled{cursor:default}.dgrid--locked{opacity:.98}@media (width<=480px){.dgrid__cell{width:22px;height:22px}.dgrid__track,.dgrid__col{gap:4px}}@media (prefers-reduced-motion:reduce){.dgrid__cell{transition:none}.dgrid__cell:active{transform:none}}.learn{width:min(100%,760px);margin:0 auto;padding:20px 18px 80px}.learn__nav{align-items:center;gap:12px;margin-bottom:18px;display:flex}.learn__back{color:var(--muted);background:0 0;font-weight:600}.learn__bar{background:var(--border);border-radius:6px;flex:1;height:8px;overflow:hidden}.learn__fill{background:var(--gradient);height:100%;transition:width .35s}.learn__count{color:var(--muted);font-size:.85rem;font-weight:600}.learn__scene{margin-bottom:22px}.learn__viertel{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.75rem;font-weight:700}.learn__klickline{align-items:flex-start;gap:12px;display:flex}.learn__bubble{border:1.5px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:4px 16px 16px;padding:12px 16px;font-size:1rem}.learn__bubble--win{border-color:var(--accent);background:#fff7ec}.learn__tool{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:26px}.learn__consequence{align-items:center;gap:14px;margin-top:18px;display:flex}.learn__jump{border:3px dashed var(--accent);border-bottom:none;border-radius:120px 120px 0 0;width:64px;height:64px;animation:.5s ease-out learn-rise}.learn__spark{font-family:var(--font-display);color:var(--accent-deep);font-weight:700}@keyframes learn-rise{0%{opacity:.3;height:14px}to{opacity:1;height:64px}}.learn__help{align-items:center;gap:12px;margin-top:22px;display:flex}.learn__tip{border:1.5px solid var(--border);font-family:var(--font-display);color:var(--accent-deep);background:#fff;border-radius:30px;min-height:44px;padding:10px 22px;font-weight:700}.learn__tip:disabled{opacity:.5}.learn__help--nudge .learn__tip{box-shadow:0 0 0 3px #c8794140}.learn__nudge-text{color:var(--muted);font-size:.9rem}.learn--done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:60px;display:flex}.learn__done-title{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.learn__done-copy{color:var(--muted);max-width:420px}.learn__btn{background:var(--gradient);color:#fff;font-family:var(--font-display);border-radius:30px;margin-top:10px;padding:12px 28px;font-weight:700}@media (prefers-reduced-motion:reduce){.learn__fill{transition:none}.learn__jump{animation:none}}.classify{flex-direction:column;gap:14px;display:flex}.classify__q{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.4}.classify__hint{color:var(--muted);margin-top:-6px;font-size:.9rem}.classify__opts{flex-direction:column;gap:10px;display:flex}.classify__opt{text-align:left;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:14px 18px;font-size:.95rem;transition:border-color .15s,background .15s}.classify__opt:hover:not(:disabled){border-color:var(--accent)}.classify__opt--retry{border-color:var(--accent);background:#fff8ed}.classify__opt--ok{color:#166534;background:#f0fdf4;border-color:#22c55e}.classify__retry-hint{border-radius:var(--radius-sm);border-left:3px solid var(--accent);color:#92400e;background:#fff8ed;padding:10px 16px;font-size:.88rem;font-weight:600}.classify__fb{border-radius:var(--radius-sm);color:#166534;background:#f0fdf4;padding:12px 16px;font-size:.9rem;font-weight:600}.auftrag{background:var(--bg);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:100px;display:flex}.auftrag__nav{align-items:center;gap:12px;padding:16px 20px 0;display:flex}.auftrag__back{background:var(--surface);border-radius:var(--radius-sm);color:var(--muted);box-shadow:var(--shadow);cursor:pointer;border:none;padding:8px 12px;font-size:.85rem;font-weight:600}.auftrag__bar{background:var(--border);border-radius:100px;flex:1;height:8px;overflow:hidden}.auftrag__fill{background:var(--gradient);border-radius:100px;height:100%;transition:width .4s}.auftrag__count{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.auftrag__scene{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 20px;padding:16px}.auftrag__viertel{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:.75rem;font-weight:700}.auftrag__intro{color:var(--muted);font-size:.9rem;line-height:1.6}.auftrag__subgoal{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 20px 12px;font-size:.8rem;font-weight:700}.auftrag__step{padding:0 20px}.auftrag__help{justify-content:flex-end;padding:14px 20px 0;display:flex}.auftrag__tip{background:var(--surface);border:2px solid var(--border);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:.85rem;font-weight:600;transition:border-color .15s}.auftrag__tip:hover:not(:disabled){border-color:var(--accent)}.auftrag__tip:disabled{opacity:.5;cursor:default}.auftrag--done{background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.auftrag__done-title{font-family:var(--font-display);color:var(--text);font-size:1.6rem;font-weight:800}.auftrag__done-xp{font-family:var(--font-display);color:var(--accent);font-size:1.3rem;font-weight:800}.auftrag__done-copy{color:var(--muted);font-size:.95rem}.auftrag__btn{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;border:none;margin-top:12px;padding:14px 24px;font-size:1rem;font-weight:700}