.practice-lab{max-width:1200px;margin:auto;--pl-ink:#143545;--pl-mint:#24745c;--pl-gold:#d8a343;--pl-red:#a33d4c}.practice-lab *{box-sizing:border-box}.practice-lab button{font-family:inherit;cursor:pointer}.practice-lab button:disabled{cursor:default}.practice-lab button:focus-visible,.practice-lab a:focus-visible{outline:3px solid #c49a3b;outline-offset:3px}.pl-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.pl-heading h1{font-size:40px;letter-spacing:-1.4px;margin:7px 0 10px}.pl-heading p:not(.eyebrow){font-size:15px;color:#567078;line-height:1.6;margin:0}.pl-score{background:#123545;color:#e8f7f1;border-radius:17px;padding:16px 22px;display:grid;grid-template-columns:auto auto;gap:5px 22px;align-items:center;white-space:nowrap}.pl-score strong{font-size:30px;letter-spacing:-1px;display:block}.pl-score>span{font-size:11px}.pl-score>span:nth-child(2){color:#f0cc79;font-size:20px}.pl-score small{grid-column:1/-1;font-size:9px;color:#c5dbdd}.pl-tabs{display:flex;gap:7px;padding:5px;border:1px solid #d4e3de;border-radius:13px;background:#e9f1ee;width:max-content;max-width:100%;margin:0 0 18px}.pl-tabs a{display:block;text-decoration:none;color:#42665f;font-size:13px;font-weight:800;padding:12px 20px;border-radius:9px}.pl-tabs a[aria-current=page]{background:#fff;color:#1b6b53;box-shadow:0 3px 10px #1d564015}.pl-audio{display:flex;gap:12px;align-items:center;margin:0 0 25px;background:#fff;border:1px solid #dbe6e1;border-radius:14px;padding:13px 16px}.pl-audio button,.pl-audio select{border:1px solid #a7c0b6;border-radius:9px;background:#f0f6f2;color:#173d40;min-height:42px;padding:9px 14px;font-size:13px;font-weight:750}.pl-audio>button:first-child{min-width:132px;background:#1d7156;color:white;border-color:#1d7156}.pl-audio>div{flex:1;min-width:0}.pl-audio>div>span{display:block;font-size:11px;color:#5b7773;margin-bottom:5px}.pl-audio input{width:100%;margin:0;accent-color:#358568}.pl-audio select{max-width:80px}.pl-section-top{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:0 0 16px}.pl-section-top h2{font-size:22px;letter-spacing:-.5px;margin:6px 0 0}.pl-section-top>span{font-size:10px;color:#627d75;white-space:nowrap}.pl-mission-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:22px}.pl-mission-grid>button{display:flex;flex-direction:column;align-items:flex-start;padding:17px 14px;background:white;border:1px solid #d5e4de;border-radius:15px;text-align:left;min-width:0;color:#193e43}.pl-mission-no{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e9f3ec;color:#23694e;font-size:13px;font-weight:850;margin-bottom:13px}.pl-mission-grid strong{font-size:14px;line-height:1.35;margin-bottom:6px}.pl-mission-grid small{font-size:10px;color:#627b75;line-height:1.5;margin-bottom:13px}.pl-mission-grid b{letter-spacing:3px;font-size:14px;margin-top:auto;color:#91a7a0}.pl-mission-grid button[aria-pressed=true]{border:2px solid #2e8b6c;padding:16px 13px;box-shadow:0 4px 14px #22694c10}.pl-mission-grid button.completed{background:#eef9f1}.pl-mission-grid button.completed b{color:#a1791e}.pl-mission-current{border:1px solid #8ec6b1;border-radius:16px;background:#eef8f2;padding:22px;margin:0 0 22px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pl-mission-current[hidden]{display:none}.pl-mission-current>div:first-child{flex:1;min-width:220px}.pl-mission-current h3{font-size:22px;letter-spacing:-.5px;margin:8px 0}.pl-mission-current p{font-size:13px;line-height:1.7;margin:0 0 8px}.pl-mission-current small{font-size:11px;line-height:1.6;color:#527166}.pl-mission-options{display:grid;gap:8px;flex:0 1 450px}.pl-mission-options button{border:1px solid #aac9bb;background:white;border-radius:10px;color:#204a40;font-size:13px;text-align:left;padding:12px 15px;min-height:46px}.pl-mission-result{flex:1 0 100%}.pl-mission-result:empty{display:none}.pl-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);gap:18px;align-items:start}.pl-scene-column,.pl-data-column{min-width:0}.pl-visual{border:1px solid #bed0c9;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#edf4ef,#f8faf5)}.pl-view-caption{display:flex;justify-content:space-between;padding:15px 18px;color:#325b50;font-size:11px}.pl-view-caption strong{font-size:12px}.pl-side{display:block;width:100%;height:auto;aspect-ratio:5850/4300}.pl-legend{display:flex;gap:14px;flex-wrap:wrap;padding:13px 17px;background:#ffffffa8;border-top:1px solid #d2e2d8;color:#48675b;font-size:10px}.pl-legend span{display:flex;align-items:center;gap:6px}.pl-dot-cog{display:inline-block;width:12px;height:12px;border-radius:50%;background:conic-gradient(#152f3b 0 25%,white 0 50%,#152f3b 0 75%,white 0);border:1px solid #183545}.pl-dot-cog.total{border:2px solid #1d7a55;width:16px;height:16px}.pl-dot-cog.load{border:2px solid #b8872c}.pl-balance{padding:17px 18px;background:#fff;border-top:1px solid #d4e1d9}.pl-balance h3{font-size:13px;color:#466e60;margin:0 0 12px}.pl-balance-row{display:grid;grid-template-columns:90px minmax(0,1fr) 92px;gap:12px;align-items:center;font-size:11px;margin:10px 0}.pl-balance-row>div{height:10px;background:#e2ece5;border-radius:7px;overflow:hidden}.pl-balance-row i{display:block;height:100%;background:#2e8764;border-radius:inherit}.pl-balance-row.tipping i{background:#c28a38}.pl-balance-row strong{font-size:12px;text-align:right}.pl-balance p{font-size:10px;color:#60796f;line-height:1.6;margin:11px 0 0}.pl-plan-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:13px}.pl-plan{min-width:0;margin:0;background:#fff;border:1px solid #d5e2dc;border-radius:14px;padding:15px}.pl-plan h3{font-size:13px;margin:0 0 8px;color:#315b51}.pl-top{display:block;width:100%;height:auto}.pl-roll{display:block;width:100%;height:180px}.pl-plan figcaption{font-size:10px;line-height:1.6;color:#5b776d}.pl-status{display:flex;gap:12px;padding:20px 17px;border:1px solid #a3cdb5;background:#edf8ef;border-radius:15px;color:#22654b;margin-bottom:13px}.pl-status>span{font-size:24px;font-weight:800}.pl-status h2{font-size:20px;letter-spacing:-.5px;line-height:1.2;color:inherit;margin:0 0 10px}.pl-status p{font-size:12px;line-height:1.7;margin:0}.pl-status b{display:block;font-size:12px;margin-top:10px}.pl-status.warn{background:#fff5dc;border-color:#d9bd73;color:#7b5717}.pl-status.bad{background:#fbecef;border-color:#d4a2a7;color:#943c48}.pl-metric{padding:16px;border:1px solid #d9e4df;border-radius:13px;background:white;margin-bottom:10px;display:grid;gap:7px}.pl-metric>span{font-size:11px;color:#527069}.pl-metric strong{font-size:26px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;color:#204b43}.pl-metric small{font-size:10px;line-height:1.5;color:#648075}.pl-metric.bad strong{color:#a74352}.pl-metric.warn strong{color:#956c24}.pl-tips p{border-left:3px solid #8fb5a2;padding:3px 0 3px 11px;font-size:11px;color:#456a5a;line-height:1.65;margin:14px 0}.pl-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:22px}.pl-controls fieldset{display:flex;flex-direction:column;gap:20px;border:1px solid #d2e2d9;padding:22px;border-radius:16px;margin:0;min-width:0;background:#fff}.pl-controls legend{font-size:14px;font-weight:800;padding:0 8px;color:#2e584e}.pl-slider{display:block}.pl-slider>span{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;margin-bottom:8px;color:#486b5c}.pl-slider output{font-weight:850;white-space:nowrap;color:#173e3e}.pl-slider input{width:100%;height:26px;accent-color:#2a8866;margin:0}.pl-slider[hidden]{display:none}.pl-toggle{font-size:12px;font-weight:700;color:#3f6757;display:flex;align-items:center;gap:10px;line-height:1.5}.pl-toggle input{width:19px;height:19px;accent-color:#2a8866}.pl-segments{display:flex;flex-wrap:wrap;gap:7px}.pl-segments button{border:1px solid #bacfc4;background:#f6faf6;color:#416a57;padding:10px 13px;border-radius:10px;min-height:43px;font-size:12px;font-weight:700}.pl-segments button[aria-pressed=true]{background:#1f7455;color:white;border-color:#1f7455}.pl-select{display:grid;gap:10px;font-size:12px;color:#426656}.pl-select select{width:100%;font:inherit;padding:11px;border:1px solid #bdd1c7;border-radius:9px;min-height:44px;background:#f7faf7;color:#21483e}.pl-control-note{font-size:12px;line-height:1.75;color:#5d776c;margin:0}.pl-tools{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.pl-tools button{min-height:44px;padding:10px 17px;font-size:12px;border:1px solid #aec7b9;border-radius:9px;color:#315e49;background:#f8fbf7}.pl-model-note{background:#ecf2ef;color:#47665b;border:1px solid #d4e0d8;border-radius:10px;font-size:11px;line-height:1.65;padding:13px 16px;margin:20px 0}.pl-method{border:1px solid #cfdfd5;background:#fff;border-radius:15px;padding:0 21px;margin-top:26px}.pl-method summary{padding:19px 0;cursor:pointer;font-size:14px;font-weight:800;color:#2b5749}.pl-method-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0 0 20px}.pl-method h3{font-size:14px;color:#315e4b;margin:9px 0 13px}.pl-method p,.pl-method li{font-size:12px;line-height:1.8;color:#4e7060;overflow-wrap:anywhere}.pl-method ul{padding-left:18px}.pl-method a{font-size:11px;font-weight:750;color:#1a6953;overflow-wrap:anywhere}.pl-feedback{padding:20px;border:1px solid #a2c7b2;background:#f0f9f2;border-radius:13px;margin-top:18px;color:#2c614a}.pl-feedback>strong{font-size:19px;line-height:1.35;display:block}.pl-feedback p{font-size:13px;line-height:1.75;margin:12px 0 18px}.pl-feedback.retry{background:#fff6df;border-color:#d9be7d;color:#785a22}.pl-feedback .button{margin-top:3px}.pl-check-start{background:white;border:1px solid #d0e2d5;border-radius:22px;padding:40px;text-align:center}.pl-check-start h2{font-size:33px;letter-spacing:-1px;margin:12px 0 18px}.pl-check-start>p:not(.eyebrow){max-width:600px;margin:15px auto 25px;font-size:15px;line-height:1.8;color:#4f7061}.pl-check-art{display:flex;justify-content:center;margin:0 auto 13px;max-width:370px}.pl-check-art .game-icon{width:45%;height:130px}.pl-check-start>p.pl-small-note{font-size:11px;margin:25px auto 0}.pl-inspection-card{background:white;border:1px solid #c9ded1;padding:28px;border-radius:22px}.pl-quiz-progress{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;font-weight:800;color:#426b57}.pl-quiz-bar{height:6px;border-radius:5px;background:#e0eae2;margin:14px 0 26px;overflow:hidden}.pl-quiz-bar>span{display:block;height:100%;background:#318662;border-radius:inherit}.pl-question-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;align-items:center;margin-bottom:25px}.pl-part-picture{background:#edf4ef;border-radius:15px;padding:10px}.pl-part-picture .game-icon{display:block;width:100%;height:auto}.pl-question-head h2{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.65px;line-height:1.35;margin:10px 0 14px}.pl-read{background:none;border:0;color:#246a51;font-weight:750;font-size:12px;padding:9px 0;text-align:left}.pl-answer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pl-answer-grid>button{display:flex;align-items:center;gap:13px;min-height:90px;padding:17px;background:#f8fbf7;border:1.5px solid #b3cdbf;border-radius:12px;text-align:left;color:#274d3e;font-size:14px;line-height:1.6;font-weight:700}.pl-answer-grid button>b{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #bdd2c6;border-radius:50%;background:white;color:#3a7559}.pl-answer-grid button>span{flex:1}.pl-answer-grid button>i{font-size:22px;font-style:normal}.pl-answer-grid button:hover:not(:disabled){border-color:#35815d;background:#eef7ee}.pl-answer-grid button.right{background:#e7f5e9;border-color:#549a6d}.pl-answer-grid button.wrong{background:#fff1db;border-color:#c7a56b}.pl-answer-grid.pictures>button{flex-wrap:wrap;justify-content:center;text-align:center}.pl-answer-grid.pictures .game-icon{width:105px;height:90px}.pl-answer-grid.pictures button>span{flex:1 0 100%}.pl-order-hint{font-size:12px;color:#557561;line-height:1.7}.pl-order{display:grid;gap:10px;margin-bottom:20px}.pl-order-item{display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid #bed3c6;border-radius:12px;background:#f5faf4;min-width:0}.pl-order-item>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#e0ede1;color:#427551;font-size:13px;font-weight:800}.pl-order-item>p{flex:1;min-width:0;font-size:14px;color:#305440;line-height:1.5;margin:0}.pl-order-item>div{display:flex;gap:6px}.pl-order-item button{width:39px;height:40px;border:1px solid #acc9b7;background:white;color:#356c49;border-radius:8px;font-size:18px}.pl-order-item button:disabled{opacity:.35}.pl-quiz-result{text-align:center;background:#123645;color:#e6f5ef;padding:40px 30px;border-radius:22px}.pl-quiz-result h2{font-size:31px;letter-spacing:-.6px;line-height:1.3;color:white;margin:14px 0}.pl-quiz-result .eyebrow{color:#a0d9bc}.pl-quiz-result p{font-size:13px;line-height:1.8;max-width:650px;margin:18px auto 23px;color:#c3deda}.pl-quiz-result .button{margin:5px}.pl-big-stars{font-size:42px;color:#e8c367;letter-spacing:9px}.pl-answer-review{margin:28px 0}.pl-answer-review h2{font-size:23px}.pl-answer-review details{padding:15px 18px;background:white;border:1px solid #d3e1d6;border-radius:10px;margin-top:8px}.pl-answer-review summary{cursor:pointer;font-weight:700;font-size:13px;line-height:1.5;color:#2c5842}.pl-answer-review summary span{margin-right:11px}.pl-answer-review p{font-size:13px;line-height:1.8;color:#52725d}.practice-lab:fullscreen{background:#f4f7f4;padding:26px;overflow:auto;max-width:none}.practice-lab:fullscreen .pl-workbench{grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr)}
/* Physical SVG coordinates stay in mm. No transform is overwritten on a cog. */
.pl-floor{fill:#dce8dd}.pl-ground{fill:none;stroke:#99b19f;stroke-width:16}.pl-counter{fill:#3d5d65;stroke:#1c3d46;stroke-width:14}.pl-body{fill:#e5ad47;stroke:#ae7b29;stroke-width:10}.pl-guard{fill:none;stroke:#244754;stroke-width:55;stroke-linecap:round;stroke-linejoin:round}.pl-seat{fill:#32515c}.pl-wheel-col{fill:none;stroke:#3a5b66;stroke-width:30;stroke-linecap:round}.pl-mast{fill:#45616d}.pl-mast-mid{fill:#71909a}.pl-mast-inner{fill:#9ab6be}.pl-carriage{fill:#526c78}.pl-lbr{fill:none;stroke:#6f8991;stroke-width:22}.pl-shifter{fill:#c99433}.pl-fork{fill:#6c8590}.pl-pallet{fill:#9b774d}.pl-load{fill:#ba935f;stroke:#766140;stroke-width:14}.pl-load.warn{fill:#dbb65d}.pl-load.bad{fill:#cf7b6c}.pl-tyre{fill:#18333d;stroke:#48646b;stroke-width:22}.pl-hub{fill:#9ab4b8}.pl-cog-ring{fill:none;stroke:#153743;stroke-width:12}.pl-cog.total .pl-cog-ring{stroke:#1b7f53;stroke-width:34}.pl-cog.total.warn .pl-cog-ring{stroke:#b0872d}.pl-cog.total.bad .pl-cog-ring{stroke:#a94252}.pl-cog.load .pl-cog-ring{stroke:#9e7020;stroke-width:25}.pl-cog.truck{opacity:.8}.pl-plumb{fill:none;stroke:#6d9984;stroke-width:16;stroke-dasharray:60 50}.pl-rise{fill:none;stroke:#b34a4f;stroke-width:26;stroke-dasharray:70 50}.pl-force{fill:none;stroke:#b34a4f;stroke-width:34}.pl-dim path{fill:none;stroke:#498477;stroke-width:16}.pl-dim text{fill:#315f50;font-size:140px;font-family:inherit}.pl-small{fill:#476e5b;font-size:120px;font-family:inherit}.pl-cog-text{fill:#236c49;font-size:140px;font-weight:750;paint-order:stroke;stroke:#f0f5ed;stroke-width:28px;stroke-linejoin:round}.pl-weight{fill:#304f41;font-size:155px;font-weight:750;paint-order:stroke;stroke:#f0f5ed;stroke-width:28px;stroke-linejoin:round}.pl-top-body{fill:#dce7de;stroke:#91aa9a;stroke-width:14}.pl-triangle{fill:#58a77d25;stroke:#2e9061;stroke-width:24}.pl-triangle.warn{fill:#deb95728;stroke:#ac8a28}.pl-triangle.bad{fill:#bd596225;stroke:#a3434f}.pl-axle{stroke:#678578;stroke-width:24}.pl-tip-edge{fill:none;stroke:#718b6c;stroke-width:22;stroke-dasharray:45 22}
@media(max-width:1100px){.pl-mission-grid{gap:7px}.pl-mission-grid>button{padding:13px 10px}.pl-mission-grid strong{font-size:12px}.pl-mission-grid small{font-size:9px}.pl-mission-grid button[aria-pressed=true]{padding:12px 9px}.pl-section-top>span{display:none}.pl-workbench{grid-template-columns:minmax(0,1.3fr) minmax(225px,.8fr)}.pl-balance-row{grid-template-columns:78px minmax(0,1fr) 88px;gap:8px}.pl-metric{padding:14px}.pl-status{padding:17px 13px}.pl-status h2{font-size:18px}}
@media(max-width:1100px){.pl-workbench{grid-template-columns:1fr}.pl-data-column{display:grid;grid-template-columns:1fr}.pl-data-column #plMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-metric{margin:0}.pl-status{margin-bottom:12px}.pl-plan-grid:has(#plRollWrap:not([hidden])){grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.pl-heading h1{font-size:34px}.pl-heading{gap:15px}.pl-score{padding:13px 16px;gap:5px 13px}.pl-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pl-mission-grid>button{padding:15px}.pl-mission-grid button[aria-pressed=true]{padding:14px}.pl-mission-grid strong{font-size:14px}.pl-mission-grid small{font-size:10px}.pl-method-grid{grid-template-columns:1fr}.pl-question-head{grid-template-columns:115px minmax(0,1fr);gap:18px}.pl-controls{gap:13px}.pl-controls fieldset{padding:19px}.pl-slider>span{font-size:11px}.pl-answer-grid{grid-template-columns:1fr}}
@media(max-width:600px){.pl-heading{align-items:flex-start;flex-direction:column;gap:16px}.pl-heading h1{font-size:32px}.pl-heading p:not(.eyebrow){font-size:13px}.pl-score{width:100%;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pl-score strong{font-size:26px;display:inline;margin-right:6px}.pl-score small{flex:1 0 100%;font-size:9px}.pl-tabs{width:100%}.pl-tabs a{flex:1;text-align:center;padding:11px 9px;font-size:11px}.pl-audio{padding:13px 12px;gap:9px;flex-wrap:wrap}.pl-audio>button:first-child{min-width:115px;padding:10px}.pl-audio>div{min-width:calc(100% - 130px)}.pl-audio select{margin-left:auto}.pl-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pl-mission-grid>button{padding:14px}.pl-mission-grid button[aria-pressed=true]{padding:13px}.pl-mission-grid>button:last-child{grid-column:1/-1;display:grid;grid-template-columns:30px minmax(0,1fr) 55px;gap:3px 12px;align-items:center}.pl-mission-grid>button:last-child .pl-mission-no{grid-row:1/3;margin:0}.pl-mission-grid>button:last-child small{grid-column:2;margin-bottom:0}.pl-mission-grid>button:last-child b{grid-row:1/3;grid-column:3}.pl-section-top h2{font-size:21px}.pl-mission-current{padding:18px;gap:13px}.pl-mission-current>div:first-child{min-width:0;flex-basis:100%}.pl-mission-current p{font-size:12px}.pl-mission-options{flex-basis:100%}.pl-controls{grid-template-columns:1fr}.pl-controls fieldset{padding:19px 17px}.pl-slider>span{font-size:12px}.pl-side{aspect-ratio:5850/4300}.pl-view-caption{padding:13px;font-size:10px}.pl-legend{gap:9px 13px;padding:11px 13px;font-size:9px}.pl-balance{padding:14px 13px}.pl-balance-row{grid-template-columns:76px minmax(0,1fr) 82px;gap:6px;font-size:10px}.pl-balance-row strong{font-size:10px}.pl-plan-grid:has(#plRollWrap:not([hidden])){grid-template-columns:1fr}.pl-metric strong{font-size:24px}.pl-metric>span{font-size:10px}.pl-status p{font-size:12px}.pl-method{padding:0 16px}.pl-check-start{padding:25px 18px}.pl-check-start h2{font-size:28px}.pl-check-start>p:not(.eyebrow){font-size:13px}.pl-check-art .game-icon{height:105px}.pl-inspection-card{padding:20px 15px;border-radius:18px}.pl-question-head{grid-template-columns:1fr;gap:17px}.pl-part-picture{width:120px;margin:0 auto}.pl-question-head h2{font-size:22px}.pl-question-head .eyebrow{font-size:10px}.pl-quiz-progress{font-size:8px;gap:9px}.pl-answer-grid>button{padding:14px;min-height:78px;font-size:13px;gap:10px}.pl-answer-grid.pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pl-answer-grid.pictures>button{padding:12px 7px;gap:6px;font-size:12px}.pl-answer-grid.pictures .game-icon{width:78px;height:68px}.pl-answer-grid.pictures button>b{width:27px;height:27px;flex-basis:27px;font-size:11px}.pl-order-item{padding:12px 10px;gap:9px;align-items:flex-start}.pl-order-item>p{font-size:12px}.pl-order-item>div{flex-direction:column;gap:5px}.pl-order-item button{width:35px;height:35px}.pl-feedback{padding:17px}.pl-feedback p{font-size:12px}.pl-quiz-result{padding:30px 18px}.pl-quiz-result h2{font-size:25px}.pl-quiz-result .button{display:flex;justify-content:center}.pl-answer-review h2{font-size:21px}.practice-lab:fullscreen{padding:17px}.practice-lab:fullscreen .pl-workbench{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.practice-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the picture beside the controls while a desktop user experiments. */
@media(min-width:1101px){.pl-workbench{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr)}.pl-scene-column{position:sticky;top:88px}.pl-data-column .pl-controls{grid-template-columns:1fr;gap:12px;margin:0 0 15px}.pl-data-column .pl-controls fieldset{padding:17px;gap:12px}.pl-data-column .pl-controls legend{font-size:12px}.pl-data-column #plMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-data-column .pl-metric{margin:0;padding:13px}.pl-data-column .pl-metric strong{font-size:23px}}
@media(max-width:1100px){.pl-data-column .pl-controls{margin-top:0;margin-bottom:17px}}

@media(min-width:1101px){.pl-heading{margin-bottom:15px}.pl-heading h1{font-size:34px;margin:4px 0 7px}.pl-heading .eyebrow{font-size:9px;margin:0 0 7px}.pl-heading p:not(.eyebrow){font-size:13px}.pl-score{padding:12px 17px}.pl-tabs{margin-bottom:12px}.pl-tabs a{padding:10px 16px}.pl-audio{margin-bottom:18px;padding:10px 13px}.pl-section-top{margin-bottom:12px}.pl-section-top .eyebrow{margin:0 0 5px}.pl-section-top h2{font-size:20px}.pl-mission-grid>button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:5px 9px;padding:12px;align-items:center}.pl-mission-grid button[aria-pressed=true]{padding:11px}.pl-mission-no{width:25px;height:25px;border-radius:7px;margin:0;grid-row:1/3}.pl-mission-grid strong{font-size:12px;margin:0}.pl-mission-grid small{grid-column:2;font-size:9px;margin:0}.pl-mission-grid b{grid-column:2;font-size:11px;line-height:1.4;letter-spacing:2px;margin-top:3px}}

.pl-mobile-preview{display:none}@media(max-width:1100px){.pl-mobile-preview{display:block;position:sticky;top:75px;z-index:4;background:#f1f6f0;border:1px solid #b8d0bf;box-shadow:0 8px 17px #234a3c14;border-radius:13px;margin:0 0 15px;overflow:hidden}.pl-mobile-preview>span{display:block;font-size:10px;font-weight:800;color:#416b55;padding:10px 13px 0}.pl-side-mobile{display:block;width:100%;height:165px}.pl-data-column{position:relative}}

.pl-mobile-preview>strong{display:block;padding:7px 13px;font-size:12px;line-height:1.4;background:#dff0e3;color:#246341;border-top:1px solid #b5d0b9}.pl-mobile-preview.warn>strong{background:#fff2cd;color:#785522}.pl-mobile-preview.bad>strong{background:#fbe4e6;color:#963e49}.pl-mobile-preview.warn{border-color:#d9be7d}.pl-mobile-preview.bad{border-color:#d0a0a7}
/* Geführte Tour mit Ben */
.pl-tour{background:#0d1925;color:#eef5f8;border:1px solid #243b4b;border-radius:16px;padding:22px 24px;margin:0 0 22px;position:sticky;top:8px;z-index:20;box-shadow:0 14px 40px #142d391f}
.pl-tour.is-focus{outline:3px solid #ffd16a66}
.pl-tour .eyebrow{color:#e6bc64;font-size:10px}
.pl-tour-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.pl-tour-head h2{font-size:22px;margin:6px 0;color:#fff}.pl-tour-head p{font-size:13px;color:#bcd2d6;margin:0;line-height:1.6;max-width:720px}
.pl-tour-head .button{flex-shrink:0;background:#ffd16a;color:#132430;border-color:#ffd16a}
.pl-tour-chapters{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pl-tour-chapters button{display:flex;align-items:center;gap:7px;font:700 11px Manrope,system-ui;color:#c9dbe2;background:#ffffff0d;border:1px solid #ffffff22;border-radius:20px;padding:4px 11px 4px 4px;cursor:pointer}
.pl-tour-chapters b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff1f;font-size:10px}
.pl-tour-chapters small{color:#89a3ae;font-weight:600}
.pl-tour-chapters .current{border-color:#ffd16a;color:#fff}.pl-tour-chapters .current b{background:#ffd16a;color:#132430}
.pl-tour-chapters .done b{background:#2c8a76;color:#fff}
.pl-tour-now[hidden],.pl-tour-think[hidden]{display:none!important}
.pl-tour-now{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff1a}
.pl-tour-line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#e6bc64;font-weight:800;letter-spacing:.4px}
.pl-tour-controls{display:flex;gap:6px;flex-wrap:wrap}
.pl-tour-controls button{border:1px solid #ffffff30;background:#ffffff0d;color:#eef5f8;border-radius:7px;padding:7px 11px;min-height:36px;font:700 12px Manrope,system-ui;cursor:pointer}
.pl-tour-controls #plTourPlay{background:#ffd16a;color:#132430;border-color:#ffd16a;min-width:96px}
#plTourText{font-size:16px;line-height:1.6;margin:12px 0;color:#fff;min-height:3.2em}
.pl-tour-think{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 16px;border-radius:30px;border:1px solid #ffd16a88;font-weight:700;font-size:13px}
.pl-tour-think span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffd16a;color:#132430;animation:ppt-think-pulse 1.2s ease-in-out infinite alternate}
.pl-tour-bar{height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.pl-tour-bar i{display:block;height:100%;width:0;background:#ffd16a;transition:width .4s}
@keyframes ppt-think-pulse{to{transform:scale(1.12)}}
@media(max-width:760px){.pl-tour{padding:16px;position:static}.pl-tour-head{flex-direction:column}.pl-tour-head h2{font-size:19px}#plTourText{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pl-tour-think span{animation:none}.pl-tour-bar i{transition:none}}
/* Während der Tour nur die schmale Leiste oben halten, damit der Stapler sichtbar bleibt */
.pl-tour{position:relative;top:auto}
.pl-tour.is-running{position:sticky;top:6px;padding:10px 16px}
.pl-tour.is-running .pl-tour-head{display:none}
.pl-tour.is-running .pl-tour-chapters{margin:0}
.pl-tour.is-running .pl-tour-chapters small{display:none}
.pl-tour.is-running .pl-tour-now{margin-top:8px;padding-top:8px}
.pl-tour.is-running #plTourText{font-size:15px;margin:6px 0 8px;min-height:0}
.pl-workbench{scroll-margin-top:200px}
@media(max-width:760px){.pl-tour.is-running{position:sticky;top:0}.pl-tour.is-running .pl-tour-chapters{display:none}.pl-workbench{scroll-margin-top:170px}}
/* Werte-Leisten im Bild: oben die Einstellungen, unten die Ergebnisse */
.pl-stage{background:#0d1925}
.pl-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 10px;background:#0d1925}
.pl-chip{min-width:0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:5px 8px;color:#eef5f8;transition:border-color .25s,box-shadow .25s,background .25s}
.pl-chip span{display:block;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#9fb6c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-chip strong{display:block;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-chip.ok strong{color:#8fe0c4}.pl-chip.warn strong{color:#ffd16a}.pl-chip.bad strong{color:#ff98a4}
.pl-chip[data-hud=status].ok{background:#1f5c4c66}.pl-chip[data-hud=status].warn{background:#7a5a1466}.pl-chip[data-hud=status].bad{background:#8a2c3a80}
.pl-chip-bar{display:block;height:3px;background:#ffffff1a;border-radius:3px;margin-top:3px;overflow:hidden}.pl-chip-bar b{display:block;height:100%;background:currentColor;color:inherit}
.pl-chip.ok .pl-chip-bar b{background:#8fe0c4}.pl-chip.warn .pl-chip-bar b{background:#ffd16a}.pl-chip.bad .pl-chip-bar b{background:#ff98a4}
.pl-chip.is-focus{border-color:#ffd16a;background:#ffd16a1f;box-shadow:0 0 0 2px #ffd16a55;animation:pl-chip-pulse 1.1s ease-in-out infinite alternate}
@keyframes pl-chip-pulse{to{box-shadow:0 0 0 5px #ffd16a22}}
.pl-inset[hidden]{display:none!important}
.pl-inset{position:absolute;right:10px;bottom:10px;width:30%;max-width:250px;background:#fffffff2;border-radius:10px;padding:4px;box-shadow:0 8px 24px #0004;pointer-events:none}
.pl-inset svg{display:block;width:100%;height:auto}
.pl-data-column #plMetrics{display:none}

/* Kino-Ansicht während der Tour: nur Ben, Bühne und Werte */
.pl-touring .pl-heading,.pl-touring .pl-tabs,.pl-touring #plMission,.pl-touring .pl-data-column,.pl-touring .pl-plan-grid,.pl-touring #plMoments,.pl-touring .pl-motion-panel,.pl-touring .pl-rig-tools,.pl-touring #plMissionList,.pl-touring .pl-model-note,.pl-touring .pl-method,.pl-touring #plToMissions{display:none!important}
.pl-touring .pl-workbench{grid-template-columns:1fr}
.pl-touring .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc((100vh - 400px)*1.36));margin:0 auto}
.pl-tour.is-running{top:80px}

/* Freies Ausprobieren: am Laptop stehen Bild und Regler nebeneinander, auf Handy und Tablet bleibt das Bild oben stehen */
@media(min-width:1101px){.practice-lab:not(.pl-touring) .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc((100vh - 300px)*1.36));margin:0 auto}}
@media(max-width:1100px){
 .practice-lab:not(.pl-touring) .pl-scene-column,.practice-lab:not(.pl-touring) .pl-data-column,.practice-lab:not(.pl-touring) .pl-visual{display:contents}
 .practice-lab:not(.pl-touring) .pl-workbench{gap:12px}
 .practice-lab:not(.pl-touring) .pl-view-caption{order:0;background:#edf4ef;border-radius:12px}
 .practice-lab:not(.pl-touring) .pl-stage{order:1;position:sticky;top:65px;z-index:6;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #142d3926}
 .practice-lab:not(.pl-touring) .pl-stage .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc(30vh*1.36));margin:0 auto}
 .practice-lab:not(.pl-touring) #plStatus{order:2}.practice-lab:not(.pl-touring) .pl-controls{order:3;margin-top:0}.practice-lab:not(.pl-touring) #plTips{order:4}
 .practice-lab:not(.pl-touring) .pl-rig-tools{order:5}.practice-lab:not(.pl-touring) .pl-motion-panel{order:6}.practice-lab:not(.pl-touring) .pl-legend{order:7}.practice-lab:not(.pl-touring) #plMoments{order:8}.practice-lab:not(.pl-touring) .pl-plan-grid{order:9}
 .practice-lab .pl-mobile-preview{display:none!important}
 .pl-tour.is-running{top:65px}
}
@media(max-width:600px){
 .pl-hud{gap:4px;padding:6px}
 .pl-hud-out{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pl-hud-out .pl-chip[data-hud=status]{grid-column:1/-1}
 .pl-hud-out .pl-chip[data-hud=cog]{display:none}
 .pl-chip{padding:3px 5px;border-radius:6px}.pl-chip span{font-size:7.5px;letter-spacing:.3px}.pl-chip strong{font-size:11px}
 .pl-touring .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc((100vh - 470px)*1.36))}
 .pl-inset{width:38%}
}
@media(prefers-reduced-motion:reduce){.pl-chip.is-focus{animation:none}}
/* Handy und Tablet während der Tour: oben der Stapler mit Werten, darunter Bens Text und die Knöpfe */
@media(max-width:1100px){
 .pl-touring #practiceBody{display:flex;flex-direction:column}
 .pl-touring .pl-workbench{order:1;scroll-margin-top:70px}
 .pl-touring #plTour.is-running{order:2;position:static;margin:12px 0 0}
 .pl-touring .pl-tour-controls{flex-wrap:nowrap}
 .pl-touring .pl-tour-controls #plTourEnd{font-size:11px;padding:6px 8px}
 .pl-touring #plTourText{font-size:14px}
 .pl-touring .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc(34vh*1.36))}
}
/* Breite Bildschirme während der Tour: links der Stapler mit Werten, rechts Ben */
@media(min-width:1101px){
 .pl-touring #practiceBody{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:18px;align-items:start}
 .pl-touring .pl-workbench{grid-column:1;grid-row:1;scroll-margin-top:90px}
 .pl-touring #plTour.is-running{grid-column:2;grid-row:1;position:sticky;top:90px;margin:0;padding:16px 18px}
 .pl-touring .pl-tour-line{flex-direction:column;align-items:flex-start}
 .pl-touring #plTourText{font-size:16px;line-height:1.65}
 .pl-touring .pl-canvas>div>svg.pl-rig-scene{width:min(100%,calc((100vh - 300px)*1.36))}
}
/* Bens Simulator-Tour im Lernpfad (Modul 05): eigener Kopf statt Praxislabor-Kopf */
.pl-embedded .pl-heading,.pl-embedded .pl-tabs,.pl-embedded .pl-audio,.pl-embedded .pl-method{display:none!important}
.pl-embed-head{margin:0 0 16px}.pl-embed-head .ppt-back{font-size:12px;color:#3f626e;text-decoration:none}
.pl-embed-head .eyebrow{margin:12px 0 4px;color:#976b24;font-size:10px;letter-spacing:1.4px;font-weight:800}
.pl-embed-head h1{font-size:clamp(22px,2.3vw,32px);margin:0;line-height:1.25}
.pl-embedded #plTourIntro .button{display:inline-flex;margin-top:12px}
@media(min-width:1101px){.pl-embedded #plTour:not(.is-running){position:sticky;top:90px;margin:0}}
@media(min-width:1101px){.pl-touring .pl-tour-head{flex-direction:column;gap:12px}.pl-touring .pl-tour-head h2{font-size:20px}.pl-touring .pl-tour-chapters button{text-align:left}}