/* Humanoid Motion Lab — sits inside the Robot Lab workbench (dark inspector, light stage) */
#robot-lab[data-lab-mode=play] .lab-inspector>:not(.lab-play){display:none!important}
.lab-play[hidden]{display:none}
.lab-play-mode{position:relative;display:inline-flex;align-items:center;gap:8px}
.lab-play-mode b{font:700 9px 'JetBrains Mono',monospace;letter-spacing:.08em;background:#e2622a;color:#fff;border-radius:20px;padding:3px 7px;margin-left:4px}
.lab-play-mode[aria-pressed=true] b{background:#1b1d22;color:#ffb27a}

.lab-play{color:#d8cfc3;font-size:13px}
.lp-head h3{font-size:21px;letter-spacing:-.4px;margin:9px 0 16px;color:#f4ece1}
.lp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#2b2a26;border:1px solid #403b33;border-radius:10px;padding:4px;margin-bottom:18px}
.lp-tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;color:#a99f92;font:inherit;font-size:11.5px;padding:9px 2px;border-radius:7px;cursor:pointer}
.lp-tabs button i{font-size:14px}
.lp-tabs button[aria-selected=true]{background:#46352a;color:#ffcb9e;box-shadow:inset 0 0 0 1px #8c5a34}
.lp-body h4{font-size:12px;font-weight:600;letter-spacing:.04em;color:#e8c49f;margin:18px 0 9px;display:flex;justify-content:space-between}
.lp-body h4 small{color:#8f8678;font-weight:400}
.lp-lead{font-size:12px;line-height:1.75;color:#b3aa9d;margin:0 0 12px}
.lp-lead b{color:#ffcb9e;font-weight:600}
.lp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.lp-chips button{border:1px solid #4a443a;background:transparent;color:#c6beb2;border-radius:30px;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer}
.lp-chips button[aria-pressed=true]{background:#c8844d;border-color:#c8844d;color:#1d140d;font-weight:600}
.lp-sliders{display:grid;gap:12px;max-height:330px;overflow:auto;padding-right:4px;margin-bottom:8px}
.lp-slider{display:block}
.lp-slider>span{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#ddd3c6}
.lp-slider output{font:600 12px 'JetBrains Mono',monospace;color:#ffb27a}
.lp-slider input{width:100%;margin:6px 0 2px;accent-color:#e27a3a;cursor:pointer}
.lp-slider small{display:flex;justify-content:space-between;align-items:center;font:9.5px 'JetBrains Mono',monospace;color:#7f776b}
.lp-slider small em{font-style:normal}
.lp-slider code{font-size:9px;color:#6f675c;background:none}
.lp-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #3c372f;background:transparent;color:#cfc6b9;font:inherit;font-size:12.5px;padding:12px 0;text-align:left;cursor:pointer}
.lp-toggle span{flex:1}
.lp-toggle i{width:30px;height:17px;border-radius:12px;background:#514b40;position:relative;flex:none;transition:background .2s}
.lp-toggle i:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#b9afa0;transition:left .2s}
.lp-toggle[aria-pressed=true] i{background:#c98349}
.lp-toggle[aria-pressed=true] i:after{left:16px;background:#fff1db}
.lp-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:40px;border:1px solid #534b40;background:#2e2c27;color:#e9e0d3;border-radius:8px;font:inherit;font-size:12.5px;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s}
.lp-btn:hover{border-color:#c8844d}
.lp-btn[disabled]{opacity:.45;cursor:not-allowed}
.lp-btn.primary,.lp-btn[aria-pressed=true]{background:#d9773a;border-color:#d9773a;color:#1d120a;font-weight:600}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lp-grid button{display:flex;align-items:center;gap:9px;border:1px solid #474239;background:transparent;color:#d6cdc0;border-radius:8px;padding:10px 9px;font:inherit;font-size:12px;text-align:left;cursor:pointer;line-height:1.35}
.lp-grid button i{width:16px;text-align:center;color:#d99a68}
.lp-grid button:hover{border-color:#a8703f;background:#2f2a24}
.lp-grid button[aria-pressed=true]{background:#46352a;border-color:#c8844d;color:#ffcb9e}
.lp-speed{margin-top:12px}
.lp-mine{display:flex;flex-wrap:wrap;gap:6px}
.lp-mine em{font-size:12px;color:#8f8678}
.lp-mine span{display:inline-flex;border:1px solid #4a443a;border-radius:30px;overflow:hidden}
.lp-mine button{border:0;background:transparent;color:#d6cdc0;font:inherit;font-size:12px;padding:6px 10px;cursor:pointer}
.lp-mine button+button{border-left:1px solid #4a443a;color:#a99f92;padding:6px 9px}
.lp-readout{margin-bottom:6px}
.lp-state{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;border-radius:30px;padding:7px 13px;background:#22352a;color:#8fe0a8}
.lp-state>span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 25%,transparent)}
.lp-state.edge{background:#3b3220;color:#f2c25c}
.lp-state.fall{background:#3d2220;color:#ff8a7a}
.lp-readout dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}
.lp-readout dl div{border:1px solid #3c372f;border-radius:8px;padding:9px 10px}
.lp-readout dt{font-size:10.5px;color:#958b7e}
.lp-readout dd{margin:3px 0 0;font:600 15px 'JetBrains Mono',monospace;color:#f2e7da}
.lp-explain{border-top:1px solid #3c372f;padding-top:12px;margin-top:4px}
.lp-explain p{font-size:12px;line-height:1.8;color:#b3aa9d;margin:0 0 10px}
.lp-explain b{color:#ffcb9e;font-weight:600}
.lp-explain a{color:#f0a468;font-size:12.5px}
.lp-missions{display:grid;gap:10px}
.lp-missions article{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;border:1px solid #433d34;border-radius:10px;padding:12px}
.lp-missions article>i{font-size:17px;color:#e88d4c;padding-top:2px}
.lp-missions h4{margin:0 0 4px;color:#f4ece1;font-size:13.5px;letter-spacing:0}
.lp-missions p{font-size:11.5px;line-height:1.7;color:#a99f92;margin:0 0 6px}
.lp-missions small{font:10.5px 'JetBrains Mono',monospace;color:#c9a27c}
.lp-missions .lp-btn{grid-column:1/-1;margin-top:6px}
.lp-mission-live small{font:10px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#e88d4c}
.lp-mission-live h4{font-size:16px;color:#f4ece1;margin:8px 0;letter-spacing:0;justify-content:flex-start;gap:8px}
.lp-mission-live p{font-size:12px;line-height:1.8;color:#b3aa9d}
.lp-mission-live progress{width:100%;height:9px;accent-color:#e27a3a;margin:6px 0 10px}
.lp-mission-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#b3aa9d;margin-bottom:8px}
.lp-mission-stats b{font-family:'JetBrains Mono',monospace;color:#ffcb9e}
.lp-hint{background:#2c2822;border-radius:8px;padding:10px 12px}
.lp-hint i{color:#f2c25c}
.lp-result{border-radius:9px;padding:11px 13px;margin-bottom:12px;font-weight:600}
.lp-result.ok{background:#22352a;color:#8fe0a8}
.lp-result.bad{background:#3d2220;color:#ff9c8e}
.lp-note{font-size:10.5px;line-height:1.7;color:#7f776b;border-top:1px solid #3c372f;padding-top:12px;margin:18px 0 0}

/* stage overlays (light stage) */
.lp-hud{position:absolute;left:30px;top:112px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.lp-hud[hidden],.lp-tip[hidden],.lp-fallen[hidden],.lp-toast[hidden]{display:none}
.lp-hud .lp-state{background:#e3f2e6;color:#23793f;box-shadow:0 2px 10px #0001}
.lp-hud .lp-state.edge{background:#fbefd2;color:#9a6a0c}
.lp-hud .lp-state.fall{background:#fbe0dc;color:#b3352a}
.lp-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:30px;padding:7px 12px;background:#f7f4ecee;color:#4b483f;border:1px solid #cfc9bc}
.lp-pill.accent{background:#f9dcc2;border-color:#e3a372;color:#7a3c12}
.lp-tip{position:absolute;z-index:5;pointer-events:none;background:#1f1d19;color:#ffd2ad;font-size:12px;font-weight:600;padding:6px 10px;border-radius:7px;white-space:nowrap;box-shadow:0 4px 14px #0003}
.lp-fallen{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#e9e3d8a8;backdrop-filter:blur(2px)}
.lp-fallen>div{background:#22211e;color:#efe6da;border-radius:14px;padding:22px 24px;max-width:300px;text-align:center;box-shadow:0 18px 50px #0004}
.lp-fallen strong{font-size:20px;display:block;margin-bottom:6px}
.lp-fallen p{font-size:12.5px;line-height:1.7;color:#b8afa2;margin:0 0 14px}
.lp-toast{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:5;background:#1f1d19;color:#ffd2ad;font-size:18px;font-weight:700;padding:14px 22px;border-radius:12px;box-shadow:0 12px 40px #0004;pointer-events:none;animation:lp-pop .35s ease}
@keyframes lp-pop{from{transform:translate(-50%,-40%) scale(.9);opacity:0}}
@media(max-width:980px){.lp-sliders{max-height:none}.lp-hud{top:104px;left:18px}}
@media(max-width:600px){.lp-tabs button{font-size:10.5px}.lp-grid{grid-template-columns:1fr}}
.lp-missions article.off{opacity:.55}
.lp-missions article.off p{margin:0}
#robot-lab[data-lab-mode=play] .lab-mobile-chooser{display:none}