:root{font-family:'Segoe UI',Arial,sans-serif;color:#173f60;background:#def5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 6% 30%,#fff9 0,transparent 35%),#def5ff}button{font:inherit;font-weight:750;border:0;cursor:pointer;min-height:50px;border-radius:17px;padding:12px 17px;color:#234661;transition:transform .15s,box-shadow .15s;touch-action:manipulation}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 #173f6018}button:focus-visible{outline:4px solid #176bc9;outline-offset:3px}button:disabled{opacity:.5;cursor:default}header{max-width:1160px;margin:auto;display:flex;align-items:center;gap:16px;padding:26px 24px}h1{font-size:clamp(27px,4vw,42px);margin:0;letter-spacing:-1px}header p{margin:4px 0}.brand-icon{font-size:38px;background:white;padding:13px;border-radius:24px}.badge{margin-left:auto;background:#fff8;padding:12px;border-radius:30px;font-size:13px;font-weight:700}main{max-width:1112px;margin:auto;padding:0 20px}nav{display:flex;gap:12px}.level{flex:1;background:#fff9;border:3px solid transparent}.level.selected{background:#fff3b5;border-color:#f8c54e}.intro{display:flex;gap:15px;margin:22px 0;padding:18px 22px;background:#fff;border-radius:22px}.intro>span{font-size:34px}h2{font-size:21px;margin:0 0 7px}p{line-height:1.5;margin:4px 0}.small{font-size:14px;color:#527389}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.kitchen,.program{background:white;border-radius:26px;padding:22px;box-shadow:0 7px 0 #9ed9ed55}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}#cargo{font-size:13px;background:#e9f8ff;padding:8px;border-radius:12px}#board{position:relative;aspect-ratio:1;background:#d3edf5;border:6px solid #b9e0eb;border-radius:20px;overflow:hidden}#cells{display:grid;grid-template-columns:repeat(5,1fr);height:100%;gap:3px}.cell{position:relative;background:#f3fcff;display:grid;place-items:center;font-size:clamp(24px,4vw,42px);border-radius:8px}.cell:nth-child(even){background:#e6f7fc}.cell.target{background:#fff0b5}.cell.wall{background:#b8d4dd}.item{filter:drop-shadow(0 2px 0 #0001)}#robot{position:absolute;width:20%;height:20%;left:0;top:0;display:flex;align-items:center;justify-content:center;transition:left .5s ease,top .5s ease;z-index:2;pointer-events:none}#robot img{width:76%;height:88%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 3px 2px #17567635)}#direction{position:absolute;right:0;bottom:0;background:#386fee;color:white;border:2px solid white;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:transform .3s}#held{position:absolute;left:0;bottom:0;font-size:25px}.legend{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:15px}.program h2{display:flex;justify-content:space-between;align-items:center}#count{font-size:13px;color:#6a8597}.commands{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.commands button{background:#e9f1ff}.commands button:first-child{grid-column:1/-1;background:#d9f4ea}.commands button:nth-last-child(-n+2){background:#fff0c9}#queue{display:flex;align-content:flex-start;flex-wrap:wrap;gap:7px;min-height:122px;max-height:228px;overflow:auto;padding:12px;list-style:none;background:#f2f8fc;border:2px dashed #c9dfe9;border-radius:17px;margin:0 0 10px}#queue:empty:before{content:'Тут з’являться твої команди ✨';font-size:14px;color:#718c9c;margin:auto;text-align:center}#queue button{min-height:39px;padding:7px 10px;font-size:13px;background:white;border-radius:11px;border:2px solid #dfebf3}#queue .active{background:#ffe08c;border-color:#e5a935}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.actions button{flex:1;padding:12px 10px;font-size:14px}#run{background:#4077eb;color:white}#replay{background:#e5eafe}#clear{background:#ffe8e4}#status{background:#fff8;margin-top:22px;border-radius:20px;padding:18px;text-align:center;font-weight:750;font-size:18px;min-height:60px}#status.win{background:#d7f8d7}#status.error{background:#ffead2}footer{text-align:center;padding:22px 0;color:#55788d;font-size:13px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.badge{display:none}header{padding:20px}nav{gap:5px}.level{padding:10px 5px;font-size:13px}.intro{padding:15px}.kitchen,.program{padding:16px}main{padding:0 12px}#board{max-width:480px;margin:auto}.cell{font-size:36px}#queue{min-height:95px}.brand-icon{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Smoothie kitchen */
#robot img{mix-blend-mode:normal;width:95%;height:100%;object-fit:cover;object-position:center 48%}#robot.at-blender img{opacity:.35}#mission-fruit{font-size:54px;align-self:center}.smoothie-station{display:flex;align-items:center;gap:25px;background:#fff;border-radius:24px;padding:22px 28px;margin-top:22px;min-height:160px}.smoothie-station p{color:#527389}.blender-art{width:76px;height:112px;position:relative;flex-shrink:0;transform-origin:center bottom}.lid{height:9%;background:#5578a2;border-radius:7px 7px 2px 2px;width:76%;margin:auto}.jug{position:relative;height:64%;width:72%;margin:auto;border:4px solid #7daec5;border-top:0;border-radius:2px 2px 15px 15px;background:#eafaff;overflow:hidden}.juice{position:absolute;bottom:0;width:100%;height:0;background:var(--smoothie-color,#f37fa5);transition:height .6s;border-radius:40% 30% 0 0}.motor{height:26%;background:#688ce8;border-radius:8px 8px 12px 12px;color:#ffe393;text-align:center;font-size:19px;line-height:1.3}.swirl{display:none;position:absolute;inset:20% 0;text-align:center;color:#fff;font-size:30px}#ingredient{position:absolute;inset:6px 0;text-align:center;font-size:28px}.mini{width:65%;height:80%;max-width:60px;max-height:80px}.mini .jug{border-width:3px}.mini .motor{font-size:12px}.mixing.blender-art,.mixing .blender-art{animation:blend-shake .12s infinite alternate}.mixing .juice,.ready .juice{height:74%}.mixing .swirl{display:block;animation:swirl .5s linear infinite}.mixing #ingredient{animation:ingredient-spin .7s linear infinite}.smoothie{visibility:hidden;opacity:0;position:relative;width:75px;flex-shrink:0;text-align:center;margin-left:auto;transform:scale(.5) translateY(15px)}.smoothie.visible{visibility:visible;opacity:1;transform:scale(1);animation:glass-pop .6s ease-out}.glass{position:relative;height:82px;border:4px solid #98c8db;background:linear-gradient(to top,var(--smoothie-color) 0 85%,#f5fcff 85%);border-radius:6px 6px 19px 19px;color:white;font-size:33px;display:grid;place-items:center}.straw{position:absolute;width:7px;height:47px;background:#e96d99;right:13px;top:-19px;transform:rotate(12deg);border-radius:4px;z-index:1}.smoothie strong{font-size:12px}.target.ready{box-shadow:inset 0 0 0 3px #72bd85}@keyframes blend-shake{from{transform:rotate(-3deg) translateX(-1px)}to{transform:rotate(3deg) translateX(1px)}}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes ingredient-spin{to{transform:translateY(23px) rotate(360deg);opacity:0}}@keyframes glass-pop{0%{opacity:0;transform:scale(.3) translateY(20px)}70%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}@media(max-width:760px){.smoothie-station{gap:14px;padding:18px 14px}.smoothie-station h2{font-size:18px}.smoothie-station p{font-size:13px}.blender-art{width:57px;height:92px}.mini{width:65%;height:80%}.smoothie{width:55px}.glass{height:70px}.level{font-size:12px}#mission-fruit{font-size:43px}}@media(prefers-reduced-motion:reduce){.mixing.blender-art,.mixing .blender-art,.mixing .swirl,.mixing #ingredient,.smoothie.visible{animation:none}}