@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap');
#mml-root{--font-family-base:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-family-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;--font-family-monospace:ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:dark}
#mml-root button{font-family:inherit;cursor:pointer}
#mml-root button:disabled{cursor:default}
#mml-root .page{--lime:#c7fa60;--orange:#ff9b62;--cream:#f8f4eb;min-height:100vh;color:var(--cream);background:radial-gradient(ellipse 65% 45% at 85% 26%,#202145 0%,transparent 80%),radial-gradient(ellipse 50% 50% at 0% 85%,#132d33 0%,transparent 80%),#080d18;font-family:var(--font-family-base);overflow:hidden;font-size:16px;line-height:normal}
#mml-root .page *{box-sizing:border-box}
#mml-root .page button{touch-action:manipulation}
#mml-root .page button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
#mml-root .wrap{max-width:1180px;width:calc(100% - 48px);margin:auto;padding-bottom:32px}
#mml-root .top{height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px}
#mml-root .brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.07em;white-space:nowrap;color:#e1e7dc;font-weight:800}
#mml-root .brand em{font-style:normal;color:var(--orange)}
#mml-root .brandMark{display:grid;place-items:center;border:1px solid #6d884a;border-radius:9px;width:36px;height:36px;color:var(--lime);background:#283a32;box-shadow:0 0 18px #c7fa601a}
#mml-root .slash{color:#556373;font-size:22px;font-weight:400;margin:0 6px}
#mml-root .topTools{display:flex;align-items:center;gap:9px}
#mml-root .iconBtn{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #425368;border-radius:11px;background:#1d293b;color:#d5e1de;display:grid;place-items:center;padding:0}
#mml-root .iconBtn:hover{background:#2a3850;color:var(--lime)}
#mml-root .hero{height:325px;border-radius:24px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #50607a;box-shadow:0 23px 74px #0008,0 1px 1px #ffffff19 inset;background:#172438}
#mml-root .labImage{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101826f7 0%,#101826ee 28%,#151c2bbb 65%,#1725366c 100%),radial-gradient(circle at 70% 30%,#55516a,#13263b 60%)}
#mml-root .hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff08 4px 5px);opacity:.13;pointer-events:none}
#mml-root .hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#ed965e 0 28px,#17212f 28px 43px);opacity:.9}
#mml-root .heroWords{position:relative;z-index:2;padding:45px 48px;max-width:72%}
#mml-root .kicker,#mml-root .sectionLabel{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font:800 11px var(--font-family-monospace);letter-spacing:.105em}
#mml-root .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:mml-pulseDot 1.8s infinite}
#mml-root .heroWords h1{font:900 clamp(45px,7vw,84px)/.88 var(--font-family-display);letter-spacing:-.075em;margin:21px 0 18px;color:#fdf4df;text-shadow:0 4px 0 #0c1523}
#mml-root .heroWords h1>span{color:var(--lime)}
#mml-root .heroWords h1 small{display:block;font-size:.49em;letter-spacing:-.05em;color:var(--orange);margin-top:15px}
#mml-root .heroWords h1 em{font-style:normal;color:#fff0dc}
#mml-root .heroWords p{font-size:15px;color:#c5d1d7;line-height:1.6;margin:0}
#mml-root .heroWords p strong{color:var(--lime)}
#mml-root .scientist{position:absolute;right:2%;bottom:-15px;width:34%;height:320px;overflow:visible}
#mml-root .scientist:before{content:"";position:absolute;inset:50px -10px 50px;background:#7153a947;filter:blur(31px);border-radius:50%}
#mml-root .scientist img{position:relative;height:100%;width:100%;object-fit:cover;object-position:50% 35%;border-radius:55% 55% 0 0;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);filter:drop-shadow(4px 3px 18px #0008)}
#mml-root .unsafe{position:absolute;right:-10px;bottom:26px;width:91px;height:91px;border-radius:50%;transform:rotate(15deg);background:var(--lime);color:#18251a;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font:850 11px/1.15 var(--font-family-monospace);border:4px solid #24332b;box-shadow:0 9px 20px #0009}
#mml-root .unsafe b{font:900 21px var(--font-family-display)}
#mml-root .help{margin-top:20px;padding:20px 23px;background:#19253a;border:1px solid #587082;border-radius:15px}
#mml-root .helpHead{display:flex;justify-content:space-between;align-items:center;gap:15px;font:850 12px var(--font-family-monospace);letter-spacing:.1em;color:var(--lime)}
#mml-root .helpClose{background:#202c40;border:1px solid #637b7d;color:#d5e5d3;padding:8px 12px;border-radius:9px}
#mml-root .helpTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}
#mml-root .helpTiles>div{background:#101b2a;border:1px solid #42546a;padding:17px;border-radius:13px;display:flex;flex-direction:column;gap:10px}
#mml-root .helpTiles svg{color:var(--lime)}
#mml-root .helpTiles strong{font:850 12px var(--font-family-monospace)}
#mml-root .helpTiles p{font-size:12px;line-height:1.7;color:#b1c3c9;margin:0}
#mml-root .welcome{display:grid;grid-template-columns:1.06fr .94fr;gap:22px;margin-top:23px}
#mml-root .startPanel,#mml-root .rightPanel{border-radius:19px;background:radial-gradient(ellipse 75% 60% at 100% 0%,#263441 0%,transparent 90%),#131c2b;border:1px solid #3f4d60;min-height:405px;box-shadow:0 9px 35px #0003}
#mml-root .startPanel{padding:34px 40px}
#mml-root .sectionLabel svg{color:var(--lime)}
#mml-root .startPanel h2{font:900 clamp(32px,4vw,50px)/1.05 var(--font-family-display);letter-spacing:-.045em;margin:19px 0 17px}
#mml-root .startPanel h2 em{font-style:normal;color:var(--orange)}
#mml-root .startPanel>p{max-width:490px;color:#b0c0cb;font-size:14px;line-height:1.7;margin:0 0 20px}
#mml-root .startPanel p strong{color:#f1f4df}
#mml-root .chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}
#mml-root .chips>span{display:inline-flex;align-items:center;gap:7px;border:1px solid #43576a;background:#263446;border-radius:8px;padding:9px 10px;font:800 10px var(--font-family-monospace);color:#d5e5df}
#mml-root .chips svg{color:var(--lime)}
#mml-root .bigBtn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:57px;padding:13px 23px;border-radius:10px;background:var(--lime);border:1px solid #e5ffa8;color:#1d2b1a;font:900 15px var(--font-family-display);box-shadow:0 5px 0 #729c38,0 16px 22px #0005;transition:transform .14s,background .14s}
#mml-root .bigBtn:hover{background:#dcff9b;transform:translateY(-2px)}
#mml-root .bigBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #729c38}
#mml-root .disclaimer{display:block;color:#7e8e9d;font:700 10px var(--font-family-monospace);letter-spacing:.03em;margin-top:20px;line-height:1.5}
#mml-root .rightPanel{padding:24px 27px}
#mml-root .sideTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid #46576a;font:850 11px var(--font-family-monospace);letter-spacing:.035em}
#mml-root .sideTitle>span{font:750 9px var(--font-family-monospace);color:#8c9cab}
#mml-root .missionList>div{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px dashed #425366}
#mml-root .num{font:800 12px var(--font-family-monospace);color:var(--lime)}
#mml-root .missionIcon{width:49px;height:49px;min-width:49px;display:grid;place-items:center;border-radius:12px;color:#ffac80;background:#3c3451}
#mml-root .missionList>div:nth-child(2) .missionIcon{background:#24453f;color:var(--lime)}
#mml-root .missionList>div:nth-child(3) .missionIcon{background:#33375b;color:#dba2ff}
#mml-root .missionList>div:nth-child(4) .missionIcon{background:#3e3646;color:#ffad78}
#mml-root .missionList>div:nth-child(5) .missionIcon{background:#2b414f;color:#a4d6d9}
#mml-root .missionList>div:nth-child(6) .missionIcon{background:#473c4a;color:#ffb4d5}
#mml-root .missionList>div>div:nth-child(3){flex:1}
#mml-root .missionList b{font:850 13px var(--font-family-display);letter-spacing:.01em;display:block}
#mml-root .missionList small{font-size:12px;color:#98a8b8;display:block;margin-top:4px}
#mml-root .missionList>div>svg{color:#8194a4}
#mml-root .personalBest{display:flex;align-items:center;gap:18px;border:1px solid #527168;background:#273640;margin-top:21px;padding:16px 20px;border-radius:13px;color:var(--lime)}
#mml-root .personalBest>div{flex:1}
#mml-root .personalBest small{font:750 10px var(--font-family-monospace);letter-spacing:.08em;color:#b0bebb;display:block}
#mml-root .personalBest strong{font:900 29px var(--font-family-display);display:block;line-height:1.1;margin-top:5px}
#mml-root .personalBest strong span{font:750 11px var(--font-family-monospace);color:#b4c3b7}
#mml-root .personalBest>span{font-size:28px;color:#dff69a}
#mml-root .hud{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
#mml-root .hud>div{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:16px 21px;min-height:90px;background:#172234;border:1px solid #455366;border-radius:13px}
#mml-root .hud>div:nth-child(2){border-color:#778c4a;background:linear-gradient(120deg,#203a34,#172334)}
#mml-root .hud small{font:800 10px var(--font-family-monospace);letter-spacing:.12em;color:#96a8b8}
#mml-root .hud strong{font:900 28px/1 var(--font-family-display);letter-spacing:-.04em;white-space:nowrap}
#mml-root .hud strong span{color:#8c9dac;font:750 10px var(--font-family-monospace);letter-spacing:0}
#mml-root .hud .green{color:var(--lime)}
#mml-root .hearts{display:flex;gap:8px}
#mml-root .fullHeart{color:#ff8191;filter:drop-shadow(0 0 9px #ff738a77)}
#mml-root .emptyHeart{color:#586678}
#mml-root .shiftProgress{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0 2px 20px;padding:2px 4px;color:#9fb9be;font:800 10px var(--font-family-monospace);letter-spacing:.06em}
#mml-root .shiftProgress>span:first-child{color:#c7fa60;white-space:nowrap}
#mml-root .shiftProgress>span:last-child{white-space:nowrap}
#mml-root .shiftProgress>div{flex:1;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:4px}
#mml-root .shiftProgress i{height:11px;background:#243349;border:1px solid #40536a;border-radius:3px}
#mml-root .shiftProgress i:nth-child(6n){margin-right:5px}
#mml-root .shiftProgress .progressLit{background:#c7fa60;border-color:#e4ffb1;box-shadow:0 0 8px #b6ff6b7d}
#mml-root .game{border:1px solid #4b5d70;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#233247,#111b2b 75%);box-shadow:0 24px 65px #0005}
#mml-root .gameTop{padding:25px 31px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#mml-root .gameTop h2{font:900 clamp(25px,3.1vw,39px)/1.12 var(--font-family-display);letter-spacing:-.045em;margin:10px 0 6px}
#mml-root .gameTop p{margin:0;color:#b9c6d1;font-size:13px;line-height:1.5;max-width:710px}
#mml-root .clock{flex-shrink:0;border-radius:11px;border:1px solid #5a6d80;background:#111c2a;min-width:128px;text-align:center;padding:12px 16px}
#mml-root .clock small{display:block;font:800 10px var(--font-family-monospace);letter-spacing:.11em;color:#9eb1be}
#mml-root .clock strong{display:block;font:900 41px/1.05 var(--font-family-display);margin-top:8px;color:var(--lime)}
#mml-root .clock strong span{font-size:15px;color:#8da2ac;margin-left:2px}
#mml-root .clock .urgent{color:#ff858b;animation:mml-pulseDot .7s infinite}
#mml-root .timeBar{height:6px;background:#2b394a}
#mml-root .timeBar>span{display:block;height:100%;background:var(--lime);box-shadow:0 0 12px #b8f86d;transition:width .05s linear}
#mml-root .timeBar .barDanger{background:#fc7c84;box-shadow:0 0 12px #fc7c84}
#mml-root .reactorArea,#mml-root .mixArea,#mml-root .memoryArea{padding:24px 31px 33px;display:flex;flex-direction:column;align-items:center}
#mml-root .machine{width:min(100%,750px);border:1px solid #4c6c7c;border-radius:16px;background:radial-gradient(circle at 50% 35%,#274650 0%,#111b2a 75%);padding:20px 26px;box-shadow:inset 0 2px 22px #010713a8}
#mml-root .machineHead,#mml-root .gaugeHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b0c9d2;font:800 10px var(--font-family-monospace);letter-spacing:.08em}
#mml-root .machineHead span:first-child{color:var(--lime)}
#mml-root .machineHead span:last-child{color:var(--orange)}
#mml-root .core{height:196px;display:flex;justify-content:center;align-items:center;position:relative}
#mml-root .core>div{width:154px;height:154px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#639c68,#244e50 65%,#121e32);border:6px solid #597c81;box-shadow:0 0 0 10px #263e4f,0 0 43px #95e77d73,inset 0 0 35px #99f77f6e;display:grid;place-items:center;color:var(--lime);animation:mml-coreGlow 2s infinite}
#mml-root .core>i{pointer-events:none;position:absolute;border-radius:50%;border:1px dashed #8ac8ba;width:196px;height:196px;animation:mml-orbit 16s linear infinite}
#mml-root .core>i:last-child{width:230px;height:154px;border-color:#ddb1ec80;transform:rotate(30deg)}
#mml-root .gaugeHeading{margin-bottom:12px}
#mml-root .gaugeHeading span:last-child{color:var(--lime)}
#mml-root .gauge{height:36px;border:4px solid #536777;border-radius:9px;background:repeating-linear-gradient(90deg,#c96250 0 12px,#e97555 12px 15px);box-shadow:inset 0 0 11px #0008,0 5px 0 #091321;position:relative}
#mml-root .safeBand{position:absolute;top:0;height:100%;background:repeating-linear-gradient(90deg,#a5ed62 0 12px,#87c93e 12px 15px);box-shadow:0 0 21px #99fa60;z-index:1}
#mml-root .needle{position:absolute;height:calc(100% + 22px);width:5px;top:-11px;transform:translateX(-50%);background:#fff;border-radius:3px;box-shadow:0 0 0 2px #22364c,0 0 14px #fff;z-index:2}
#mml-root .needle:before{content:"";position:absolute;top:-10px;left:-8px;border:10px solid transparent;border-top-color:#fff}
#mml-root .ticks{display:flex;justify-content:space-between;color:#9cadb9;font:750 10px var(--font-family-monospace);margin-top:16px}
#mml-root .stopBtn{margin:24px 0 14px;background:#ff8a62;border:3px solid #ffc29e;border-radius:12px;box-shadow:0 6px 0 #a64935,0 13px 24px #0008;color:#29140c;min-height:65px;padding:15px 30px;display:flex;align-items:center;gap:12px;font:900 19px var(--font-family-display)}
#mml-root .stopBtn:hover{background:#ffb082}
#mml-root .stopBtn>span{font-size:13px;opacity:.7;margin-left:12px}
#mml-root .tip{color:#8fa3b2;font:750 10px/1.5 var(--font-family-monospace);letter-spacing:.1em;text-align:center;margin:0}
#mml-root .recipe{width:min(100%,750px);display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 23px;background:#263443;border:1px dashed #607382;border-radius:12px}
#mml-root .recipe>div:first-child small{color:var(--lime);font:800 9px var(--font-family-monospace);letter-spacing:.04em}
#mml-root .recipe h3{font:900 23px var(--font-family-display);margin:6px 0 0}
#mml-root .recipe>div:last-child{display:flex;gap:20px}
#mml-root .recipe>div:last-child>span{text-align:center}
#mml-root .recipe b{display:block;font:900 30px var(--font-family-display)}
#mml-root .recipe>div:last-child small{display:block;font:800 10px var(--font-family-monospace);color:#e3dfed}
#mml-root .tubes{width:min(100%,750px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
#mml-root .chemical{display:flex;align-items:center;flex-direction:column;gap:12px;background:#152335;border:1px solid #465b6f;border-radius:14px;padding:17px 13px}
#mml-root .tube{width:98px;height:129px;border:6px solid #9cb7be;border-top:10px solid #c4d7d7;border-radius:13px 13px 27px 27px;background:#233a4c;box-shadow:inset 0 4px 19px #041023;position:relative;overflow:hidden;display:grid;place-items:center}
#mml-root .tube>span{position:absolute;bottom:0;left:0;right:0;background:var(--tint);opacity:.83;box-shadow:inset 0 10px 9px #ffffff58;transition:height .15s}
#mml-root .tube>b{position:relative;z-index:2;font:900 35px var(--font-family-display);text-shadow:0 3px 9px #000}
#mml-root .chemical>strong{font:850 13px var(--font-family-monospace);color:var(--tint)}
#mml-root .counter{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%}
#mml-root .counter button{background:#293c53;color:#f2f7ef;border:1px solid #627489;width:41px;min-width:41px;height:42px;font-size:21px;border-radius:9px;padding:0}
#mml-root .counter button:disabled{opacity:.3}
#mml-root .counter small{white-space:nowrap;font:750 12px var(--font-family-monospace);color:#d0dadd}
#mml-root .mixBtn{background:var(--lime);color:#142317;border:1px solid #d7ff93;border-radius:10px;min-height:55px;display:flex;gap:13px;align-items:center;padding:12px 28px;font:900 17px var(--font-family-display);margin:0 0 17px;box-shadow:0 5px 0 #769d3b}
#mml-root .mixBtn:hover{background:#e2ff9c}
#mml-root .memoryHead{width:min(100%,750px);background:#262b45;border:1px solid #58607b;border-radius:13px;display:flex;align-items:center;gap:15px;padding:15px 21px;margin-bottom:23px}
#mml-root .memoryHead>span{display:grid;place-items:center;width:48px;height:48px;background:#45405e;border-radius:13px;color:#d6b0fe}
#mml-root .memoryHead>div{flex:1}
#mml-root .memoryHead small{display:block;color:var(--lime);font:800 10px var(--font-family-monospace);letter-spacing:.12em}
#mml-root .memoryHead strong{display:block;font:850 19px var(--font-family-display);margin-top:5px}
#mml-root .memoryHead>b{font:850 26px var(--font-family-display)}
#mml-root .pads{width:min(100%,750px);display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:0 0 27px}
#mml-root .pad{min-height:188px;background:#1a283a;border:3px solid #51637c;border-radius:21px;color:#eaf0ec;display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center;position:relative;box-shadow:0 11px 0 #0a101d,inset 0 5px 19px #0008;transition:all .1s}
#mml-root .pad:disabled{opacity:1;cursor:default}
#mml-root .pad>span{position:absolute;top:17px;left:19px;color:#afbfc5;font:800 13px var(--font-family-monospace)}
#mml-root .pad>i{width:86px;height:86px;border-radius:50%;background:var(--tint);box-shadow:inset 0 -13px 20px #0008,0 0 0 11px #ffffff12;opacity:.45}
#mml-root .pad>b{font:850 12px var(--font-family-monospace);letter-spacing:.11em;color:#cad4df}
#mml-root .padOn{background:color-mix(in srgb,var(--tint),#202639 45%);border-color:var(--tint);transform:translateY(5px);box-shadow:0 6px 0 #0a101d,0 0 30px color-mix(in srgb,var(--tint),transparent 70%)}
#mml-root .padOn>i{opacity:1;box-shadow:0 0 30px var(--tint),0 0 0 11px #ffffff25}
#mml-root .pad:not(:disabled):hover{border-color:var(--tint)}
#mml-root .sequence{display:flex;gap:10px;justify-content:center;margin-bottom:19px}
#mml-root .sequence>i{width:25px;height:7px;border-radius:20px;background:#445569}
#mml-root .sequence .sequenceOn{background:var(--lime);box-shadow:0 0 10px #c7fa60aa}
#mml-root .outcome{border:1px solid #52746c;border-radius:19px;margin-top:21px;padding:46px 20px 48px;background:radial-gradient(ellipse at 50% 0,#27463e,#142234 67%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}
#mml-root .loss{background:radial-gradient(ellipse at 50% 0,#5b2e38,#1a2232 67%);border-color:#845661}
#mml-root .outcomeIcon{width:96px;height:96px;border-radius:50%;border:2px solid #83c057;background:#355238;display:grid;place-items:center;color:var(--lime);box-shadow:0 0 38px #c7fa603a}
#mml-root .loss .outcomeIcon{background:#512e3d;color:#ff8c9d;border-color:#db758a}
#mml-root .outcome h2{font:900 clamp(29px,5vw,48px)/1 var(--font-family-display);letter-spacing:-.045em;margin:0}
#mml-root .outcome>p{font-size:16px;color:#cbd7d8;max-width:520px;line-height:1.6;margin:0}
#mml-root .outcomeStats{display:flex;justify-content:center;gap:12px;margin:8px 0}
#mml-root .outcomeStats>div{min-width:160px;background:#1b2e39;border:1px solid #536d74;border-radius:12px;padding:16px 23px}
#mml-root .outcomeStats small{display:block;font:750 10px var(--font-family-monospace);color:#a4b2bd}
#mml-root .outcomeStats strong{display:block;font:900 clamp(23px,3vw,32px) var(--font-family-display);color:var(--lime);margin-top:7px}
#mml-root .loss .outcomeStats strong{color:#ff96a8}
#mml-root .emoji{font-size:82px;line-height:1.1}
#mml-root .finalButtons{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
#mml-root .menuBtn{background:#26364b;color:#f0f6ea;border:1px solid #65768a;padding:13px 19px;min-height:57px;border-radius:10px;font:850 14px var(--font-family-display)}
#mml-root .repairNotice{padding:12px 19px;border:1px solid #98cc68;border-radius:12px;background:#304d36;color:#d9ff9b;text-align:center;font:850 12px var(--font-family-monospace);letter-spacing:.035em}
#mml-root .footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;font:750 10px var(--font-family-monospace);letter-spacing:.07em;color:#8496a9}
#mml-root .footer>span:first-child{color:#9badb2}
@keyframes mml-pulseDot{50%{opacity:.35}}
@keyframes mml-coreGlow{50%{filter:brightness(1.35);box-shadow:0 0 0 10px #263e4f,0 0 65px #95e77da5,inset 0 0 48px #99f77f9b}}
@keyframes mml-orbit{to{transform:rotate(360deg)}}
@media(max-width:920px){
 #mml-root .heroWords{padding:35px 28px}#mml-root .heroWords h1{font-size:clamp(46px,7vw,72px)}#mml-root .scientist{width:39%;right:0}
 #mml-root .startPanel{padding:30px 26px}#mml-root .rightPanel{padding:22px 19px}#mml-root .welcome{gap:15px}
 #mml-root .missionList>div{gap:10px}#mml-root .sideTitle>span{display:none}
 #mml-root .hud>div{padding:15px}#mml-root .hud strong{font-size:24px}
}
@media(max-width:680px){
 #mml-root .wrap{width:calc(100% - 24px)}#mml-root .top{height:65px}#mml-root .brand{font-size:10px;gap:6px}#mml-root .brandMark{width:33px;height:33px}#mml-root .slash{margin:0 1px}
 #mml-root .hero{height:315px;border-radius:16px}#mml-root .heroWords{max-width:100%;padding:26px 17px}#mml-root .heroWords h1{font-size:clamp(44px,12vw,65px);margin:16px 0;max-width:420px}#mml-root .heroWords h1 small{font-size:.52em}#mml-root .heroWords p{font-size:12px;max-width:245px}#mml-root .kicker{font-size:9px;letter-spacing:.05em}
 #mml-root .scientist{width:52%;height:185px;right:-3px;bottom:-6px}#mml-root .unsafe{width:62px;height:62px;font-size:8px;bottom:11px;right:4px;border-width:2px}#mml-root .unsafe b{font-size:15px}
 #mml-root .welcome{grid-template-columns:1fr;gap:14px;margin-top:14px}#mml-root .startPanel,#mml-root .rightPanel{min-height:0}#mml-root .startPanel{padding:24px 20px}#mml-root .startPanel h2{font-size:39px}#mml-root .startPanel>p{font-size:13px}#mml-root .rightPanel{padding:20px}#mml-root .missionList>div{padding:15px 0}
 #mml-root .hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}#mml-root .hud>div{min-height:79px;padding:13px;border-radius:11px}#mml-root .hud strong{font-size:24px}#mml-root .hud small{font-size:9px}#mml-root .hud strong span{font-size:9px}#mml-root .hearts{gap:3px}#mml-root .hearts svg{width:20px;height:20px}
 #mml-root .shiftProgress{gap:7px;font-size:8px;margin-bottom:13px}#mml-root .shiftProgress>div{gap:2px}#mml-root .shiftProgress i{height:9px}#mml-root .shiftProgress i:nth-child(6n){margin-right:2px}
 #mml-root .gameTop{padding:19px 14px 17px;gap:10px;align-items:center}#mml-root .gameTop h2{font-size:clamp(22px,5.5vw,30px)}#mml-root .gameTop p{font-size:11px}#mml-root .sectionLabel{font-size:9px;letter-spacing:.035em}#mml-root .clock{min-width:81px;padding:12px 5px}#mml-root .clock small{font-size:8px}#mml-root .clock strong{font-size:30px}
 #mml-root .reactorArea,#mml-root .mixArea,#mml-root .memoryArea{padding:16px 11px 26px}
 #mml-root .machine{padding:15px 12px}#mml-root .machineHead,#mml-root .gaugeHeading{font-size:8px}#mml-root .core{height:161px}#mml-root .core>div{width:121px;height:121px}#mml-root .core>i{width:157px;height:157px}#mml-root .core>i:last-child{width:185px;height:130px}#mml-root .stopBtn{width:min(100%,350px);justify-content:center;padding:12px 16px;min-height:62px;font-size:16px}#mml-root .stopBtn>span{margin-left:4px}
 #mml-root .recipe{padding:14px 10px;gap:7px}#mml-root .recipe>div:first-child small{font-size:7px}#mml-root .recipe h3{font-size:17px}#mml-root .recipe>div:last-child{gap:11px}#mml-root .recipe b{font-size:24px}#mml-root .recipe>div:last-child small{font-size:8px}
 #mml-root .tubes{gap:8px;margin:16px 0}#mml-root .chemical{padding:14px 5px;gap:11px}#mml-root .tube{width:66px;height:91px;border-width:4px;border-top-width:8px}#mml-root .tube>b{font-size:29px}#mml-root .chemical>strong{font-size:10px}
 #mml-root .counter{gap:2px}#mml-root .counter button{min-width:31px;width:31px;height:36px;font-size:19px}#mml-root .counter small{font-size:10px}
 #mml-root .memoryHead{padding:11px;gap:11px}#mml-root .memoryHead>span{width:42px;height:42px}#mml-root .memoryHead strong{font-size:15px}#mml-root .memoryHead>b{font-size:20px}#mml-root .pads{gap:8px;margin-bottom:22px}#mml-root .pad{min-height:137px;border-radius:13px}#mml-root .pad>span{top:11px;left:12px;font-size:11px}#mml-root .pad>i{width:55px;height:55px}#mml-root .pad>b{font-size:9px}#mml-root .tip{font-size:9px}
 #mml-root .outcome{padding:33px 12px}#mml-root .outcome>p{font-size:14px}#mml-root .outcomeStats{gap:8px}#mml-root .outcomeStats>div{min-width:0;padding:13px 15px}#mml-root .outcomeStats small{font-size:9px}#mml-root .outcomeStats strong{font-size:21px}
 #mml-root .footer{flex-direction:column;align-items:flex-start;font-size:8px;gap:8px}#mml-root .helpTiles{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#mml-root *,#mml-root *:before,#mml-root *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Extra Floot game consoles: wire board, slime leaks and mutant scanner */
#mml-root .station{padding:24px 25px 32px;--lime:#c7fa60}
#mml-root .wirePanel,#mml-root .leakPanel,#mml-root .mutantPanel{max-width:770px;margin:auto;padding:23px;background:radial-gradient(circle at 50% 20%,#2b3e4a,#121d2d 75%);border:1px solid #4e6479;border-radius:17px;box-shadow:inset 0 0 25px #081523}
#mml-root .subHead{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #425667;color:#c4d9df;font:800 10px var(--font-family-monospace);letter-spacing:.06em}
#mml-root .subHead svg{color:var(--lime);flex-shrink:0}
#mml-root .subHead>span{flex:1}
#mml-root .subHead>b{color:#ff9b62;white-space:nowrap}
#mml-root .wireStatus,#mml-root .mutantSummary{display:flex;justify-content:space-between;gap:10px;margin:20px 0;color:#b7c7d5;font:800 11px var(--font-family-monospace)}
#mml-root .wireStatus strong,#mml-root .mutantSummary strong{color:var(--lime);font-size:18px;margin-left:7px}
#mml-root .instructions{text-align:center;color:#bad5d2;font:750 11px/1.5 var(--font-family-monospace);margin:20px 0 0;min-height:20px}
#mml-root .leakStats{display:flex;gap:12px;justify-content:space-between;margin:19px 0}
#mml-root .leakStats>span{display:flex;align-items:center;gap:8px;background:#253b4b;border:1px solid #4a697a;border-radius:9px;padding:11px;color:#d0dce2;font:750 11px var(--font-family-monospace)}
#mml-root .leakStats svg{color:var(--lime)}
#mml-root .leakStats strong{font-size:17px;color:var(--lime);margin-left:7px}
#mml-root .leakStats>span:last-child svg,#mml-root .leakStats>span:last-child strong{color:#ffa17d}
#mml-root .leakGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#mml-root .pipe{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:146px;border:2px solid #4c6075;border-radius:15px;background:linear-gradient(150deg,#34495c,#1a2839);color:#cbd8df;position:relative;box-shadow:inset 0 1px 15px #081523,0 5px 0 #0a1423;transition:transform .1s}
#mml-root .pipeNumber{position:absolute;top:10px;left:11px;font:750 10px var(--font-family-monospace);color:#9fb8c8}
#mml-root .pipeRim{height:76px;width:76px;display:grid;place-items:center;border-radius:50%;border:7px solid #698392;background:#0e2635;box-shadow:0 0 0 4px #263749,inset 0 0 0 4px #314e5e}
#mml-root .pipeCore{color:#608298}
#mml-root .pipeBolt{font:900 33px var(--font-family-display)}
#mml-root .pipeLabel{font:800 10px var(--font-family-monospace);color:#b2c5d0}
#mml-root .leaking{border-color:var(--lime);background:#2b5d4d;box-shadow:0 0 24px #c7fa6073;transform:translateY(3px)}
#mml-root .leaking .pipeRim{border-color:#9dde7c;background:#287449;animation:mml-leakFlash .45s infinite alternate}
#mml-root .leaking .pipeCore,#mml-root .leaking .pipeLabel{color:var(--lime)}
#mml-root .leaking .pipeLabel{font-weight:900}
@keyframes mml-leakFlash{to{box-shadow:0 0 32px #c7fa60,inset 0 0 16px #c7fa60}}
/* The repair memo and new actual drag cable SVG wiring view */
#mml-root .repairMemo{background:linear-gradient(120deg,#eadfb4,#dbce9d);color:#293324;border:2px solid #ae9e70;border-radius:10px;margin:18px 0 23px;padding:15px 19px;box-shadow:0 5px 0 #4f4d3a,0 11px 19px #0006;transform:rotate(-.35deg)}
#mml-root .memoTitle{display:flex;align-items:center;gap:9px;border-bottom:1px dashed #988c6a;padding-bottom:10px;font:850 12px var(--font-family-monospace);letter-spacing:.025em}
#mml-root .memoTitle>span{font-size:22px}
#mml-root .memoTitle>strong{flex:1}
#mml-root .memoTitle>small{font:800 9px var(--font-family-monospace);color:#835238;text-align:right}
#mml-root .repairMemo ol{display:grid;gap:7px;margin:12px 0 0;padding-left:24px;font:750 13px/1.45 var(--font-family-monospace)}
#mml-root .repairMemo li::marker{color:#836942;font-weight:900}
#mml-root .cableBoard{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(58px,18%) minmax(0,1fr);gap:0;min-height:350px;background:radial-gradient(ellipse at 50% 50%,#142b3c,#101b2b 80%);border:2px solid #3b5a6d;border-radius:15px;padding:16px 13px;overflow:hidden;box-shadow:inset 0 0 33px #050f1e,0 7px 15px #0005}
#mml-root .cableList,#mml-root .socketList{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;min-width:0}
#mml-root .cableList h3,#mml-root .socketList h3{margin:0;color:#f0efe7;font:900 15px var(--font-family-display);letter-spacing:.005em}
#mml-root .cableList>p,#mml-root .socketList>p{margin:0 0 5px;color:#8eb2b8;font:750 9px var(--font-family-monospace);letter-spacing:.04em}
#mml-root .socketList{text-align:right}
#mml-root .cableChasm{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b8794;gap:7px;position:relative}
#mml-root .cableChasm:before{content:"";height:80%;width:1px;border-left:1px dashed #557382;position:absolute;top:10%;left:50%;opacity:.45}
#mml-root .cableChasm>span{font-size:28px;background:#142639;z-index:1;padding:3px 7px;border-radius:50%;border:1px dashed #4e6c7d}
#mml-root .cableChasm>small{font:850 8px/1.4 var(--font-family-monospace);text-align:center;letter-spacing:.045em;z-index:1;background:#142639;padding:5px}
#mml-root .terminal{min-height:62px;width:100%;padding:7px 10px;border-radius:11px;border:2px solid #526b7b;background:#1e3243;color:#f1f1e9;display:flex;align-items:center;gap:7px;position:relative;z-index:3;text-align:left;justify-content:flex-start;box-shadow:inset 0 1px #ffffff14,0 4px 0 #081421;transition:border-color .12s,background .12s}
#mml-root .terminal b{font:850 12px var(--font-family-monospace);letter-spacing:.02em;min-width:0}
#mml-root .terminal:disabled{opacity:.93;cursor:default}
#mml-root .cableTerminal{touch-action:none;cursor:grab}
#mml-root .cableTerminal:active:not(:disabled){cursor:grabbing}
#mml-root .cableTerminal:hover:not(:disabled),#mml-root .selectedTerminal{border-color:var(--wire);background:#2a4155}
#mml-root .connectedTerminal{border-color:#619b77;background:#25473d}
#mml-root .cableIndicator{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--wire);color:#112328;font:900 16px var(--font-family-display)}
#mml-root .cableStem{flex:1;height:9px;border-radius:40px 0 0 40px;background:var(--wire);border:2px solid #172c37;min-width:5px;box-shadow:inset 0 1px #fff6}
#mml-root .terminalPin{flex:none;display:grid;place-items:center;height:30px;width:25px;background:#182b38;border:3px solid #7892a2;border-radius:7px;color:var(--wire);font-size:17px}
#mml-root .socketPin{flex:none;display:grid;place-items:center;width:34px;height:34px;border:5px solid #7b94a6;border-radius:50%;background:#0b1825;box-shadow:inset 0 0 7px #91c5d3;color:#d8f1f5;font-size:21px}
#mml-root .machineSymbol{flex:none;display:grid;place-items:center;color:#acd8dc;font-size:20px}
#mml-root .socketTerminal b{flex:1;text-align:right;font-size:11px}
#mml-root .socketTerminal:hover:not(:disabled){border-color:var(--lime);background:#34485c}
#mml-root .wireOverlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}
#mml-root .cableShadow{fill:none;stroke:#030911;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.94}
#mml-root .cablePath,#mml-root .dragCable{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #000a)}
#mml-root .cableShine{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.23}
#mml-root .dragCable{stroke-dasharray:16 3;filter:drop-shadow(0 1px 4px #ffffff65)}
#mml-root .accessibleHint{margin:7px 0 0;text-align:center;color:#7fa3b5;font:750 9px/1.5 var(--font-family-monospace)}
/* Fuzzy handcrafted puppet clones; only one feature mutates each batch */
#mml-root .mutantSummary{max-width:610px;margin:18px auto}
#mml-root .scanNote{display:flex;gap:13px;align-items:center;background:#232f43;border:1px dashed #62788a;border-radius:11px;max-width:610px;margin:0 auto 16px;padding:12px 15px}
#mml-root .scanNote strong{white-space:nowrap;color:#c7fa60;font:850 11px var(--font-family-monospace)}
#mml-root .scanNote span{color:#cbd6e0;font:650 11px/1.5 var(--font-family-base)}
#mml-root .scanNote span b{color:#f4d3a3}
#mml-root .mutantGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:610px;margin:0 auto}
#mml-root .monsterCard{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:146px;border:2px solid #55677c;border-radius:12px;background:linear-gradient(135deg,#34465c,#182a40);box-shadow:0 4px 0 #0b1423;transition:transform .13s,border-color .13s}
#mml-root .monsterCard:hover{transform:translateY(-3px);border-color:var(--lime);box-shadow:0 4px 0 #0b1423,0 0 20px #c7fa6033}
#mml-root .monsterHead{display:block;position:relative;flex:none;width:89px;height:83px;border-radius:44% 44% 39% 40%;background:radial-gradient(circle at 30% 22%,#9bc7f0,#5189c9 58%,#285494);box-shadow:inset -9px -9px 12px #1d3b73,0 0 0 4px #7c9dc666}
#mml-root .monsterHead:before,#mml-root .monsterHead:after{content:"";position:absolute;top:30px;left:-11px;width:19px;height:25px;background:#598bc1;box-shadow:inset -4px -4px 4px #31547e;border-radius:50% 30% 60% 40%}
#mml-root .monsterHead:after{left:auto;right:-11px;border-radius:30% 60% 40% 50%}
#mml-root .furFluff{position:absolute;inset:4px;border-radius:50%;opacity:.2;pointer-events:none;background:repeating-radial-gradient(circle at 40% 40%,transparent 0 5px,#e3edfa 6px 6.6px)}
#mml-root .tufts{position:absolute;display:flex;justify-content:center;gap:2px;top:-19px;left:26px;width:43px;height:30px;font-size:0;color:transparent}
#mml-root .tufts i{width:11px;height:26px;background:#f5aa53;border-radius:80% 40% 30% 30%;box-shadow:inset -3px -2px 2px #bb713b;transform:rotate(-22deg)}
#mml-root .tufts i:nth-child(2){height:31px;margin-top:-9px;transform:rotate(4deg);background:#e9cb61}
#mml-root .tufts i:nth-child(3){transform:rotate(22deg);background:#f2a459}
#mml-root .monsterBrows{position:absolute;top:13px;left:21px;display:flex;gap:12px}
#mml-root .monsterBrows i{display:block;width:20px;height:5px;background:#32578b;border-radius:80% 80% 30% 30%;transform:rotate(-9deg)}
#mml-root .monsterBrows i:last-child{transform:rotate(9deg)}
#mml-root .monsterEyes{position:absolute;top:23px;left:19px;display:flex;gap:7px}
#mml-root .monsterEyes>i{width:21px;height:22px;border-radius:55% 50% 45% 40%;background:#f8faf1;box-shadow:inset -2px -2px 4px #9eb5c4;position:relative}
#mml-root .monsterEyes>i:after{content:"";position:absolute;top:10px;left:10px;width:8px;height:8px;border-radius:50%;background:#20314e}
#mml-root .monsterNose{position:absolute;top:46px;left:37px;width:22px;height:17px;border-radius:50% 50% 47% 45%;background:#f89a51;box-shadow:inset -3px -4px 3px #c26837;z-index:2}
#mml-root .monsterFreckle{display:none;position:absolute;top:51px;left:19px;width:5px;height:5px;border-radius:50%;background:#d4f6f5;box-shadow:7px 1px 0 #d4f6f5}
#mml-root .monsterMouth{position:absolute;bottom:7px;left:29px;width:34px;height:16px;background:#243c68;border:0;border-bottom:2px solid #172b52;border-radius:8px 8px 15px 15px;overflow:visible}
#mml-root .monsterMouth>i{position:absolute;bottom:1px;left:11px;width:15px;height:6px;background:#e37693;border-radius:50% 50% 40% 40%}
#mml-root .monsterId{font:750 10px var(--font-family-monospace);letter-spacing:.05em;color:#b6c8d4}
#mml-root .mutation_antenna .tufts i:nth-child(2){transform:rotate(52deg);height:25px;margin-top:-3px}
#mml-root .mutation_tooth .monsterMouth:after{content:"";position:absolute;top:1px;right:6px;width:7px;height:9px;clip-path:polygon(0 0,100% 0,50% 100%);background:#fff8d5}
#mml-root .mutation_ear:after{height:13px;width:23px;top:34px;background:#85a9d8;border-radius:12px 3px 12px 0}
#mml-root .mutation_nose .monsterNose{width:16px;height:20px;top:44px;left:40px;border-radius:6px 6px 11px 11px;transform:rotate(27deg)}
#mml-root .mutation_pupil .monsterEyes>i:last-child:after{left:3px;top:5px}
#mml-root .mutation_freckle .monsterFreckle{display:block}
@media(max-width:650px){
 #mml-root .station{padding:13px 9px 23px}#mml-root .wirePanel,#mml-root .leakPanel,#mml-root .mutantPanel{padding:15px 11px}
 #mml-root .subHead{font-size:8px;gap:6px}#mml-root .subHead>b{font-size:8px}
 #mml-root .wireStatus,#mml-root .mutantSummary{font-size:9px}#mml-root .wireStatus strong,#mml-root .mutantSummary strong{font-size:13px;margin-left:2px}
 #mml-root .leakStats{gap:5px}#mml-root .leakStats>span{gap:4px;padding:7px 4px;font-size:9px}#mml-root .leakStats strong{font-size:13px;margin-left:2px}
 #mml-root .leakGrid{gap:8px}#mml-root .pipe{min-height:117px;gap:8px}#mml-root .pipeNumber{font-size:8px;left:7px;top:8px}#mml-root .pipeRim{height:55px;width:55px;border-width:5px}#mml-root .pipeLabel{font-size:8px}
 #mml-root .repairMemo{padding:10px 12px;margin:12px 0 17px}#mml-root .memoTitle{gap:5px;font-size:10px}#mml-root .memoTitle>span{font-size:17px}#mml-root .memoTitle>small{font-size:8px;max-width:105px}
 #mml-root .repairMemo ol{font-size:11px;padding-left:18px;gap:5px}
 #mml-root .cableBoard{grid-template-columns:minmax(0,1fr) minmax(22px,12%) minmax(0,1fr);padding:11px 6px;min-height:316px}
 #mml-root .cableList h3,#mml-root .socketList h3{font-size:11px}#mml-root .cableList>p,#mml-root .socketList>p{font-size:8px}
 #mml-root .cableChasm>span{font-size:18px;padding:2px}#mml-root .cableChasm>small{font-size:6px;padding:2px}
 #mml-root .terminal{min-height:62px;padding:5px;gap:3px}#mml-root .terminal b{font-size:10px}#mml-root .socketTerminal b{font-size:9px}
 #mml-root .cableIndicator{width:21px;height:26px;font-size:12px}#mml-root .cableStem{height:7px}#mml-root .terminalPin{width:16px;height:26px;font-size:12px;border-width:2px}
 #mml-root .socketPin{width:25px;height:25px;font-size:15px;border-width:3px}#mml-root .machineSymbol{font-size:13px}
 #mml-root .scanNote{flex-direction:column;align-items:flex-start;gap:5px;padding:9px}#mml-root .scanNote strong{font-size:10px}#mml-root .scanNote span{font-size:10px}
 #mml-root .mutantGrid{gap:7px}#mml-root .monsterCard{min-height:115px;gap:5px}#mml-root .monsterHead{transform:scale(.79)}#mml-root .monsterId{font-size:8px}
 #mml-root .instructions{font-size:9px}
}

/* 1.1.2 INLINE MODE: game sits inside the normal theme content without
 * an iframe, oversized viewport minimum height or internal scrollbars.
 * Size the layout based on the block width, not just the browser width: Muppet
 * Madness uses a boxed content column even on wide desktop screens. */
#mml-root.mml-embedded{display:block;width:100%;max-width:100%;margin:0 auto;clear:both;isolation:isolate;container-name:mml-inline;container-type:inline-size}
#mml-root.mml-embedded .page{min-height:0;border-radius:17px}
#mml-root.mml-embedded .wrap{width:calc(100% - 28px);max-width:1180px}

@container mml-inline (max-width:920px){
 #mml-root .heroWords{padding:35px 28px}#mml-root .heroWords h1{font-size:clamp(46px,7vw,72px)}#mml-root .scientist{width:39%;right:0}
 #mml-root .startPanel{padding:30px 26px}#mml-root .rightPanel{padding:22px 19px}#mml-root .welcome{gap:15px}
 #mml-root .missionList>div{gap:10px}#mml-root .sideTitle>span{display:none}
 #mml-root .hud>div{padding:15px}#mml-root .hud strong{font-size:24px}
}

@container mml-inline (max-width:680px){
 #mml-root .wrap{width:calc(100% - 24px)}#mml-root .top{height:65px}#mml-root .brand{font-size:10px;gap:6px}#mml-root .brandMark{width:33px;height:33px}#mml-root .slash{margin:0 1px}
 #mml-root .hero{height:315px;border-radius:16px}#mml-root .heroWords{max-width:100%;padding:26px 17px}#mml-root .heroWords h1{font-size:clamp(44px,12vw,65px);margin:16px 0;max-width:420px}#mml-root .heroWords h1 small{font-size:.52em}#mml-root .heroWords p{font-size:12px;max-width:245px}#mml-root .kicker{font-size:9px;letter-spacing:.05em}
 #mml-root .scientist{width:52%;height:185px;right:-3px;bottom:-6px}#mml-root .unsafe{width:62px;height:62px;font-size:8px;bottom:11px;right:4px;border-width:2px}#mml-root .unsafe b{font-size:15px}
 #mml-root .welcome{grid-template-columns:1fr;gap:14px;margin-top:14px}#mml-root .startPanel,#mml-root .rightPanel{min-height:0}#mml-root .startPanel{padding:24px 20px}#mml-root .startPanel h2{font-size:39px}#mml-root .startPanel>p{font-size:13px}#mml-root .rightPanel{padding:20px}#mml-root .missionList>div{padding:15px 0}
 #mml-root .hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}#mml-root .hud>div{min-height:79px;padding:13px;border-radius:11px}#mml-root .hud strong{font-size:24px}#mml-root .hud small{font-size:9px}#mml-root .hud strong span{font-size:9px}#mml-root .hearts{gap:3px}#mml-root .hearts svg{width:20px;height:20px}
 #mml-root .shiftProgress{gap:7px;font-size:8px;margin-bottom:13px}#mml-root .shiftProgress>div{gap:2px}#mml-root .shiftProgress i{height:9px}#mml-root .shiftProgress i:nth-child(6n){margin-right:2px}
 #mml-root .gameTop{padding:19px 14px 17px;gap:10px;align-items:center}#mml-root .gameTop h2{font-size:clamp(22px,5.5vw,30px)}#mml-root .gameTop p{font-size:11px}#mml-root .sectionLabel{font-size:9px;letter-spacing:.035em}#mml-root .clock{min-width:81px;padding:12px 5px}#mml-root .clock small{font-size:8px}#mml-root .clock strong{font-size:30px}
 #mml-root .reactorArea,#mml-root .mixArea,#mml-root .memoryArea{padding:16px 11px 26px}
 #mml-root .machine{padding:15px 12px}#mml-root .machineHead,#mml-root .gaugeHeading{font-size:8px}#mml-root .core{height:161px}#mml-root .core>div{width:121px;height:121px}#mml-root .core>i{width:157px;height:157px}#mml-root .core>i:last-child{width:185px;height:130px}#mml-root .stopBtn{width:min(100%,350px);justify-content:center;padding:12px 16px;min-height:62px;font-size:16px}#mml-root .stopBtn>span{margin-left:4px}
 #mml-root .recipe{padding:14px 10px;gap:7px}#mml-root .recipe>div:first-child small{font-size:7px}#mml-root .recipe h3{font-size:17px}#mml-root .recipe>div:last-child{gap:11px}#mml-root .recipe b{font-size:24px}#mml-root .recipe>div:last-child small{font-size:8px}
 #mml-root .tubes{gap:8px;margin:16px 0}#mml-root .chemical{padding:14px 5px;gap:11px}#mml-root .tube{width:66px;height:91px;border-width:4px;border-top-width:8px}#mml-root .tube>b{font-size:29px}#mml-root .chemical>strong{font-size:10px}
 #mml-root .counter{gap:2px}#mml-root .counter button{min-width:31px;width:31px;height:36px;font-size:19px}#mml-root .counter small{font-size:10px}
 #mml-root .memoryHead{padding:11px;gap:11px}#mml-root .memoryHead>span{width:42px;height:42px}#mml-root .memoryHead strong{font-size:15px}#mml-root .memoryHead>b{font-size:20px}#mml-root .pads{gap:8px;margin-bottom:22px}#mml-root .pad{min-height:137px;border-radius:13px}#mml-root .pad>span{top:11px;left:12px;font-size:11px}#mml-root .pad>i{width:55px;height:55px}#mml-root .pad>b{font-size:9px}#mml-root .tip{font-size:9px}
 #mml-root .outcome{padding:33px 12px}#mml-root .outcome>p{font-size:14px}#mml-root .outcomeStats{gap:8px}#mml-root .outcomeStats>div{min-width:0;padding:13px 15px}#mml-root .outcomeStats small{font-size:9px}#mml-root .outcomeStats strong{font-size:21px}
 #mml-root .footer{flex-direction:column;align-items:flex-start;font-size:8px;gap:8px}#mml-root .helpTiles{grid-template-columns:1fr}
}

@container mml-inline (max-width:650px){
 #mml-root .station{padding:13px 9px 23px}#mml-root .wirePanel,#mml-root .leakPanel,#mml-root .mutantPanel{padding:15px 11px}
 #mml-root .subHead{font-size:8px;gap:6px}#mml-root .subHead>b{font-size:8px}
 #mml-root .wireStatus,#mml-root .mutantSummary{font-size:9px}#mml-root .wireStatus strong,#mml-root .mutantSummary strong{font-size:13px;margin-left:2px}
 #mml-root .leakStats{gap:5px}#mml-root .leakStats>span{gap:4px;padding:7px 4px;font-size:9px}#mml-root .leakStats strong{font-size:13px;margin-left:2px}
 #mml-root .leakGrid{gap:8px}#mml-root .pipe{min-height:117px;gap:8px}#mml-root .pipeNumber{font-size:8px;left:7px;top:8px}#mml-root .pipeRim{height:55px;width:55px;border-width:5px}#mml-root .pipeLabel{font-size:8px}
 #mml-root .repairMemo{padding:10px 12px;margin:12px 0 17px}#mml-root .memoTitle{gap:5px;font-size:10px}#mml-root .memoTitle>span{font-size:17px}#mml-root .memoTitle>small{font-size:8px;max-width:105px}
 #mml-root .repairMemo ol{font-size:11px;padding-left:18px;gap:5px}
 #mml-root .cableBoard{grid-template-columns:minmax(0,1fr) minmax(22px,12%) minmax(0,1fr);padding:11px 6px;min-height:316px}
 #mml-root .cableList h3,#mml-root .socketList h3{font-size:11px}#mml-root .cableList>p,#mml-root .socketList>p{font-size:8px}
 #mml-root .cableChasm>span{font-size:18px;padding:2px}#mml-root .cableChasm>small{font-size:6px;padding:2px}
 #mml-root .terminal{min-height:62px;padding:5px;gap:3px}#mml-root .terminal b{font-size:10px}#mml-root .socketTerminal b{font-size:9px}
 #mml-root .cableIndicator{width:21px;height:26px;font-size:12px}#mml-root .cableStem{height:7px}#mml-root .terminalPin{width:16px;height:26px;font-size:12px;border-width:2px}
 #mml-root .socketPin{width:25px;height:25px;font-size:15px;border-width:3px}#mml-root .machineSymbol{font-size:13px}
 #mml-root .scanNote{flex-direction:column;align-items:flex-start;gap:5px;padding:9px}#mml-root .scanNote strong{font-size:10px}#mml-root .scanNote span{font-size:10px}
 #mml-root .mutantGrid{gap:7px}#mml-root .monsterCard{min-height:115px;gap:5px}#mml-root .monsterHead{transform:scale(.79)}#mml-root .monsterId{font-size:8px}
 #mml-root .instructions{font-size:9px}
}

@container mml-inline (max-width:680px){
 #mml-root.mml-embedded .wrap{width:calc(100% - 24px)}
}
/* The game header stays fully visible when the site's content column is very narrow. */
@container mml-inline (max-width:430px){
 #mml-root.mml-embedded .top{gap:4px}
 #mml-root.mml-embedded .brand{gap:3px;font-size:9px;letter-spacing:0}
 #mml-root.mml-embedded .brandMark{width:27px;height:29px;flex:none}
 #mml-root.mml-embedded .brandMark svg{width:17px;height:17px}
 #mml-root.mml-embedded .slash{font-size:14px;margin:0 1px}
 #mml-root.mml-embedded .topTools{gap:4px;flex:none}
 #mml-root.mml-embedded .iconBtn{min-width:29px;width:29px;min-height:31px;height:31px;border-radius:8px}
 #mml-root.mml-embedded .iconBtn svg{width:17px;height:17px}
}

/* WordPress admin-configurable Mutation Detector portraits (normal + 1-6 different PNGs) */
#mml-root .customPortraitFrame{width:104px;height:100px;display:flex;align-items:center;justify-content:center;flex:none;filter:drop-shadow(0 4px 8px #050a13a6)}
#mml-root .customPortrait{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
@media(max-width:650px){#mml-root .customPortraitFrame{width:78px;height:77px}}
@container mml-inline (max-width:650px){#mml-root .customPortraitFrame{width:78px;height:77px}}

/* 1.2.0 — the 12-station endless lab console */
#mml-root .newStation{padding:24px 25px 32px}
#mml-root .labConsole{max-width:800px;margin:auto;border:1px solid #4f6879;background:radial-gradient(ellipse at 50% 5%,#304253,#111d2d 74%);box-shadow:inset 0 0 35px #060d1a,0 11px 28px #0004;border-radius:17px;padding:23px}
#mml-root .counterRibbon{display:flex;justify-content:space-between;gap:12px;margin:18px 0;padding:10px 13px;background:#182d3d;border:1px solid #4c6876;border-radius:9px;color:#c6d9df;font:800 10px/1.6 var(--font-family-monospace);letter-spacing:.06em}
#mml-root .counterRibbon b{color:#c7fa60;font-size:16px;margin-left:5px}
#mml-root .newStation .instructions{min-height:25px;margin-top:18px}
/* Pipe workshop: actual connected steel pipes, crack, spray, patch and tank */
#mml-root .slimeReservoir{background:linear-gradient(120deg,#1c3541,#152b39);border:1px solid #5b8090;border-radius:12px;padding:13px 17px;margin:17px 0 18px;color:#d2e6e6}
#mml-root .slimeReservoir>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font:850 11px var(--font-family-monospace)}
#mml-root .slimeReservoir>div:first-child span{color:#c7fa60;font-size:21px}
#mml-root .slimeGauge{margin:11px 0 7px;height:16px;border:3px solid #526f7a;border-radius:50px;background:#0a182a;overflow:hidden;box-shadow:inset 0 3px 4px #060b17}
#mml-root .slimeGauge>i{height:100%;display:block;border-radius:30px;background:linear-gradient(90deg,#6cbb66,#b9ec68,#ecb350);box-shadow:0 0 17px #c8fa83;transition:width .3s ease}
#mml-root .slimeReservoir>small{color:#7fabba;font:750 9px var(--font-family-monospace);letter-spacing:.08em}
#mml-root .pipeWorkshop{background:linear-gradient(180deg,#223c4b,#142536);border-radius:14px;border:3px ridge #5d7886;padding:13px;box-shadow:inset 0 3px 22px #071521}
#mml-root .pipeHeader{display:flex;justify-content:space-between;gap:10px;margin:0 0 15px;color:#93c0d2;font:850 10px var(--font-family-monospace)}
#mml-root .pipeHeader strong{color:#b8e46a}
#mml-root .pipeReal{min-height:171px!important;padding:12px 5px!important;border:2px solid #486477!important;background:radial-gradient(circle at 50% 60%,#2c4a5c,#142639)!important;box-shadow:inset 0 0 14px #07121c,0 4px 0 #0a1624!important;overflow:hidden;position:relative;justify-content:space-between!important}
#mml-root .pipeReal .pipeNumber{position:relative;left:auto;top:auto;align-self:flex-start;margin-left:7px;z-index:2}
#mml-root .pipeAssembly{width:100%;height:78px;display:flex;align-items:center;justify-content:center;position:relative;flex:none}
#mml-root .pipeLeft,#mml-root .pipeRight{height:37px;flex:1;background:linear-gradient(180deg,#809aab,#d8e4e4 28%,#728b9d 44%,#314b60 73%,#21394e);border-top:3px solid #b0c1cb;border-bottom:4px solid #203a4d;box-shadow:0 5px 7px #0007}
#mml-root .pipeJoint{width:44px;height:52px;position:relative;z-index:1;display:grid;place-items:center;border:5px solid #6e8c9e;border-radius:8px;background:linear-gradient(100deg,#758d9e,#dce6e5 42%,#547084 52%,#253a50);box-shadow:inset 0 0 7px #152d40,0 3px 7px #0007}
#mml-root .pipeJoint>i{position:absolute;left:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#1b3446;box-shadow:17px 0 0 #1b3446,0 24px 0 #1b3446,17px 24px 0 #1b3446}
#mml-root .pipeCrack{height:29px;width:6px;border-radius:60% 30% 70% 30%;background:#203546;transform:rotate(17deg);position:relative;box-shadow:0 0 3px #061322}
#mml-root .leaking .pipeCrack{background:#a5ee71;box-shadow:0 0 14px #c7ff93;animation:mml-crackPulse .35s alternate infinite}
#mml-root .pipeReal.leaking{border-color:#9bf371!important;background:#284d4b!important}
#mml-root .slimeSpray{position:absolute;z-index:4;left:50%;top:42%;pointer-events:none}
#mml-root .slimeSpray i{position:absolute;top:-4px;width:11px;height:24px;background:linear-gradient(#d8ff6b,#5dce75);border-radius:80% 80% 90% 10%;filter:drop-shadow(0 0 5px #aeff50);animation:mml-slimeSpit .68s ease-in infinite}
#mml-root .slimeSpray i:nth-child(1){left:-20px;transform:rotate(-40deg);animation-delay:-.2s}
#mml-root .slimeSpray i:nth-child(2){left:-2px;transform:rotate(12deg);animation-delay:-.38s}
#mml-root .slimeSpray i:nth-child(3){left:13px;transform:rotate(36deg);animation-delay:-.6s}
#mml-root .slimeSpray i:nth-child(4){left:27px;transform:rotate(60deg);animation-delay:-.12s}
#mml-root .slimeSpray b{position:absolute;top:-26px;left:-16px;font-size:28px;color:#deff97;animation:mml-sparkPop .4s alternate infinite}
#mml-root .sealingClamp{position:absolute;z-index:4;inset:10px auto auto 50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;color:#e6ffce;text-shadow:0 2px 5px #000}
#mml-root .sealingClamp>b{width:48px;height:51px;background:linear-gradient(95deg,#6c8e9b,#e3ecde,#7599a6);border:5px solid #99b6bc;border-radius:9px;display:grid;place-items:center;color:#1b5340;font-size:28px;box-shadow:0 1px 15px #c7fa6070;animation:mml-clampSnap .22s ease-out}
#mml-root .sealingClamp>small{font:900 9px var(--font-family-monospace);color:#c7fa60;margin-top:7px}
#mml-root .pipeSealed{border-color:#7fbc8b!important;background:#24473d!important}
#mml-root .pipeSealed .pipeCrack{display:none}
#mml-root .pipeReal .pipeLabel{position:relative;bottom:auto;padding:4px;color:#d5e6ee;font-size:10px}
#mml-root .pipeReal.leaking .pipeLabel{color:#e9ff8b}
#mml-root .repairToolbox{display:flex;gap:11px;align-items:center;justify-content:space-between;margin:17px 0;background:#293b4d;border:2px solid #678090;border-radius:11px;padding:12px}
#mml-root .repairToolbox>span:first-child{color:#94b7ca;font:850 10px var(--font-family-monospace)}
#mml-root .clampTool{display:flex;align-items:center;gap:11px;min-height:59px;padding:7px 14px;background:linear-gradient(140deg,#c7fa60,#8ebf48);border:3px solid #e7ffb0;border-radius:10px;color:#1a3326;box-shadow:0 4px 0 #537335;cursor:grab;touch-action:none}
#mml-root .clampTool>b{font-size:33px}
#mml-root .clampTool span{font:900 12px var(--font-family-display);text-align:left}
#mml-root .clampTool small{font:800 9px var(--font-family-monospace);white-space:nowrap}
#mml-root .repairToolbox .toolReady{font:850 9px var(--font-family-monospace);color:#c7fa60}
#mml-root .clampGhost{position:fixed;z-index:999999;pointer-events:none;transform:translate(-50%,-50%);font-size:46px;border-radius:8px;color:#d8f7f3;filter:drop-shadow(0 3px 9px #000)}
@keyframes mml-crackPulse{to{filter:brightness(1.7)}}
@keyframes mml-slimeSpit{0%{opacity:0;translate:0 -8px;scale:.5}35%{opacity:1}100%{opacity:0;translate:var(--spit-x,7px) 46px;scale:1.35}}
@keyframes mml-sparkPop{to{transform:scale(1.25);opacity:.5}}
@keyframes mml-clampSnap{from{transform:scale(1.4);opacity:.15}to{transform:scale(1);opacity:1}}
/* Specimen sorter */
#mml-root .specimenScannerRow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);gap:12px;margin:14px 0 12px}
#mml-root .specimenScannerCard,#mml-root .specimenScannerSide{background:linear-gradient(145deg,#243646,#132535);border:2px solid #587485;border-radius:14px;padding:13px 14px;box-shadow:inset 0 0 18px #071520}
#mml-root .specimenScannerCard>small,#mml-root .specimenScannerSide>span{display:block;color:#9dc8d4;font:800 9px var(--font-family-monospace);letter-spacing:.08em}
#mml-root .specimenScannerMain{display:flex;align-items:center;gap:13px;margin-top:10px}
#mml-root .specimenBlobLarge{width:92px;height:80px;flex:none}
#mml-root .specimenScannerMain strong{display:block;color:#f0f5ef;font:900 16px var(--font-family-display);margin-bottom:5px}
#mml-root .specimenScannerMain span{display:block;color:#b2cad6;font:750 10px/1.45 var(--font-family-monospace)}
#mml-root .specimenScannerMain b{display:inline-block;margin-top:8px;color:#c7fa60;font:900 10px var(--font-family-monospace)}
#mml-root .specimenScannerSide{display:flex;flex-direction:column;justify-content:center;gap:8px}
#mml-root .specimenScannerSide strong{color:#ffefb6;font:900 16px var(--font-family-display)}
#mml-root .specimenScannerSide small{color:#9fb9c6;font:750 10px/1.45 var(--font-family-monospace)}
#mml-root .specimenStage{border:2px solid #4d6878;border-radius:14px;padding:18px 16px 0;background:radial-gradient(circle at 50% 40%,#3a4a56,#111e2e 68%);overflow:hidden;position:relative;box-shadow:inset 0 0 26px #091523}
#mml-root .specimenStage:before{content:"";position:absolute;left:0;right:0;top:18px;height:8px;background:repeating-linear-gradient(90deg,#ffd877 0 16px,#1b2838 16px 32px);opacity:.5}
#mml-root .conveyorTrack{min-height:182px;display:grid;place-items:center;position:relative;padding-top:18px}
#mml-root .conveyorRollers{position:absolute;left:16px;right:16px;bottom:36px;display:grid;grid-template-columns:repeat(8,1fr);gap:9px;pointer-events:none}
#mml-root .conveyorRollers i{height:13px;border-radius:20px;background:linear-gradient(#76909d,#20394a);box-shadow:inset 0 -2px 3px #0a1721}
#mml-root .specimenPick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:220px;min-height:154px;padding:13px;border:2px solid #7f9bab;border-radius:15px;background:linear-gradient(165deg,#294458,#16293b);color:#f7f6e7;touch-action:none;cursor:grab;box-shadow:0 12px 18px #0005;position:relative}
#mml-root .specimenPick:before{content:"SCAN READY";position:absolute;top:10px;right:12px;color:#c7fa60;font:900 8px var(--font-family-monospace);letter-spacing:.08em}
#mml-root .specimenMoving{outline:3px solid #b9ed66;box-shadow:0 0 0 3px #2c4d35,0 0 25px #c7fa6070}
#mml-root .specimenBlob{width:78px;height:68px;border-radius:52% 48% 55% 35%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 32% 18%,#fff9,var(--blob) 45%,#1f335b);box-shadow:0 9px 17px #0006,0 0 15px var(--blob)}
#mml-root .specimenCrateBlob{width:86px;height:74px}
#mml-root .specimenBlob i{position:absolute;top:21px;width:11px;height:17px;border-radius:50%;background:#fff;box-shadow:inset -2px -2px 1px #a2c9d1}
#mml-root .specimenBlob i:first-child{left:23px}
#mml-root .specimenBlob i:nth-child(2){right:18px}
#mml-root .specimenBlob i:after{content:"";position:absolute;top:8px;left:5px;width:5px;height:7px;background:#122536;border-radius:50%}
#mml-root .specimenBlob small{position:absolute;bottom:-8px;right:-7px;background:#1c2a3c;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--blob)}
#mml-root .specimenPick>b{font:900 13px var(--font-family-display);margin-top:9px}
#mml-root .specimenPick>small{color:#a9c4d2;font-size:10px}
#mml-root .specimenPick em{font:850 8px var(--font-family-monospace);font-style:normal;color:#c7fa60;letter-spacing:.06em;margin-top:3px}
#mml-root .conveyorBelt{height:26px;background:repeating-linear-gradient(90deg,#253d4e 0 16px,#527584 17px 21px,#253d4e 22px 39px);color:#93b8c9;text-align:center;letter-spacing:18px;font-size:10px;white-space:nowrap;overflow:hidden;border-top:5px solid #8ca3ac;border-bottom:5px solid #0b1621;animation:mml-belt 2s linear infinite}
#mml-root .specimenBins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
#mml-root .specimenBin{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:linear-gradient(#273b4b,#162c3d);border:2px solid var(--blob);border-radius:13px;color:#e9f2ed;min-height:130px;padding:11px 6px;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #09131f}
#mml-root .specimenBin .binGlow{position:absolute;inset:auto 12px 8px;height:42px;border-radius:50%;background:radial-gradient(circle,var(--blob),transparent 70%);opacity:.35}
#mml-root .specimenBin .binBadge{position:relative;z-index:1;font-size:29px;color:var(--blob);background:#1b2d3f;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:0 0 16px color-mix(in srgb,var(--blob),transparent 55%)}
#mml-root .specimenBin strong{position:relative;z-index:1;font:900 12px var(--font-family-display)}
#mml-root .specimenBin small{position:relative;z-index:1;color:#a5b9c4;font:800 9px var(--font-family-monospace)}
#mml-root .specimenBin em{position:relative;z-index:1;font:850 8px var(--font-family-monospace);font-style:normal;color:#fff3c9;letter-spacing:.08em}
#mml-root .specimenBin:hover{background:#32505c;box-shadow:0 0 15px var(--blob)}
#mml-root .specimenGhost{position:fixed;z-index:999999;transform:translate(-50%,-50%);pointer-events:none;width:54px;height:54px;border-radius:50%;background:#c7fa60;color:#182b35;display:grid;place-items:center;font-size:35px;box-shadow:0 0 20px #c7fa60}
@keyframes mml-belt{to{background-position:78px 0}}
/* Battery stack */
#mml-root .stackInstruction{text-align:center;color:#bfcfd3;font:800 12px var(--font-family-monospace);padding:9px}
#mml-root .stackInstruction b{color:#c7fa60}
#mml-root .stackReadout{max-width:590px;margin:0 auto 14px;background:linear-gradient(140deg,#223647,#112434);border:2px solid #5b7888;border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:inset 0 0 14px #081726}
#mml-root .stackReadout>small,#mml-root .stackReadout>b{color:#9cc3d0;font:850 10px var(--font-family-monospace);letter-spacing:.06em}
#mml-root .stackReadout>div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
#mml-root .stackReadout>div span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#1d3241;border:1px solid #527187;color:#eff7d8;font:900 10px var(--font-family-monospace)}
#mml-root .stackReadout>div em{font-style:normal;color:#86a8b5}
#mml-root .stackReadout .orderDone{background:#345237;border-color:#9adf66;color:#cfff9f}
#mml-root .stackTower{display:flex;max-width:620px;min-height:250px;margin:12px auto 21px;border:2px solid #506f7f;border-radius:14px;background:radial-gradient(ellipse at 50%,#284755,#102036 74%);overflow:hidden;box-shadow:inset 0 0 28px #091522}
#mml-root .stackTowerWindow{flex:1;padding:15px;border-right:2px dashed #45677a;display:flex;align-items:center;justify-content:center}
#mml-root .reactorFrame{width:min(100%,315px);display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:stretch}
#mml-root .reactorMeter{display:flex;flex-direction:column;gap:8px;align-items:center;color:#9fc1cf;font:800 9px var(--font-family-monospace)}
#mml-root .reactorMeter div{flex:1;width:28px;border-radius:18px;background:#132535;border:2px solid #5f7f92;display:flex;align-items:flex-end;padding:4px;box-shadow:inset 0 0 10px #05111d}
#mml-root .reactorMeter i{display:block;width:100%;border-radius:12px;background:linear-gradient(180deg,#e8ffae,#c7fa60,#5dbd4c);box-shadow:0 0 16px #c7fa60}
#mml-root .reactorColumn{min-height:198px;border:2px solid #698697;border-radius:18px;background:linear-gradient(180deg,#0f2434,#224152 38%,#0e2234);padding:14px 12px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:7px;box-shadow:inset 0 0 24px #93e2ff20,0 0 18px #0005;position:relative;overflow:hidden}
#mml-root .reactorColumn:before{content:"";position:absolute;inset:12px 16px auto;height:18px;border-radius:10px;background:#86d9ff26}
#mml-root .emptyStack{margin:auto;font:850 11px var(--font-family-monospace);color:#7194a5;text-align:center}
#mml-root .placedBattery{width:min(100%,240px);display:grid;grid-template-columns:24px 1fr 24px auto;align-items:center;gap:10px;background:linear-gradient(110deg,#87b752,#d9faa6,#5c984a);border:3px solid #e4ff9d;color:#203723;border-radius:12px;padding:7px 12px;font:900 13px var(--font-family-monospace);box-shadow:0 3px 0 #3d6941,0 0 12px #bfff8290}
#mml-root .placedBattery b{display:flex;flex-direction:column;line-height:.88;font:900 19px var(--font-family-display)}
#mml-root .placedBattery b small{font:800 8px var(--font-family-monospace);margin-top:6px;color:#2f5843}
#mml-root .placedBattery>small{font-size:8px;color:#31553b;letter-spacing:.07em}
#mml-root .batteryCap,#mml-root .batteryFoot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eef8dd;border:2px solid #6d884c;color:#31553b;font:900 13px var(--font-family-display)}
#mml-root .stackGlow{width:124px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#c7fa60;font-size:60px;text-shadow:0 0 19px #b1ff69;background:radial-gradient(circle at 50%,#1f3648,#122435 78%)}
#mml-root .stackGlow span{font:800 9px/1.4 var(--font-family-monospace);text-align:center;color:#9fbed1;padding:5px}
#mml-root .batteryTray{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
#mml-root .powerBattery{min-height:82px;display:grid;grid-template-columns:22px 1fr 18px 22px;align-items:center;gap:8px;border:2px solid #adc56e;border-radius:14px;padding:9px 10px;background:linear-gradient(160deg,#567542,#23372f);color:#d6ffb7;position:relative;overflow:hidden;box-shadow:0 5px 0 #18271f}
#mml-root .powerBattery:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff12,transparent);opacity:.8}
#mml-root .powerBattery>b{font:900 24px var(--font-family-display);display:flex;flex-direction:column;line-height:.9;position:relative;z-index:1}
#mml-root .powerBattery b small{font:700 9px var(--font-family-monospace);margin-top:8px}
#mml-root .batteryCore{height:42px;border-radius:10px;background:linear-gradient(180deg,#b4f578,#6fbb54);box-shadow:inset 0 0 6px #f3ffcd,0 0 12px #a9ff6890}
#mml-root .powerBattery:disabled{opacity:.17}
/* Cryo chamber */
#mml-root .freezeStatus{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:17px;max-width:610px;margin:14px auto 22px}
#mml-root .freezeOrb{height:165px;width:min(100%,235px);margin:auto;border:8px solid #6c9aa9;border-radius:48%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 30% 30%,#81d5e3aa,#1d5f79 55%,#132e44);font-size:71px;color:#e5fbff;box-shadow:inset 0 0 35px #a1ecff73,0 0 36px #83ddf355}
#mml-root .freezeOrb small{font:800 10px/1.2 var(--font-family-monospace);text-align:center}
#mml-root .tempReadout{display:flex;flex-direction:column;gap:10px}
#mml-root .tempReadout>small{color:#acc7da;font:800 10px var(--font-family-monospace)}
#mml-root .tempReadout>strong{font:900 64px var(--font-family-display)}
#mml-root .tempReadout .goodTemp{color:#c7fa60}
#mml-root .tempReadout .hotTemp{color:#ff9b62}
#mml-root .tempReadout>span{font:850 11px var(--font-family-monospace);color:#a9d4d9}
#mml-root .tempMeter{margin:6px 0;height:27px;border:5px solid #536c7c;border-radius:15px;background:linear-gradient(90deg,#88d8e8,#5da9c8 40%,#ffbd62 58%,#e7775d);position:relative;box-shadow:inset 0 0 7px #0007}
#mml-root .tempSafety{position:absolute;left:42%;width:16%;top:0;height:100%;background:#b8f876;box-shadow:0 0 16px #b8f876;opacity:.85}
#mml-root .tempMeter b{position:absolute;top:-9px;bottom:-9px;width:6px;background:#fff;transform:translateX(-50%);border-radius:7px;box-shadow:0 0 0 2px #243a4b,0 0 11px #fff}
#mml-root .tempTicks{display:flex;justify-content:space-between;color:#9bbac7;font:750 10px var(--font-family-monospace)}
#mml-root .holdMeter{background:#162b3b;border:1px solid #4c6979;border-radius:11px;padding:13px;margin:21px 0 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#d3e6eb;font:800 10px var(--font-family-monospace)}
#mml-root .holdMeter>strong{color:#c7fa60}
#mml-root .holdMeter>div{width:100%;background:#213545;border-radius:50px;height:12px;overflow:hidden}
#mml-root .holdMeter>div i{height:100%;display:block;background:#c7fa60;box-shadow:0 0 15px #c7fa60}
#mml-root .freezeControls{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#mml-root .freezeControls button{padding:14px 10px;border-radius:11px;min-height:63px;font:900 14px var(--font-family-display);display:flex;align-items:center;justify-content:center;gap:10px}
#mml-root .freezeControls small{font:750 11px var(--font-family-monospace)}
#mml-root .coolBtn{background:#8bd9f2;border:3px solid #c5f4fb;color:#153946}
#mml-root .heatBtn{background:#ff986b;border:3px solid #ffceb2;color:#45271a}
/* Mirrors and laser */
#mml-root .laserReadout{margin:14px 0 12px;background:linear-gradient(140deg,#263747,#132536);border:2px solid #58798d;border-radius:13px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;box-shadow:inset 0 0 14px #0a1520}
#mml-root .laserReadout>small,#mml-root .laserReadout>b{color:#9cc2d0;font:850 10px var(--font-family-monospace)}
#mml-root .laserReadout>div{display:flex;gap:6px;flex-wrap:wrap}
#mml-root .laserReadout>div span{padding:4px 8px;border-radius:999px;background:#1d3241;border:1px solid #4f7182;color:#f5e5cb;font:900 10px var(--font-family-monospace)}
#mml-root .laserReadout .laserCardDone{background:#30563d;border-color:#98e26a;color:#d8ffac}
#mml-root .laserStage{display:flex;align-items:stretch;gap:8px;padding:18px 10px;min-height:255px;background:radial-gradient(ellipse at center,#2c4053,#102234);border:2px solid #58798d;border-radius:13px;overflow:hidden;box-shadow:inset 0 0 28px #091521}
#mml-root .laserEmitter,#mml-root .laserReceiver{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#ff9071;font:900 30px var(--font-family-display);flex:none;max-width:68px;min-width:62px;background:linear-gradient(180deg,#162a3b,#0c1826);border:2px solid #506f84;border-radius:14px;padding:10px 4px}
#mml-root .laserLens,#mml-root .receiverBullseye{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#291a1d;box-shadow:0 0 17px #ff846e}
#mml-root .receiverBullseye{background:#1a2f20;box-shadow:none}
#mml-root .laserEmitter small,#mml-root .laserReceiver small{font:750 8px var(--font-family-monospace);color:#b3c1c8}
#mml-root .laserReceiver{color:#60798d}
#mml-root .receiverLit{color:#c7fa60;filter:drop-shadow(0 0 14px #c7fa60)}
#mml-root .receiverLit .receiverBullseye{box-shadow:0 0 15px #c7fa60;background:#2a4725}
#mml-root .laserMirrors{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;align-items:center}
#mml-root .laserUnit{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-width:0;position:relative;padding:8px 0}
#mml-root .laserSegment{height:6px;position:absolute;top:46%;left:-16px;right:-16px;z-index:0;box-shadow:0 0 14px currentColor;border-radius:99px}
#mml-root .beamNode{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#ffd7c8;z-index:1;box-shadow:0 0 12px #ff876b}
#mml-root .mirrorDial{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:96px;width:min(100%,98px);background:radial-gradient(circle at 30% 25%,#365c72,#203a4d 63%,#132533);border:4px solid #718f9e;border-radius:50%;color:#d7f6fa;box-shadow:inset 0 0 19px #071a2a,0 0 15px #001a28;position:relative}
#mml-root .mirrorDial:before{content:"";position:absolute;inset:10px;border-radius:50%;border:2px dashed #87a8b8;opacity:.45}
#mml-root .mirrorDial>span{font:900 37px var(--font-family-display);transition:transform .13s;position:relative;z-index:1}
#mml-root .mirrorDial small{font:750 8px var(--font-family-monospace);position:relative;z-index:1}
#mml-root .mirrorAligned{border-color:#c7fa60;background:radial-gradient(circle at 30% 25%,#46744f,#315642 63%,#1c3021);color:#ceff9b;box-shadow:0 0 19px #c7fa6066}
#mml-root .mirrorTarget{min-height:38px;text-align:center;font:700 8px/1.5 var(--font-family-monospace);color:#93aec1;background:#15293a;border:1px solid #496779;border-radius:10px;padding:6px 7px;width:100%}
#mml-root .mirrorTarget small{display:block;color:#8fafc0;font-size:7px;letter-spacing:.08em}
#mml-root .mirrorTarget b{display:block;color:#d7f1c5;font-size:12px}
/* DNA */
#mml-root .dnaTarget{text-align:center;border:2px solid #698197;padding:19px 8px;background:linear-gradient(130deg,#2a304e,#152738);border-radius:15px;margin:17px 0 16px}
#mml-root .dnaTarget small{font:800 11px var(--font-family-monospace);color:#dbb4ff;display:block;margin-bottom:16px}
#mml-root .genes{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:7px;min-width:0}
#mml-root .genes b{display:grid;place-items:center;flex:0 1 39px;min-width:21px;height:43px;border:2px solid var(--gene);color:#f8faee;border-radius:10px;background:color-mix(in srgb,var(--gene),#182b3d 78%);font:900 17px var(--font-family-monospace);box-shadow:inset 0 0 9px #ffffff1b,0 0 9px color-mix(in srgb,var(--gene),transparent 80%)}
#mml-root .dnaChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#mml-root .dnaChoice{background:linear-gradient(#263b4d,#142438);border:2px solid #546e82;border-radius:12px;display:flex;flex-direction:column;gap:11px;align-items:center;padding:14px 8px;color:#e9f3f0;min-width:0}
#mml-root .dnaChoice>strong{font:850 11px var(--font-family-monospace);color:#d3b1ec}
#mml-root .dnaChoice>span:last-child{color:#c7fa60;font:800 10px var(--font-family-monospace)}
#mml-root .dnaChoice:hover{border-color:#c7fa60;background:#284653}
#mml-root .dnaChoice .genes b{height:33px;flex-basis:30px;font-size:13px}
/* Tentacle invasion: animated purple arms rise up around equipment */
#mml-root .tentacleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}
#mml-root .tentacleSlot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:162px;padding:12px 5px;position:relative;overflow:hidden;background:linear-gradient(#2e3f53,#17293b);border:2px solid #536d7a;border-radius:14px;color:#b3c9d4}
#mml-root .toolShelf{font-size:42px;position:relative;z-index:2;filter:drop-shadow(0 5px 4px #0006)}
#mml-root .tentacleSlot small{font:850 10px var(--font-family-monospace);z-index:3}
#mml-root .tentacleArm{position:absolute;bottom:-105%;left:48%;transform:translateX(-50%) rotate(15deg);height:185px;width:41px;border-radius:40% 45% 10% 10%;background:linear-gradient(95deg,#663b84,#c98fe0 55%,#6d488f);box-shadow:inset -9px 0 9px #39275d,0 0 12px #bc78dd;transition:bottom .23s;z-index:1}
#mml-root .tentacleArm>i{position:absolute;left:-7px;width:19px;height:16px;border-radius:50%;background:radial-gradient(circle,#e4b7fa,#884e9e 75%);box-shadow:0 0 0 2px #5b3482}
#mml-root .tentacleArm i:nth-child(1){top:36px}
#mml-root .tentacleArm i:nth-child(2){top:75px;left:24px}
#mml-root .tentacleArm i:nth-child(3){top:116px}
#mml-root .tentacleActive{border-color:#e1aaff;background:radial-gradient(circle at 50%,#694277,#2c354e 82%);box-shadow:0 0 24px #dba2ff7d}
#mml-root .tentacleActive .tentacleArm{bottom:-42%;animation:mml-tentacleWiggle .48s ease-in-out infinite alternate}
#mml-root .tentacleActive small{background:#462b59;padding:5px;color:#fff5cd;border-radius:7px}
@keyframes mml-tentacleWiggle{to{transform:translateX(-50%) rotate(-12deg)}}
/* Small phones and narrow embedded columns; container-size driven like the existing game */
@media(max-width:680px){
 #mml-root .newStation{padding:13px 9px 23px}#mml-root .labConsole{padding:14px 10px}
 #mml-root .repairToolbox{flex-wrap:wrap;gap:7px}#mml-root .clampTool{min-height:53px;flex:1;gap:6px;padding:7px}#mml-root .clampTool span{font-size:10px}#mml-root .clampTool small{font-size:8px}#mml-root .clampTool>b{font-size:28px}
 #mml-root .pipeReal{min-height:127px!important}#mml-root .pipeAssembly{height:65px}#mml-root .pipeJoint{width:33px;height:45px}#mml-root .pipeReal .pipeLabel{font-size:8px}#mml-root .pipeWorkshop{padding:7px}#mml-root .pipeHeader{font-size:8px}#mml-root .sealingClamp>b{width:34px;height:41px;font-size:22px}
 #mml-root .specimenScannerRow{grid-template-columns:1fr;gap:8px}#mml-root .specimenScannerMain strong{font-size:13px}#mml-root .specimenScannerMain span,#mml-root .specimenScannerSide small{font-size:9px}#mml-root .specimenBlobLarge{width:72px;height:64px}#mml-root .specimenBins{gap:6px}#mml-root .specimenBin{min-height:102px;padding:8px 4px}#mml-root .specimenBin .binBadge{width:34px;height:34px;font-size:19px}#mml-root .specimenBin strong{font-size:9px}#mml-root .specimenBin small,#mml-root .specimenBin em{font-size:7px}
 #mml-root .stackReadout{padding:8px 9px;gap:7px}#mml-root .stackReadout>small,#mml-root .stackReadout>b,#mml-root .stackReadout>div span{font-size:8px}#mml-root .stackTower{min-height:183px}#mml-root .reactorFrame{grid-template-columns:38px 1fr;gap:7px}#mml-root .reactorMeter div{width:20px}#mml-root .reactorColumn{min-height:142px;padding:9px 8px}#mml-root .placedBattery{grid-template-columns:16px 1fr 16px auto;gap:6px;padding:5px 7px}#mml-root .placedBattery b{font-size:15px}#mml-root .stackGlow{width:77px;font-size:39px}#mml-root .stackGlow span{font-size:8px}
 #mml-root .batteryTray{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#mml-root .powerBattery{min-height:68px;gap:3px;padding:4px;grid-template-columns:16px 1fr 12px 16px}#mml-root .powerBattery>b{font-size:19px}#mml-root .batteryCore{height:32px}#mml-root .batteryCap,#mml-root .batteryFoot{width:15px;height:15px;font-size:10px}
 #mml-root .freezeOrb{height:120px;font-size:50px}#mml-root .tempReadout>strong{font-size:44px}#mml-root .tempReadout>small,#mml-root .tempReadout>span{font-size:9px}#mml-root .freezeControls button{font-size:11px;gap:4px;padding:8px}
 #mml-root .laserReadout{padding:8px 9px;gap:7px}#mml-root .laserReadout>small,#mml-root .laserReadout>b,#mml-root .laserReadout>div span{font-size:8px}#mml-root .laserStage{gap:4px;padding:10px 4px;min-height:190px}#mml-root .laserEmitter,#mml-root .laserReceiver{font-size:20px;max-width:36px;min-width:34px;padding:7px 2px}#mml-root .laserLens,#mml-root .receiverBullseye{width:20px;height:20px}#mml-root .laserEmitter small,#mml-root .laserReceiver small{font-size:6px}#mml-root .laserMirrors{gap:3px;grid-template-columns:repeat(auto-fit,minmax(46px,1fr))}#mml-root .beamNode{width:9px;height:9px}#mml-root .mirrorDial{min-height:60px;border-width:3px}#mml-root .mirrorDial>span{font-size:26px}#mml-root .mirrorTarget{font-size:7px;padding:4px}
 #mml-root .dnaChoices{gap:6px}#mml-root .dnaChoice{padding:9px 3px}#mml-root .genes{gap:3px}#mml-root .genes b{min-width:19px;height:32px;font-size:12px;border-radius:6px}#mml-root .dnaChoice .genes b{min-width:17px;height:26px;font-size:10px}
 #mml-root .tentacleGrid{gap:7px}#mml-root .tentacleSlot{min-height:115px}#mml-root .toolShelf{font-size:29px}#mml-root .tentacleSlot small{font-size:8px}
 #mml-root .counterRibbon{font-size:9px}#mml-root .counterRibbon b{font-size:13px}#mml-root .subHead{font-size:8px}
}
@container mml-inline (max-width:680px){
 #mml-root .newStation{padding:13px 9px 23px}#mml-root .labConsole{padding:14px 10px}
 #mml-root .specimenBins{gap:5px}#mml-root .specimenBin strong{font-size:9px}#mml-root .specimenBin{min-height:95px}
 #mml-root .pipeReal{min-height:127px!important}#mml-root .pipeAssembly{height:65px}#mml-root .pipeJoint{width:33px;height:45px}#mml-root .pipeReal .pipeLabel{font-size:8px}#mml-root .pipeWorkshop{padding:7px}
 #mml-root .batteryTray{grid-template-columns:repeat(3,minmax(0,1fr))}
 #mml-root .mirrorDial{min-height:60px;border-width:3px}#mml-root .mirrorDial>span{font-size:26px}#mml-root .laserStage{gap:4px;padding:10px 4px}
 #mml-root .dnaChoices{gap:6px}#mml-root .genes{gap:3px}#mml-root .genes b{min-width:19px;height:32px;font-size:12px}#mml-root .dnaChoice .genes b{min-width:17px;height:26px;font-size:10px}
 #mml-root .tentacleGrid{gap:7px}#mml-root .tentacleSlot{min-height:115px}#mml-root .toolShelf{font-size:29px}
}
@media(prefers-reduced-motion:reduce){#mml-root .slimeSpray i,#mml-root .tentacleArm,#mml-root .sealingClamp>b{animation-duration:.01ms!important}}