.radio{display:flex;align-items:center;gap:12px;margin:0 26px 14px;padding:10px 16px;background:#0d2634;border-inline-start:3px solid #42d7e9;min-height:62px}.radio p{flex:1;margin:0;font-size:12px;line-height:1.8}.radio button{background:#173746;border:1px solid #36576a;border-radius:4px;padding:7px;font-size:10px}.stage{left:2%;right:2%;bottom:35px;height:340px;direction:ltr}.chassis{position:absolute;left:13%;right:10%;top:33%;bottom:7%;border:3px solid #8499a4;border-radius:13px 13px 20px 20px;background:linear-gradient(165deg,#b6c4cbaa,#334957dd 20%,#132631 72%,#8d9ca5);box-shadow:0 18px 4px #02090dbb,inset 0 2px 1px #effaff,inset 0 -12px 0 #0a1b25;transform:skewY(-2deg);z-index:0}.chassis:before,.chassis:after{content:'';position:absolute;left:5%;right:5%;height:5px;background:linear-gradient(#a7bac6,#172a38);box-shadow:0 3px 5px #0008;top:25%}.chassis:after{top:72%}.chassis-brand{position:absolute;bottom:6%;left:8%;font:600 10px Arial;letter-spacing:2px;color:#a9c5d5}.assembled{position:absolute;transform:translate(-50%,-50%);width:20%;height:48%;pointer-events:none;z-index:2;filter:drop-shadow(0 8px 3px #0008);animation:mount-in .25s ease-out}.assembled img{width:100%;height:100%;object-fit:contain}.assembled.solar{width:37%;height:50%;z-index:1}.assembled.battery{width:21%;height:31%}.assembled.controller{width:19%;height:27%}.assembled.pump{width:23%;height:34%}.assembled.gravity{height:51%;width:21%}.component-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:#081c2ad9;padding:2px 5px;color:#cbe7f6;font-size:8px;border-radius:3px}.fixed-unit{position:absolute;transform:translate(-50%,-50%);border:2px solid #82a9b8;width:10%;height:36%;border-radius:6px 6px 15px 15px;background:linear-gradient(90deg,#aacbda44,#071b22aa,#d0e5ec55);overflow:hidden;z-index:2;box-shadow:inset 0 0 8px #adceeb44,0 8px 9px #0007}.fixed-unit span{position:absolute;z-index:2;font-size:8px;width:100%;text-align:center;top:8px}.liquid{position:absolute;bottom:0;width:100%;background:linear-gradient(#3bccf2a0,#086794d9);transition:height .3s;border-top:2px solid #9beaef}.source .liquid{background:linear-gradient(#9576509c,#594627e0);border-color:#b79f6e}.bus{width:12%;height:18%;border-radius:5px;background:linear-gradient(#233c4c,#081821);border:2px solid #9eaaae}.bus span{color:#ffcc73;top:6px}.port{position:absolute;transform:translate(-50%,-50%);z-index:5;width:23px;height:23px;border:2px solid #acf1ff;border-radius:50%;padding:0;background:#07465e;color:#bdefff;font:700 17px Arial;box-shadow:0 0 0 3px #082130cc}.port.power{background:#5a3813;border-color:#ffd089;color:#ffd089;font-size:12px}.port.active{outline:3px solid white;outline-offset:4px}.port.linked{box-shadow:0 0 10px #3ae8ff88;background:#1386a5}.port.power.linked{background:#ad752b;box-shadow:0 0 10px #ffd08966}.connections{z-index:4;pointer-events:none}.wire{stroke-width:5;stroke:#efb75a;filter:drop-shadow(0 2px 1px #02070a);stroke-linecap:round}.wire.water{stroke-width:8;stroke:#76cddd}.testing .wire.water{stroke-dasharray:11 8;stroke:#9df5ff}.testing .wire.electric{stroke:#ffe290;stroke-dasharray:none;filter:drop-shadow(0 0 5px #ffce58)}.mount{position:absolute;transform:translate(-50%,-50%);width:23%;height:30%;z-index:7;background:#32d6eb33;border:2px dashed #8aefff;border-radius:8px;color:white;font-size:10px;box-shadow:0 0 24px #26cfee55;animation:mount-pulse 1s infinite alternate}.sim-info{top:14%;padding:5px 18px;min-width:160px}.sim-info strong{font-size:25px}.scanline{opacity:.2}.scene{height:520px}.scene-caption{font-size:9px}.challenge-note{top:58px}.scene-vignette{background:linear-gradient(#06111ca0,#071b2844 35%,#06111c99)}#circuit-status{font-size:10px;color:#83d9e8;text-align:center;margin:8px 0 0}.flow-heading small{max-width:65%}#story{padding:0;width:min(780px,94vw);border:1px solid #558391;border-radius:14px;overflow:auto}#story .story-art{height:190px;background:linear-gradient(0deg,#0c202e,transparent),url('./workbench.webp') center 45%/cover}#story .story-body{padding:10px 36px 30px}#story h2{font-size:30px;line-height:1.5}#story p{font-size:15px;min-height:90px}.story-target{display:flex;gap:12px;direction:ltr;margin:24px 0}.story-target span{flex:1;padding:12px;border:1px solid #365366;background:#0a1924;text-align:center;color:#92e6f1;font:600 24px 'Barlow Condensed',Arial}#story-next{min-height:48px;width:100%;background:linear-gradient(#157791,#10495d);border-color:#4bd8ed}#story-skip{display:block;margin:12px auto 0;background:none;border:0;color:#89aab9;font-size:12px}@keyframes mount-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@keyframes mount-pulse{to{background:#32d6eb66}}@media(min-width:1550px){.stage{height:420px}.scene{height:610px}}@media(max-width:1150px){.arena{grid-template-columns:185px minmax(390px,1fr)}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.stage{height:340px}}@media(max-width:700px){.arena{display:flex;flex-direction:column}.inventory{width:100%;order:1}.work-area{order:0}.right-rail{order:2;display:grid;grid-template-columns:1fr 1fr}.weather{display:none}#parts{display:grid;grid-template-columns:repeat(3,1fr)}.part{width:auto;flex-direction:column;text-align:center}.radio{margin:0 10px 10px;gap:6px;padding:9px}.radio p{font-size:10px}.radio button{font-size:8px}.scene{height:410px}.stage{height:280px;bottom:30px}.port{width:22px;height:22px}.component-caption{font-size:6px}.fixed-unit span{font-size:6px}.chassis-brand{font-size:7px}.flow-heading small{max-width:100%}#story .story-body{padding:8px 22px 20px}#story h2{font-size:23px}#story p{font-size:13px}#story .story-art{height:130px}}
.testing:not(.flowing) .wire.water{animation:none;stroke-dasharray:none;stroke:#577b88}.testing:not(.flowing) .tank .liquid{height:0!important}
@media(max-width:560px){.score-row{grid-template-columns:58px minmax(0,1fr) 30px;gap:4px}.score-row b{font-size:15px}.scores #total{font-size:18px}.scores h2{gap:5px;font-size:11px}.scores h2>span:first-child{display:none}}
/* HYDRO-01 guided assembly: one coherent front elevation, not floating art. */
.guide{background:#0d2735;border:1px solid #365767;margin-bottom:12px;padding:14px;direction:inherit}.build-steps{display:flex;gap:4px;justify-content:space-between}.build-steps span{flex:1;text-align:center;color:#789dad;border-bottom:3px solid #2c4859;padding:6px 2px;font-size:11px}.build-steps .current{color:#9cedf6;border-color:#5fd9eb}.build-steps .done{color:#7dd9b1;border-color:#409f89}.guide-copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guide-copy p{flex-basis:100%;font-size:12px;line-height:1.9;margin:12px 0 6px}.guide button{padding:8px 12px;font-size:11px;border-radius:4px}.solution-link{border:0;background:none;color:#9be6f0;text-decoration:underline}.scene{height:590px;background-position:center;background-size:cover}.stage{inset:86px 0 25px;height:auto;direction:ltr}.stage #machines{position:absolute;inset:0}.product-drawing{display:block;width:100%;height:100%;overflow:visible}.empty-bay{fill:#0a202a66;stroke:#668294;stroke-width:2;stroke-dasharray:6 5}.scene-vignette{background:linear-gradient(#05162299,#071926a8)}.device-line.running.wet{stroke-dasharray:12 8;animation:flow 1s linear infinite}.rotor{animation:rotate 1s linear infinite}.scene-caption{bottom:8px;font-size:9px}.challenge-note{top:44px;right:18px}.challenge-note b{font-size:20px}.challenge-note span{display:none}.sim-info{top:40px;left:50%;transform:translateX(-50%);padding:5px 12px;background:#062330;min-width:170px}.sim-info strong{font-size:21px}.scanline{display:none}.scene-heading{top:10px}.flow-panel{padding:14px}#flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:inherit;align-items:start}.ordered-stages{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;direction:ltr;justify-content:center}.route-group{padding:10px;border:1px solid #31596b;border-radius:6px;background:#091c28}.route-group.power{border-color:#695438}.route-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.route-heading b{font-size:11px}.route-heading button{font-size:10px;padding:7px;border-radius:4px;white-space:nowrap}.route-connect{background:#16465a;border:1px solid #63cbdd}.power .route-connect{background:#57411f;border-color:#b6945f}.route-done{background:#153e35;color:#8ee3bb;border:1px solid #3b8b6c}.route-row{display:flex;gap:7px;font-size:10px;margin-top:9px;color:#829ba9;line-height:1.6}.route-row.linked{color:#bce9ed}.route-row>span:first-child{color:#77d6bd}.route-list p{font-size:10px;color:#8aa6b3}.readiness-title{font-size:11px;line-height:1.8;padding:0 13px;color:#92b6c9}.readiness-check{font-size:11px;padding:8px 13px;border-top:1px solid #1a3445}.readiness-check.ok{color:#92dfb9}.readiness-check.pending{color:#c5a87b}.scores #total{font-size:18px;white-space:nowrap}.score-row{grid-template-columns:80px minmax(0,1fr) 40px;gap:6px}.score-row b{font:600 14px Arial}.target-results{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.target-results>div{padding:12px 6px;border:1px solid #506778;background:#0e2330;text-align:center}.target-results .pass{border-color:#387e69}.target-results .fail{border-color:#a5684b}.target-results span{display:block;font-size:10px;color:#aec7d3}.target-results strong{display:block;font-size:18px;margin-top:7px;direction:ltr}.result-explanation{padding:12px;background:#102633;border:1px solid #2c4a5c}.result-explanation h3{margin:0;font-size:14px}.result-explanation ul{margin:6px 0}.feedback>button{padding:10px 16px;border-radius:5px;margin-top:10px}.right-rail .scores{order:-1}#solution button{padding:10px 14px;margin:6px}.radio p{font-size:12px}html[dir=rtl] .guide,html[dir=rtl] #flow{direction:rtl}.feedback .timeline{margin:10px 0}.score-row span{line-height:1.6}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1550px){.scene{height:680px}}@media(max-width:1150px){.right-rail{grid-template-columns:1fr 1fr}.right-rail .weather{display:none}.scene{height:560px}.score-row{grid-template-columns:90px minmax(0,1fr) 44px}}@media(max-width:700px){.scene{height:410px}.stage{inset:80px 0 20px}.guide{padding:9px}.build-steps span{font-size:9px}.guide-copy p{font-size:11px}.radio p{font-size:10px}.right-rail{grid-template-columns:1fr}.score-row{grid-template-columns:100px minmax(0,1fr) 46px;padding:10px 14px}.scores h2{font-size:14px}.scores #total{font-size:23px}.route-heading{flex-direction:column;align-items:stretch}.route-heading button{white-space:normal}.route-row{font-size:9px}.flow-panel{padding:10px}.target-results strong{font-size:15px}.target-results span{font-size:9px}.scene-caption span{max-width:80%}.guide-copy button{font-size:10px}.sim-info{min-width:140px;top:41px}.sim-info span{font-size:8px}.sim-info strong{font-size:16px}.challenge-note b{font-size:16px}}
.guide-ready{font-size:11px;color:#85d9ba;border-top:1px solid #2c4e5f;margin-top:10px;padding-top:8px}