.aex{--ink:#173c48;--muted:#657983;--paper:#fffdf8;--line:#dce8e8;--teal:#087f78;--coral:#ee6b55;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,#edf9f4 0,#fffdf8 460px);color:var(--ink);font-family:Inter,ui-rounded,"Nunito",system-ui,-apple-system,sans-serif;box-shadow:0 20px 70px #163c4820}.aex *{box-sizing:border-box}.aex [hidden]{display:none!important}.aex button{font:inherit}.aex button:focus-visible{outline:4px solid #ffcb59;outline-offset:3px}.aex-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:260px;padding:48px clamp(24px,5vw,72px);overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,#ffda6a 0 5%,transparent 5.5%),radial-gradient(circle at 86% 72%,#64c9b5 0 14%,transparent 14.5%),linear-gradient(120deg,#0c5c61,#087f78 48%,#176e92)}.aex-hero:before,.aex-hero:after{content:"";position:absolute;border:2px dashed #ffffff45;border-radius:50%}.aex-hero:before{right:18%;top:-135px;width:370px;height:370px}.aex-hero:after{right:-50px;bottom:-190px;width:420px;height:420px}.aex-hero>div{position:relative;z-index:1}.aex-kicker,.aex-eyebrow{display:inline-block;margin-bottom:8px;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.aex-hero h1{margin:0 0 9px;color:#fff;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.045em}.aex-hero p{max-width:670px;margin:0;color:#effffb;font-weight:650;font-size:clamp(16px,2vw,21px)}.aex-hero-badge{display:grid!important;grid-template-columns:auto auto;align-items:center;gap:0 10px;min-width:190px;padding:20px 24px;border:1px solid #ffffff45;border-radius:22px;background:#073f4c7d;box-shadow:inset 0 1px #ffffff40;backdrop-filter:blur(8px);transform:rotate(2deg)}.aex-hero-badge b{color:#ffdb69;font-size:34px;line-height:1}.aex-hero-badge span{font-weight:850}.aex-topbar{position:sticky;z-index:20;top:0;display:flex;gap:8px;padding:12px clamp(16px,4vw,56px);border-bottom:1px solid var(--line);background:#fffdf8e8;backdrop-filter:blur(12px)}.aex-topbar button{min-height:44px;padding:9px 15px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-weight:850;cursor:pointer}.aex-topbar button:hover,.aex-topbar button.is-active{background:#dff4ed;color:#05655f}.aex-topbar .aex-sound{margin-left:auto;background:#173c48;color:#fff}.aex-dashboard{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;padding:20px clamp(16px,4vw,56px);background:#fff}.aex-dashboard>div:not(.aex-progress){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fcfa}.aex-dashboard span{color:var(--muted);font-size:13px;font-weight:800}.aex-dashboard strong{color:var(--ink);font-size:17px}.aex-progress{grid-column:1/-1;height:8px;overflow:hidden;border-radius:99px;background:#e4eeee}.aex-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0aa292,#ffb847);transition:width .45s ease}.aex-main{min-height:600px;padding:24px clamp(16px,4vw,56px) 64px}.aex-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:8px 0 22px}.aex-section-head h2{margin:0;color:var(--ink);font-size:clamp(27px,4vw,42px);letter-spacing:-.035em}.aex-section-head p{max-width:740px;margin:7px 0 0;color:var(--muted);font-size:16px}.aex-eyebrow{margin:0;color:var(--teal)}.aex-random,.aex-primary,.aex-secondary,.aex-detail-favorite{border:0;border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer}.aex-random,.aex-primary{color:#fff;background:linear-gradient(135deg,var(--coral),#e34c75);box-shadow:0 8px 22px #e95c5d30}.aex-random:hover,.aex-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e95c5d45}.aex-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.aex-category{position:relative;display:flex;align-items:center;gap:12px;min-height:83px;padding:12px 15px;overflow:hidden;text-align:left;border:2px solid transparent;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 5px 20px #173c480d;cursor:pointer;transition:.2s ease}.aex-category:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--cat)}.aex-category:hover,.aex-category.is-active{border-color:var(--cat);transform:translateY(-2px)}.aex-category.is-active{box-shadow:0 8px 24px color-mix(in srgb,var(--cat) 22%,transparent)}.aex-category-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--cat) 14%,white);font-size:25px}.aex-category b,.aex-category small{display:block}.aex-category b{font-size:14px;line-height:1.18}.aex-category small{margin-top:5px;color:var(--muted);font-size:11px}.aex-filterline{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.aex-filterline strong{font-size:18px}.aex-clear-filter{border:0;background:transparent;color:var(--teal);font-weight:850;cursor:pointer}.aex-job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.aex-job{position:relative;min-height:258px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 26px #173c4812;transition:.2s ease}.aex-job:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--cat)}.aex-job:hover{transform:translateY(-5px);box-shadow:0 16px 35px #173c4820}.aex-job-open{display:flex;flex-direction:column;width:100%;height:100%;padding:21px;text-align:left;border:0;background:transparent;color:var(--ink);cursor:pointer}.aex-job-icon{font-size:38px}.aex-job-world{margin:8px 32px 6px 0;color:var(--cat);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.aex-job-open strong{min-height:44px;font-size:17px;line-height:1.25}.aex-job-focus{display:-webkit-box;min-height:48px;margin-top:8px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.aex-job-foot{display:flex;align-items:center;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.aex-job-foot b{margin-right:4px;color:var(--cat);font-size:15px}.aex-job-foot i{margin-left:auto;color:var(--cat);font-size:18px;font-style:normal}.aex-favorite{position:absolute;z-index:3;top:15px;right:15px;width:35px;height:35px;border:0;border-radius:50%;background:#f2f7f5;color:#82918f;font-size:22px;cursor:pointer}.aex-favorite.is-active{background:#fff0bd;color:#e59c00}.aex-empty{grid-column:1/-1;padding:55px 20px;text-align:center;border:2px dashed var(--line);border-radius:22px;background:#fff}.aex-empty>span{font-size:48px}.aex-empty h3{margin:8px 0 3px}.aex-empty p{margin:0;color:var(--muted)}.aex-modal{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#092f3bd9;backdrop-filter:blur(7px)}.aex-dialog{position:relative;width:min(890px,100%);max-height:92vh;overflow:auto;border-radius:24px;background:var(--paper);box-shadow:0 30px 100px #0006}.aex-mission-dialog{width:min(980px,100%)}.aex-close{position:sticky;z-index:4;top:12px;float:right;width:42px;height:42px;margin:12px;border:1px solid #d8e1e1;border-radius:50%;background:#fff;color:var(--ink);font-size:27px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #173c4820}.aex-detail-hero{display:flex;align-items:center;gap:23px;padding:35px 36px 28px;border-bottom:5px solid var(--cat);background:linear-gradient(135deg,color-mix(in srgb,var(--cat) 12%,white),#fff)}.aex-detail-icon{display:grid;place-items:center;flex:0 0 82px;height:82px;border-radius:24px;background:#fff;font-size:47px;box-shadow:0 8px 24px #173c4814}.aex-detail-hero span:not(.aex-detail-icon){color:var(--cat);font-size:12px;font-weight:900}.aex-detail-hero h2{margin:3px 52px 3px 0;color:var(--ink);font-size:clamp(25px,4vw,39px);letter-spacing:-.035em}.aex-detail-hero p{margin:0;color:var(--muted);font-size:15px}.aex-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 35px 8px}.aex-detail-grid>div{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.aex-detail-grid h3{margin:0 0 10px;font-size:15px}.aex-detail-grid p{margin:0;color:var(--muted);line-height:1.55}.aex-chips{display:flex;flex-wrap:wrap;gap:7px}.aex-chips span{padding:7px 10px;border-radius:10px;background:#edf6f2;color:#34565d;font-size:12px;font-weight:750}.aex-mission-heading{margin:21px 35px 10px}.aex-mission-list{display:grid;gap:9px;padding:0 35px 12px}.aex-mission-card{display:flex;align-items:center;gap:13px;width:100%;padding:14px;text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);cursor:pointer}.aex-mission-card:hover{border-color:var(--cat);transform:translateX(3px)}.aex-mission-card>span{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:color-mix(in srgb,var(--cat) 14%,white);color:var(--cat);font-weight:950}.aex-mission-card div{flex:1}.aex-mission-card b,.aex-mission-card small{display:block}.aex-mission-card small{margin-top:3px;color:var(--muted);font-size:11px}.aex-mission-card i{font-style:normal;font-size:22px}.aex-mission-card.is-done{border-color:#7fc8a4;background:#f2fff7}.aex-detail-favorite{margin:8px 35px 31px;border:2px solid #e4bc45;background:#fff8d9;color:#785b06}.aex-mission-intro,.aex-result{padding:46px clamp(24px,5vw,58px)}.aex-mission-intro h2,.aex-result h2{max-width:770px;margin:5px 0 10px;color:var(--ink);font-size:clamp(28px,5vw,47px);line-height:1.06;letter-spacing:-.04em}.aex-brief{max-width:730px;color:var(--muted);font-size:17px}.aex-assignment{margin:22px 0 10px;padding:18px 21px;border-left:6px solid var(--cat);border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--cat) 10%,white)}.aex-assignment h3{margin:0 0 5px}.aex-assignment p{margin:0;font-size:16px;line-height:1.55}.aex-mission-intro>.aex-detail-grid{padding:9px 0 20px}.aex-demo{display:block;margin:2px 0 17px;padding:12px;border:1px dashed #e4a93a;border-radius:12px;background:#fff8dd;font-weight:800}.aex-demo input{width:18px;height:18px;margin-right:8px;vertical-align:-3px}.aex-mission-intro>.aex-primary{min-width:220px;font-size:17px}.aex-workbench{min-height:650px;padding:31px clamp(20px,5vw,52px) 38px;background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 8%,white),#fff 250px)}.aex-mission-hud{display:flex;align-items:center;justify-content:space-between;gap:25px}.aex-mission-hud span,.aex-mission-hud b{display:block}.aex-mission-hud span{color:var(--cat);font-size:12px;font-weight:900;text-transform:uppercase}.aex-mission-hud b{margin-top:4px;font-size:18px}.aex-clock{min-width:105px;padding:10px 15px;text-align:center;border-radius:14px;background:#173c48;color:#fff;font-size:27px;font-weight:950;font-variant-numeric:tabular-nums}.aex-clock.is-low{background:#d44b45;animation:aexPulse .8s infinite alternate}.aex-mission-meter{height:9px;margin:20px 0 32px;overflow:hidden;border-radius:99px;background:#dae7e5}.aex-mission-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cat),#ffbd4a);transition:.3s ease}.aex-round-label{display:inline-block;padding:6px 10px;border-radius:9px;background:color-mix(in srgb,var(--cat) 15%,white);color:var(--cat);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.aex-workbench h2{max-width:820px;margin:15px 0 6px;color:var(--ink);font-size:clamp(25px,4vw,38px);line-height:1.14;letter-spacing:-.025em}.aex-round-context{margin:0 0 21px;color:var(--muted)}.aex-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.aex-options button{display:flex;align-items:center;gap:11px;min-height:100px;padding:16px;text-align:left;border:2px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:820;cursor:pointer;box-shadow:0 5px 15px #173c480a}.aex-options button:hover:not(:disabled){border-color:var(--cat);transform:translateY(-2px)}.aex-options button>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#edf4f3;color:#476168;font-weight:950}.aex-options button.is-correct{border-color:#3bac6f;background:#effff5}.aex-options button.is-wrong{border-color:#e3635e;background:#fff2f1}.aex-feedback{margin-top:15px;padding:15px 17px;border-radius:14px}.aex-feedback.is-correct{border:1px solid #80cf9e;background:#effff5}.aex-feedback.is-wrong{border:1px solid #e9aaa6;background:#fff3f2}.aex-feedback p{display:inline;margin-left:7px}.aex-feedback button{float:right;margin:-7px;padding:9px 12px;border:0;border-radius:10px;background:#173c48;color:#fff;font-weight:850;cursor:pointer}.aex-mission-foot{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;padding-top:16px;border-top:1px solid var(--line)}.aex-mission-foot span{padding:7px 10px;border-radius:9px;background:#edf5f3;color:#3c5960;font-size:12px;font-weight:800}.aex-mission-foot .aex-more{background:#fff0c4;color:#7b5600}.aex-result{text-align:center}.aex-result-medal{font-size:70px}.aex-result h2{margin-right:auto;margin-left:auto}.aex-result>p{max-width:700px;margin:0 auto 20px;color:var(--muted);font-size:16px}.aex-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin:24px auto}.aex-result-stats>div{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.aex-result-stats b,.aex-result-stats span{display:block}.aex-result-stats b{color:var(--cat);font-size:28px}.aex-result-stats span{color:var(--muted);font-size:11px;font-weight:800}.aex-learning{max-width:720px;margin:16px auto 24px;padding:17px;border-radius:16px;background:color-mix(in srgb,var(--cat) 10%,white);text-align:left}.aex-learning h3,.aex-learning p{margin:0}.aex-learning p{margin-top:5px;line-height:1.55}.aex-reflect{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.aex-reflect button{padding:11px 13px;border:2px solid var(--line);border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.aex-reflect button:hover,.aex-reflect button.is-active{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 11%,white)}.aex-result-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.aex-secondary{border:2px solid var(--line);background:#fff;color:var(--ink)}.aex-strengths{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.aex-strength{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.aex-strength>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--cat) 12%,white);font-size:24px}.aex-strength>div{flex:1}.aex-strength b,.aex-strength small,.aex-strength i{display:block}.aex-strength small{margin:3px 0 7px;color:var(--muted);font-size:11px}.aex-strength i{height:7px;overflow:hidden;border-radius:99px;background:#e5eeec}.aex-strength em{display:block;height:100%;border-radius:inherit;background:var(--cat)}.aex-recommendations{margin-top:28px}.aex-reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.aex-reco-grid button{display:flex;flex-direction:column;align-items:flex-start;padding:18px;text-align:left;border:2px solid transparent;border-radius:17px;background:#fff;box-shadow:0 6px 20px #173c4812;cursor:pointer}.aex-reco-grid button:hover{border-color:var(--cat)}.aex-reco-grid span{font-size:31px}.aex-reco-grid b{margin-top:6px}.aex-reco-grid small{margin-top:9px;color:var(--cat);font-weight:900}.aex-note{padding:15px;border-left:5px solid #ffbf4c;border-radius:0 13px 13px 0;background:#fff9e7;color:#62563a}.aex-reset{margin-top:35px;padding:9px;border:0;background:transparent;color:#a33d3d;text-decoration:underline;cursor:pointer}.aex-toast{position:fixed;z-index:100000;left:50%;bottom:25px;max-width:90vw;padding:12px 18px;border-radius:12px;background:#173c48;color:#fff;font-weight:850;box-shadow:0 8px 30px #0004;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s ease}.aex-toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes aexPulse{to{transform:scale(1.04)}}@media(max-width:1100px){.aex-categories,.aex-job-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.aex-hero{min-height:230px;padding:35px 24px}.aex-hero-badge{display:none!important}.aex-topbar{overflow-x:auto}.aex-topbar button{white-space:nowrap}.aex-dashboard{grid-template-columns:1fr}.aex-dashboard>div:not(.aex-progress){padding:8px 12px}.aex-categories,.aex-job-grid{grid-template-columns:repeat(2,1fr)}.aex-section-head{display:block}.aex-random{margin-top:15px}.aex-detail-grid,.aex-strengths{grid-template-columns:1fr}.aex-options{grid-template-columns:1fr}.aex-options button{min-height:72px}.aex-feedback button{float:none;display:block;margin:10px 0 0}.aex-reco-grid{grid-template-columns:1fr}}@media(max-width:540px){.aex{border-radius:0}.aex-hero h1{font-size:40px}.aex-main{padding-right:12px;padding-left:12px}.aex-categories,.aex-job-grid{grid-template-columns:1fr}.aex-category{min-height:70px}.aex-job{min-height:230px}.aex-modal{padding:0}.aex-dialog{max-height:100vh;border-radius:0}.aex-detail-hero{display:block;padding:25px 20px}.aex-detail-icon{width:65px;height:65px;margin-bottom:12px;font-size:37px}.aex-detail-grid{padding:18px 20px 5px}.aex-mission-heading{margin:18px 20px 9px}.aex-mission-list{padding:0 20px 10px}.aex-detail-favorite{margin:8px 20px 25px}.aex-mission-hud{align-items:flex-start}.aex-clock{min-width:82px;font-size:22px}.aex-result-stats{grid-template-columns:1fr}.aex-result-actions{flex-direction:column}.aex-result-actions button{width:100%}.aex-workbench{padding-top:24px}.aex-mission-foot{display:grid;grid-template-columns:1fr 1fr}.aex-topbar .aex-sound{margin-left:0}}

/* Version 2: echte digitale Werkstätten statt Fragenrunden. */
.aex-sim{min-height:430px}
.aex-sim button{border:2px solid #d9e5e4;border-radius:12px;background:#fff;color:var(--ink);font-weight:820;cursor:pointer;touch-action:manipulation;transition:.16s ease}
.aex-sim button:hover:not(:disabled),.aex-sim button.is-selected{border-color:var(--cat);box-shadow:0 5px 16px #173c4817;transform:translateY(-1px)}
.aex-sim button:disabled{cursor:default;opacity:.72}
.aex-sim-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.aex-sim-head span{color:var(--cat);font-size:11px;font-weight:950;letter-spacing:.11em}
.aex-sim-head h3{margin:3px 0 0;font-size:clamp(23px,4vw,34px);letter-spacing:-.025em}
.aex-sim-head p{max-width:470px;margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.aex-sim-status{min-height:46px;margin-top:18px;padding:12px 15px;border:1px solid #d7e5e3;border-radius:13px;background:#eff6f4;color:#3a5960;font-weight:800}
.aex-sim-status.is-ok{border-color:#77c99a;background:#ecfff3;color:#17643b}
.aex-sim-status.is-bad{border-color:#eda5a1;background:#fff1ef;color:#943d38}
.aex-sim-status.is-info{border-color:#8ec4df;background:#edf8ff;color:#235f7c}
.aex-sim-primary{min-height:44px!important;padding:10px 16px!important;border-color:#173c48!important;background:#173c48!important;color:#fff!important}

/* Code-Labor */
.aex-code-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(330px,1.15fr);gap:18px}
.aex-code-grid{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;overflow:hidden;border:7px solid #315a62;border-radius:18px;background:#d8efe7;box-shadow:inset 0 0 0 2px #fff}
.aex-code-cell{display:grid;place-items:center;border:1px solid #b3d4cb;font-size:clamp(20px,4vw,38px)}
.aex-code-cell.is-trail{background:#fff3ac}
.aex-code-panel{display:flex;flex-direction:column;gap:10px}
.aex-code-goal{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-radius:12px;background:#e9f5f1}
.aex-code-goal b{width:100%;font-size:12px}
.aex-code-goal code{padding:5px 7px;border-radius:7px;background:#173c48;color:#bfffe9;font-size:11px}
.aex-code-panel textarea{width:100%;min-height:230px;padding:16px;resize:vertical;border:2px solid #315a62;border-radius:14px;background:#102f38;color:#d4fff1;font:700 14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.aex-code-buttons{display:flex;flex-wrap:wrap;gap:7px}
.aex-code-buttons button{padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.aex-code-buttons .aex-sim-primary{margin-left:auto;font-family:inherit}

/* Elektro-Werkbank und Löten */
.aex-circuit-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:230px;padding:26px 16px;border:8px solid #785136;border-radius:18px;background:repeating-linear-gradient(0deg,#c9ad73 0 3px,#b99c65 3px 6px);isolation:isolate}
.aex-circuit-board svg{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}
.aex-circuit-board path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.aex-wire-outline{stroke:#263d43;stroke-width:12;opacity:.92}
.aex-wire-core{stroke:var(--wire);stroke-width:7;filter:drop-shadow(0 3px 2px #0004)}
.aex-wire-highlight{stroke:#fff;stroke-width:2;opacity:.32;transform:translateY(-1px)}
.aex-component{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;padding:12px;border:2px solid #688089;border-radius:15px;background:#f9fbf8;box-shadow:0 7px 0 #55666b}
.aex-component>span{font-size:42px}.aex-component>b{margin:4px 0 13px;font-size:12px}.aex-component>div{display:flex;gap:30px;padding-bottom:14px}
.aex-port{position:relative;width:25px;height:25px;padding:0!important;border:6px solid #33484d!important;border-radius:50%!important;background:#efc54a!important;box-shadow:inset 0 1px 2px #fff8}
.aex-port:after{content:attr(data-label);position:absolute;top:23px;left:50%;min-width:20px;color:#29454e;font-size:10px;font-weight:950;line-height:1;transform:translateX(-50%)}
.aex-port.is-selected{background:#ff694f!important;box-shadow:0 0 0 6px #fff5b5!important}
.aex-circuit-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.aex-circuit-controls button{padding:10px 13px}.aex-circuit-controls [data-switch].is-on{border-color:#34a46c;background:#e8fff1}
.aex-lamp{margin-left:auto;padding:8px 15px;border-radius:50%;background:#d7e0df;font-size:38px;filter:grayscale(1)}
.aex-lamp.is-lit{background:#fff7a4;filter:none;box-shadow:0 0 35px 15px #ffdd55}
.aex-solder-board{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:32px;border:8px solid #4b7b57;border-radius:18px;background:radial-gradient(circle at 30% 30%,#97cf98,#39704d)}
.aex-joint{position:relative;min-height:150px;padding:18px 8px 8px!important;background:#eaf6e9!important}
.aex-joint span{display:block;width:64px;height:64px;margin:auto;border:10px solid #8d8d87;border-radius:50%;background:conic-gradient(#ff613d var(--heat,0%),#343b3c 0);box-shadow:inset 0 0 0 10px #d7b84e}
.aex-joint i{display:block;margin-top:12px;font-size:11px;font-style:normal}.aex-joint.is-done span{background:#d6d8dc;box-shadow:inset 0 0 0 10px #d7b84e,0 0 14px #fff}
.aex-solder-tool{margin-top:12px;padding:12px;border-radius:12px;background:#263f46;color:#fff;text-align:center;font-weight:900}

/* Medien */
.aex-clip-bin,.aex-products,.aex-parts,.aex-packages,.aex-samples,.aex-ingredients{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:17px}
.aex-clip,.aex-product,.aex-part,.aex-package,.aex-sample,.aex-ingredient,.aex-cloth,.aex-care-tool,.aex-document{min-width:115px;min-height:88px;padding:12px;font-size:27px}
.aex-clip b,.aex-clip small,.aex-product b,.aex-product small,.aex-part b,.aex-package small,.aex-sample b,.aex-ingredient b,.aex-cloth small,.aex-care-tool b,.aex-document b{display:block;font-size:11px}
.aex-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0;padding:15px;border-radius:15px;background:#273e47}
.aex-timeline-slot{display:grid;place-items:center;min-height:115px;border:2px dashed #8aa2a7;border-radius:11px;color:#bdd0d3}
.aex-timeline-slot .aex-clip{width:100%;height:100%;min-width:0}
.aex-mixer{display:grid;gap:13px;padding:20px;border-radius:17px;background:#223c46;color:#fff}
.aex-mixer label{display:grid;grid-template-columns:110px 1fr 130px 40px;align-items:center;gap:12px;font-weight:850}
.aex-mixer input,.aex-photo-controls input,.aex-ruler input{width:100%;accent-color:#ffb74c}
.aex-mixer label span{height:10px;overflow:hidden;border-radius:9px;background:linear-gradient(90deg,#47cd82 0 var(--level),#536970 var(--level))}
.aex-photo-editor{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}
.aex-photo{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;border-radius:17px;background:linear-gradient(140deg,#78a9b9,#ffc273);font-size:100px}
.aex-crop-frame{position:absolute;inset:17%;border:4px dashed #fff;box-shadow:0 0 0 100vmax #0005}
.aex-photo-controls{display:flex;flex-direction:column;gap:15px;padding:18px;border-radius:16px;background:#eff5f3}
.aex-photo-controls label{font-size:12px;font-weight:850}.aex-photo-controls output{float:right}

/* Hauswirtschaft */
.aex-clean-tools,.aex-paint-tools,.aex-hair-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.aex-clean-tools button,.aex-paint-tools button,.aex-hair-tools button{padding:10px 13px}
.aex-room{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:300px;padding:25px;border:9px solid #8f6a49;border-radius:18px;background:linear-gradient(#d6eef1 0 62%,#bd9168 62%);box-shadow:inset 0 -15px #9f7351}
.aex-dirt{min-height:105px;padding:10px!important;background:#ffffffd8!important}.aex-dirt span,.aex-dirt b{display:block}.aex-dirt span{font-size:37px}.aex-dirt b{font-size:11px}.aex-dirt.is-clean{opacity:.25;filter:grayscale(1);transform:scale(.9)}
.aex-laundry{display:flex;gap:10px;flex-wrap:wrap}.aex-cloth{min-width:95px}.aex-washers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.aex-washers>div{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:5px;min-height:155px;padding:14px;border:4px solid #829599;border-radius:50% 50% 14px 14px;background:#eaf1f2;text-align:center;font-weight:900}.aex-washers .aex-cloth{min-width:60px;min-height:55px;padding:5px;font-size:22px}
.aex-sew{position:relative;height:330px;border:10px solid #8b6549;border-radius:18px;background:repeating-linear-gradient(45deg,#6fa5d2 0 10px,#78acd7 10px 20px)}
.aex-tear{position:absolute;left:50%;top:25px;bottom:25px;border-left:5px dashed #273b42;transform:translateX(-50%)}
.aex-sew [data-stitch]{position:absolute;left:calc(50% + (var(--i) % 2 * 50px - 25px));top:calc(8% + var(--i) * 8.7%);width:27px;height:27px;padding:0;border-radius:50%;background:#fff}
.aex-sew [data-stitch].is-done{border-color:#ffd75a;background:#ff6e58;box-shadow:0 0 0 6px #fff8}

/* Farbe und Wand */
.aex-paint-mix{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.aex-target-color,.aex-mixed-color{display:grid;place-items:center;min-height:150px;border:8px solid #fff;border-radius:50% 50% 18px 18px;box-shadow:0 4px 18px #173c4824}.aex-target-color b,.aex-mixed-color span{padding:6px 9px;border-radius:8px;background:#fff;color:#173c48;font-size:12px}.aex-mixed-color{background:#fff}
.aex-pigments{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.aex-pigments button{min-height:62px;border:8px solid color-mix(in srgb,var(--p) 70%,#777);background:var(--p);color:#173c48;text-shadow:0 1px #fff}
.aex-paint-mix>[data-reset-paint],.aex-paint-mix>.aex-sim-primary{padding:10px}
.aex-wall{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:18px;border-radius:9px;background:#eee;box-shadow:0 8px 23px #173c4822}
.aex-wall>[data-wall-cell]{aspect-ratio:1.25;border:0;border-radius:3px;background:#f1eee6}.aex-wall>[data-wall-cell].is-painted{background:#64b9b0;box-shadow:inset 0 0 8px #fff6}
.aex-edge{position:absolute!important;z-index:2;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.aex-edge.top,.aex-edge.bottom{left:0;width:100%;height:16px}.aex-edge.left,.aex-edge.right{top:0;width:16px;height:100%}.aex-edge.top{top:0}.aex-edge.bottom{bottom:0}.aex-edge.left{left:0}.aex-edge.right{right:0}.aex-edge.is-taped{background:#ffd544!important;box-shadow:0 0 3px #967b00}

/* Verkauf, Montage und Messen */
.aex-customer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 16px;border-radius:14px;background:#fff2cf}.aex-customer span{font-size:21px;font-weight:900}.aex-budget{grid-column:1/-1;height:9px;overflow:hidden;border-radius:8px;background:#ddd}.aex-budget i{display:block;width:0;height:100%;background:#42b876;transition:.2s}
.aex-cart{display:flex;align-items:flex-start;gap:9px;min-height:110px;margin:10px 0;padding:14px;border:3px dashed #7a969a;border-radius:15px;background:#f4f8f7;font-size:28px}.aex-cart span{font-size:13px;font-weight:900}.aex-cart .aex-product{min-width:90px;min-height:72px;padding:7px}
.aex-blueprint{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:180px;margin-bottom:15px;padding:18px;border:2px solid #4e8db2;border-radius:15px;background-color:#e8f6ff;background-image:linear-gradient(#b9dced 1px,transparent 1px),linear-gradient(90deg,#b9dced 1px,transparent 1px);background-size:20px 20px}
.aex-part-slot{display:grid;place-items:center;min-height:125px;border:3px dashed #4e8db2;border-radius:10px;color:#4e8db2;font-size:35px}.aex-part-slot .aex-part{width:100%;height:100%;min-width:0}
.aex-ruler{display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px;border-radius:16px;background:#f5e9ca}.aex-ruler>b{grid-column:1/-1;font-size:22px}.aex-ruler output{font-weight:900}.aex-board-cut{position:relative;grid-column:1/-1;height:120px;border:6px solid #8e5b30;border-radius:8px;background:repeating-linear-gradient(90deg,#c99154 0 24px,#d7a365 24px 48px)}.aex-board-cut i{position:absolute;top:-7px;bottom:-7px;border-left:5px dashed #e6333f}.aex-ruler .aex-sim-primary{grid-column:1/-1}

/* Metall und Friseur */
.aex-weld{display:flex;align-items:center;gap:3px;min-height:220px;padding:45px 20px;border:10px solid #39484d;border-radius:17px;background:linear-gradient(#808d90,#4b585c)}.aex-weld span{flex:1;height:25px;border:2px dashed #f9d84e;border-radius:8px;background:#283238}.aex-weld span.is-welded{border:0;background:radial-gradient(circle,#fff 0 8%,#ffcf4c 9% 25%,#ec5b2d 26% 48%,#707d81 50%);box-shadow:0 0 17px #ffb630}.aex-weld-gauge{height:13px;margin-top:13px;overflow:hidden;border-radius:10px;background:#dbe5e4}.aex-weld-gauge i{display:block;width:0;height:100%;background:linear-gradient(90deg,#f05a31,#ffd64d);transition:.14s}
.aex-head{position:relative;width:min(430px,100%);height:360px;margin:auto;border-radius:48% 48% 40% 40%;background:#f1c7a7;box-shadow:inset 0 -18px #dfa987}.aex-face{position:absolute;left:50%;top:48%;font-size:100px;transform:translate(-50%,-50%)}.aex-strand{--length:6;position:absolute;z-index:2;left:calc(9% + var(--x) * 11.5%);top:5%;width:11%;height:calc(var(--length) * 34px);padding:0!important;border:0!important;border-radius:70% 70% 15px 15px!important;background:#5b382b!important;transform-origin:top;transition:.2s}.aex-head.is-combed .aex-strand{transform:rotate(calc((var(--x) - 3.5) * 2deg))}.aex-strand.is-colored{background:#7f4ab0!important}.aex-cut-guide{position:absolute;z-index:3;left:4%;right:4%;top:calc(5% + var(--guide) * 34px);border-top:4px dashed #f04e56;pointer-events:none}

/* Logistik, Gesundheit, Natur, Büro und Gastro */
.aex-conveyors,.aex-lab-stations,.aex-process-board,.aex-kitchen-line,.aex-care-path{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.aex-conveyors>div,.aex-lab-stations>div,.aex-process-board>div,.aex-kitchen-line>div,.aex-care-path>div{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:5px;min-height:135px;padding:15px;border:3px dashed #75969a;border-radius:14px;background:#f1f7f5;text-align:center;font-weight:900}.aex-conveyors .aex-package,.aex-lab-stations .aex-sample,.aex-process-board .aex-document,.aex-kitchen-line .aex-ingredient,.aex-care-path .aex-care-tool{min-width:70px;min-height:65px;padding:7px}
.aex-care-scene{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px;border-radius:16px;background:#eaf6fb}.aex-person{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#fff;font-size:50px}.aex-person small{font-size:11px}.aex-care-path{grid-template-columns:repeat(5,1fr);margin-top:14px}
.aex-doc-source{display:flex;justify-content:center;margin-bottom:14px}.aex-process-board b{display:block;width:100%;font-size:11px}
.aex-cook-timer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:15px;padding:12px;border-radius:13px;background:#263f46}.aex-cook-timer button{padding:9px}.aex-cook-timer i{height:15px;width:0;max-width:100%;border-radius:9px;background:linear-gradient(90deg,#e95741 0 65%,#55c779 65% 82%,#e95741 82%)}

@media(max-width:820px){
  .aex-sim-head{display:block}.aex-sim-head p{margin-top:7px}
  .aex-code-layout,.aex-photo-editor{grid-template-columns:1fr}
  .aex-circuit-board{grid-template-columns:repeat(2,1fr)}
  .aex-solder-board{grid-template-columns:repeat(3,1fr)}
  .aex-mixer label{grid-template-columns:90px 1fr 70px 36px}
  .aex-washers,.aex-blueprint,.aex-conveyors,.aex-lab-stations,.aex-process-board,.aex-kitchen-line{grid-template-columns:repeat(2,1fr)}
  .aex-care-path{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:540px){
  .aex-workbench{padding-right:14px;padding-left:14px}.aex-mission-meter{margin:14px 0 20px}
  .aex-code-grid{width:100%}.aex-code-panel textarea{min-height:190px}.aex-code-buttons .aex-sim-primary{width:100%;margin-left:0}
  .aex-circuit-board{padding:14px 8px}.aex-component{min-height:125px}.aex-component>span{font-size:34px}.aex-component>div{gap:20px}.aex-lamp{margin-left:0}
  .aex-solder-board{grid-template-columns:repeat(2,1fr);padding:14px}.aex-joint{min-height:120px}
  .aex-timeline{grid-template-columns:repeat(2,1fr)}.aex-mixer label{grid-template-columns:1fr 36px}.aex-mixer label span{display:none}
  .aex-room{grid-template-columns:repeat(2,1fr);padding:15px}.aex-washers{grid-template-columns:repeat(2,1fr)}
  .aex-pigments{grid-template-columns:repeat(2,1fr)}.aex-wall{grid-template-columns:repeat(4,1fr)}
  .aex-blueprint,.aex-conveyors,.aex-lab-stations,.aex-process-board,.aex-kitchen-line,.aex-care-path{grid-template-columns:1fr 1fr}
  .aex-weld{padding:35px 8px}.aex-head{height:330px}.aex-strand{height:calc(var(--length) * 30px)}.aex-cut-guide{top:calc(5% + var(--guide) * 30px)}
  .aex-cook-timer{grid-template-columns:1fr 1fr}.aex-cook-timer i{grid-column:1/-1;grid-row:1}
}

/* Mission steuern: Lösung ansehen oder den aktuellen Versuch neu starten. */
.aex-hud-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.aex-solution-toggle{min-height:46px;padding:10px 14px;border:2px solid #e5be58;border-radius:13px;background:#fff9df;color:#705500;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #173c4810}
.aex-solution-toggle:hover,.aex-solution-toggle.is-open{border-color:#d79b17;background:#fff1b8;transform:translateY(-1px)}
.aex-restart-mission{min-height:46px;padding:10px 14px;border:2px solid color-mix(in srgb,var(--cat) 35%,#d8e5e4);border-radius:13px;background:#fff;color:var(--cat);font-weight:900;cursor:pointer;box-shadow:0 4px 12px #173c4810}
.aex-restart-mission:hover{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 9%,white);transform:translateY(-1px)}
.aex-solution-panel{position:relative;margin:-11px 0 25px;padding:19px 20px;border:2px solid #e6c468;border-radius:17px;background:linear-gradient(135deg,#fffdf4,#fff8da);box-shadow:0 12px 28px #765b1117}
.aex-solution-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.aex-solution-head span{color:#9a6d00;font-size:10px;font-weight:950;letter-spacing:.1em}
.aex-solution-head h3{margin:3px 0 0;color:var(--ink);font-size:21px}
.aex-solution-head button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #dccb98;border-radius:50%;background:#fff;color:#6d5a25;font-size:23px;line-height:1;cursor:pointer}
.aex-solution-mission{margin:9px 0 14px;color:#6c6a5f;font-size:13px;font-weight:750}
.aex-solution-panel ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:aex-solution-step}
.aex-solution-panel li{position:relative;min-height:49px;padding:11px 12px 11px 45px;border:1px solid #eadba9;border-radius:12px;background:#fff;color:#354f56;font-size:13px;font-weight:750;line-height:1.35;counter-increment:aex-solution-step}
.aex-solution-panel li:before{content:counter(aex-solution-step);position:absolute;top:10px;left:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173c48;color:#fff;font-size:11px;font-weight:950}
.aex-solution-code{margin-top:11px;padding:11px;border-radius:13px;background:#102f38;color:#d4fff1}
.aex-solution-code>span{display:block;margin:0 0 7px;color:#ffdc6d;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.aex-solution-code pre{max-height:220px;margin:0;overflow:auto;white-space:pre-wrap}.aex-solution-code code{font:750 13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.aex-solution-note{margin:11px 0 0;color:#6b5a2b;font-size:12px;font-weight:800}
@media(max-width:620px){.aex-mission-hud{display:grid;grid-template-columns:1fr}.aex-hud-actions{display:grid;grid-template-columns:1fr 1fr auto}.aex-solution-toggle,.aex-restart-mission{min-width:0;padding:9px 8px}.aex-clock{flex:0 0 auto}.aex-solution-panel ol{grid-template-columns:1fr}}
@media(max-width:420px){.aex-hud-actions{grid-template-columns:1fr 1fr}.aex-clock{grid-column:1/-1;width:100%}}

.aex-auto-next{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:720px;margin:15px auto 24px;padding:14px 16px;border:2px solid color-mix(in srgb,var(--cat) 38%,#dce8e8);border-radius:15px;background:color-mix(in srgb,var(--cat) 9%,white);text-align:left}
.aex-auto-next span{font-weight:800}.aex-auto-next strong{display:inline-grid;place-items:center;min-width:28px;height:28px;margin:0 3px;border-radius:50%;background:var(--cat);color:#fff;font-size:14px}
.aex-auto-next button{flex:0 0 auto;padding:8px 10px;border:1px solid #cbd9d8;border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}
@media(max-width:620px){.aex-auto-next{display:block}.aex-auto-next button{width:100%;margin-top:10px}}

/* Klare Spaltenabstaende in der Datenqualitaets-Mission */
.aex [data-data-rows] .aex-process-card{display:grid;grid-template-columns:1fr;gap:7px;align-content:start;justify-items:center;min-height:118px;padding:12px 10px;line-height:1.25;text-align:center}
.aex [data-data-rows] .aex-process-card b,.aex [data-data-rows] .aex-process-card span{display:block;width:100%;margin:0;white-space:normal}
.aex [data-data-rows] .aex-process-card b{font-size:.82rem;padding-bottom:3px;border-bottom:1px solid #d7e4e5}
.aex [data-data-rows] .aex-process-card span{font-size:.95rem}