/* Continuous cinematic above, live experiment below. Touch targets stay >=44px. */
#encounter.pixel-encounter.robot-lab-active:not(.is-inspecting){grid-template-rows:minmax(125px,23%) minmax(0,1fr)}
#encounter.pixel-encounter.robot-lab-active:not(.is-inspecting) .learning-journal,#encounter.robot-lab-active #pixel-rounds,#encounter.robot-lab-active #question-title,#encounter.robot-lab-active #question-counter{display:none}
#encounter.robot-lab-active #encounter-body{padding:12px 16px;gap:0;background:linear-gradient(150deg,#132f3b,#152634 70%)}
#encounter.pixel-encounter.robot-lab-active #encounter-actions{background:#152634;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;gap:8px}
#encounter.pixel-encounter.robot-lab-active #pixel-tools{width:48px}
#encounter.robot-lab-active #pixel-motion{width:48px;min-height:48px;padding:4px;font-size:0;border-radius:9px}
#encounter.robot-lab-active #pixel-motion:before{font:18px/1 system-ui}
.robot-lab{font-family:ui-sans-serif,system-ui,sans-serif;color:#edf4ee}
.robot-ribbon{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.08em;font-weight:750;color:#edca8e;margin-bottom:6px}
.robot-ribbon small{font-size:11px;white-space:nowrap;letter-spacing:.04em;color:#adcbc8}
.robot-note{font-size:13px;line-height:1.45;margin:6px 0 10px;color:#e0e9e6}
.robot-lanes,.robot-predictions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.robot-choice{min-height:44px;min-width:0;border:1px solid #7daaa666;border-radius:12px;padding:9px 8px;font:600 12px/1.25 ui-sans-serif,system-ui,sans-serif;color:#dfede8;background:#284650;touch-action:manipulation;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.robot-choice:active{transform:scale(.97)}
.robot-choice[aria-pressed=true]{background:#e9cd98;color:#19343e;border-color:#f4e1b7;box-shadow:0 2px 12px #e6c18120}
.robot-choice:focus-visible{outline:3px solid #e7c383;outline-offset:2px}.robot-choice:disabled{opacity:.45}
.robot-stage{position:relative;height:154px;isolation:isolate;overflow:hidden;margin:10px 0 0;border-radius:16px;border:1px solid #70949780;background:radial-gradient(ellipse at 55% 5%,#3a797c88,transparent 60%),linear-gradient(#173e4c,#102936 60%,#315361);box-shadow:inset 0 0 40px #071c2a77}
.robot-stage:before{content:'';position:absolute;inset:10% 0 30%;background:repeating-linear-gradient(90deg,transparent 0 44px,#7bb5aa14 45px 46px),repeating-linear-gradient(0deg,transparent 0 29px,#7bb5aa14 30px 31px);mask-image:linear-gradient(transparent,#000)}
.robot-floor{position:absolute;bottom:16px;left:-20%;width:140%;height:48px;transform:perspective(130px) rotateX(35deg);background:repeating-linear-gradient(90deg,#7ab6ad1c 0 1px,transparent 1px 42px),linear-gradient(#50808655,#102e3b);border-top:2px solid #8ac2b16b;box-shadow:0 -2px 18px #8bcec733}
.lab-robot{position:absolute;left:9%;bottom:39px;width:59px;height:79px;filter:drop-shadow(0 8px 6px #00192399);transform-origin:50% 100%;z-index:3}
.bot-antenna{position:absolute;top:0;left:29px;height:13px;width:3px;background:#d9bd88}.bot-antenna:before{content:'';position:absolute;top:-3px;left:-3px;width:9px;height:9px;border-radius:50%;background:#e4bf79;box-shadow:0 0 10px #ffe6a5}
.bot-head{position:absolute;left:2px;top:12px;width:55px;height:33px;border-radius:16px 16px 11px 11px;background:linear-gradient(130deg,#dbe9dc,#95b4b1 60%,#4f8788);border:1px solid #ecf2d9;box-shadow:inset -4px -3px 5px #3a66694f}
.bot-visor{display:flex;justify-content:center;align-items:center;gap:12px;position:absolute;inset:9px 6px 8px;background:#102e3c;border-radius:9px;box-shadow:inset 0 1px 3px #00121e}
.bot-visor i{width:5px;height:7px;background:#a4efde;border-radius:3px;box-shadow:0 0 6px #a9eada}
.bot-body{position:absolute;left:6px;top:43px;width:48px;height:29px;border-radius:9px 9px 13px 13px;background:linear-gradient(115deg,#c8d8c9,#5f9492);border:1px solid #c9ded0}
.bot-letter{position:absolute;inset:0;text-align:center;color:#f7d18e;font-size:25px;line-height:29px;text-shadow:0 2px 2px #213f50}
.bot-wheel{position:absolute;bottom:0;width:12px;height:19px;background:repeating-linear-gradient(0deg,#173643 0 3px,#3b6070 3px 5px);border:1px solid #80a4a8;border-radius:5px}.bot-wheel.left{left:5px}.bot-wheel.right{right:3px}
.robot-beam{position:absolute;bottom:59px;left:20%;height:32px;width:52%;clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);background:linear-gradient(90deg,#8adecc44,transparent);z-index:1}
.robot-crate{position:absolute;right:12%;bottom:37px;width:32px;height:32px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(140deg,#c9995d,#795d3b);border:1px solid #e4c593;color:#efd59f;font-size:28px;box-shadow:5px 5px 0 #0c283866}
.robot-mailbox{position:absolute;right:10%;bottom:37px;width:31px;height:43px;background:linear-gradient(120deg,#ba6557,#88423d);border:1px solid #dfb991;border-radius:13px 13px 3px 3px;text-align:center;font-size:24px;color:#f1d6a6;box-shadow:5px 5px 0 #0c283866}
.robot-scene-caption{position:absolute;bottom:0;left:0;right:0;background:#0c243ae0;text-align:center;color:#bcd8d0;font-size:11px;padding:4px 6px;z-index:4}
.robot-stage[data-motion=stop] .lab-robot{animation:robot-stop .8s cubic-bezier(.22,.61,.36,1) both}
.robot-stage[data-motion=drive] .lab-robot{animation:robot-drive .9s ease-in-out both}
.robot-stage[data-motion=delivery] .lab-robot{animation:robot-delivery 1.6s ease-in-out both}
.robot-stage[data-outcome=good]{border-color:#b0d5a2}.robot-stage[data-outcome=retry]{border-color:#e2b58b}
.robot-readings{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#b9d1ce;padding:7px 1px}.robot-readings strong{color:#f1d49c}
.robot-rule{text-align:center;color:#a8cac4;font-size:11px;letter-spacing:.015em;margin:0 0 7px}
.robot-threshold{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:4px 10px;background:#0e24318c;border:1px solid #7299903b;border-radius:14px;margin:8px 0}
.robot-threshold button{font-size:24px;background:#244752;border-color:#91b8ae77}.robot-value{text-align:center}.robot-value small{display:block;font-size:9px;letter-spacing:.12em;color:#a3c1bc}.robot-value strong{font-size:24px;line-height:1.2;font-weight:600;color:#f6d599;font-variant-numeric:tabular-nums}
.robot-threshold-fixed{text-align:center;font-size:20px;color:#f1d39b;margin:8px}
.robot-predict{border:0;padding:0;margin:9px 0 0;min-width:0}.robot-predict legend{font-size:12px;margin-bottom:7px;color:#e1ece7}.robot-predictions button{font-size:13px}
.robot-evidence{display:flex;justify-content:space-between;gap:6px;margin:9px 0 0;color:#afd1c4;font-size:10px}
.robot-feedback:empty{display:none}.robot-feedback{padding:9px 10px;margin:9px 0;border-radius:9px;font-size:12px;line-height:1.4;border-left:3px solid #e3b578;background:#132735;color:#efe0c5}.robot-feedback[data-ok=true]{border-color:#96c99d;background:#203f40}
.robot-help{background:transparent;border:0;color:#c6dbd1;text-decoration:underline;padding:8px 4px;font-size:11px;min-height:44px}
.robot-intervals{display:flex;flex-direction:column;gap:5px;background:#254b4d;border-radius:10px;padding:10px;margin:8px 0;font-size:12px;color:#dbe9d7}
.robot-delivered{font-size:16px;font-weight:600;color:#daebba;margin:14px 0 8px}
@keyframes robot-stop{0%{transform:translateX(0) rotate(0)}70%{transform:translateX(55px) rotate(-3deg)}100%{transform:translateX(53px)}}
@keyframes robot-drive{0%{left:9%;transform:translateY(0)}35%{transform:translateY(-2px)}100%{left:65%;transform:translateY(0)}}
@keyframes robot-delivery{0%{left:9%;opacity:1}75%{left:80%;opacity:1}100%{left:104%;opacity:0}}
@media(max-height:740px){#encounter.pixel-encounter.robot-lab-active:not(.is-inspecting){grid-template-rows:minmax(96px,19%) minmax(0,1fr)}#encounter.robot-lab-active #encounter-body{padding:8px 12px}.robot-stage{height:124px}.robot-note{font-size:12px;margin-bottom:6px}.robot-ribbon{font-size:10px}.robot-threshold{margin:5px 0}.robot-predict{margin-top:5px}}
.reduce-media-motion .lab-robot{animation:none!important}.reduce-media-motion .robot-choice{transition:none}
.reduce-media-motion .robot-stage[data-motion=drive] .lab-robot{left:65%}.reduce-media-motion .robot-stage[data-motion=stop] .lab-robot{left:26%}.reduce-media-motion .robot-stage[data-motion=delivery] .lab-robot{left:65%}
@media(prefers-reduced-motion:reduce){.lab-robot{animation:none!important}.robot-choice{transition:none}.robot-stage[data-motion=drive] .lab-robot,.robot-stage[data-motion=delivery] .lab-robot{left:65%}.robot-stage[data-motion=stop] .lab-robot{left:26%}}

.robot-notebook{background:#f5f0e4;border:1px solid #d6c9a5;border-radius:10px;padding:10px 12px;color:#24423f;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}.robot-notebook summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.robot-notebook p{margin:5px 0}.robot-notebook p:nth-of-type(4n+1){margin-top:12px;font-weight:750;color:#785a24}

.robot-destination{color:#f1d39b;font-size:11px;line-height:1.4;margin:4px 0 7px;padding-bottom:6px;border-bottom:1px solid #8fae9c33}
.robot-limit-picker{border:0;min-width:0;padding:0;margin:5px 0 8px}.robot-limit-picker legend{font-size:12px;color:#dfece3;margin-bottom:8px}
.robot-limit-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:linear-gradient(90deg,#72cbd644,#edca8e88,#e2a78644) center/100% 3px no-repeat}
.robot-limit-rail button{font-variant-numeric:tabular-nums;min-height:44px;border-radius:22px}
.robot-receipt{border:1px solid #ead2a266;border-radius:14px;background:linear-gradient(135deg,#31544f,#1a393f);padding:15px;margin:12px 0;color:#edf2d9;box-shadow:0 5px 18px #05192144;animation:robot-letter-in .45s ease-out both}
.robot-receipt strong{font-size:13px;letter-spacing:.08em;color:#f5d495}.robot-receipt p{font-size:13px;line-height:1.5;margin:8px 0 0}
@keyframes robot-letter-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.reduce-media-motion .robot-receipt{animation:none}
@media(prefers-reduced-motion:reduce){.robot-receipt{animation:none}}
@media(max-height:740px){.robot-lab[data-stage=build] .robot-stage{height:124px}.robot-destination{font-size:10px;margin-bottom:4px}.robot-receipt{padding:12px}}