:root{font-family:system-ui,sans-serif;color:#e6eefc;background:#0b1226;--border:#283653;--cyan:#53e0cc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#1b2c50,transparent 65%),#0b1226}main{max-width:1250px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(26px,4vw,42px);margin:6px 0;letter-spacing:-1px}h2{font-size:22px;margin:6px 0}p{line-height:1.6}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:var(--cyan);margin:0}.badge{font-size:12px;border:1px solid #3d516e;background:#22334d;border-radius:30px;padding:8px 12px;white-space:nowrap}button,select{font:inherit}button{border:0;background:var(--cyan);color:#092c34;padding:11px 15px;border-radius:10px;font-weight:800;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.1)}button:focus-visible,select:focus-visible{outline:3px solid #ffd074;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.subtle{background:#293850;color:#e6eefc;border:1px solid #40516b}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}nav button{background:#17253e;color:#d3dff3;border:1px solid var(--border);min-width:43px}nav button.selected{border-color:var(--cyan);color:var(--cyan)}nav button.done:after{content:' ✓';color:var(--cyan)}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.panel{border:1px solid var(--border);border-radius:22px;padding:22px;background:#121e35;box-shadow:0 15px 45px #03081544}.mission-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.mission-head .badge{font-size:11px}#brief{color:#bdcbe1;margin:12px 0 18px;min-height:50px}#map{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;background:#091125;border-radius:17px;padding:10px;max-width:540px;margin:auto}.cell{aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:8px;background:#24334d;border:1px solid #31435d;font-size:clamp(19px,3vw,29px)}.cell.wall{background:repeating-linear-gradient(135deg,#364c66 0,#364c66 7px,#2b3f57 7px,#2b3f57 14px);border-color:#64748b}.cell.goal{background:#254c4f;border-color:#53e0cc}.cell .energy{position:absolute;font-size:23px}.cell .robot{position:absolute;z-index:2;font-size:32px;filter:drop-shadow(0 3px 2px #0008)}.cell .heading{position:absolute;right:1px;bottom:0;color:#feda80;font-size:17px;font-weight:900;z-index:3}.legend{font-size:12px;color:#a5b6d0;margin-top:15px;text-align:center}#status{background:#1e304a;border-left:3px solid var(--cyan);padding:12px;border-radius:8px;min-height:70px;font-size:14px}.muted{color:#9fafd0;font-size:13px}#palette{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.block{display:flex;gap:10px;align-items:center;border-radius:9px;padding:10px 12px;font-size:14px;background:#3678b9;color:white;border:1px solid #70a3d9;box-shadow:0 3px 0 #153c68}.block.turn{background:#7951b8;border-color:#b595e3}.block.collect{background:#b97a22;border-color:#e9b860}.block.loop{background:#136d66;border-color:#55bdb0}.block[draggable=true]{cursor:grab}.program-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.program-head h3{font-size:15px;margin:0}.program-head span{font-size:12px;color:#a4b4c8}#program{min-height:190px;border:2px dashed #415370;border-radius:13px;padding:12px;max-height:550px;overflow:auto}.empty{font-size:13px;text-align:center;color:#9aadc9;padding:20px}.node{margin:0 0 10px}.node>.block{justify-content:space-between;flex-wrap:wrap}.node.active>.block{outline:3px solid #ffe297;box-shadow:0 0 15px #ffe29777}.mini{display:inline-flex;gap:4px}.mini button{padding:3px 7px;border:1px solid #ffffff55;background:#0a172b44;color:white;font-size:12px}.loop-body{min-height:60px;margin:8px 0 0 15px;border-left:3px solid #55bdb0;padding:8px 0 1px 12px;background:#0e192b;border-radius:0 0 10px 10px}.loop-body.chosen{outline:2px solid #ffd074}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.speed{display:block;margin:16px 0;font-size:13px;color:#acbcd3}select{background:#20334e;color:white;border:1px solid #536880;border-radius:6px;padding:5px}details{font-size:13px;color:#b8c8df;border-top:1px solid var(--border);padding-top:15px}summary{cursor:pointer;font-weight:750}footer{color:#8297b8;font-size:12px;margin-top:25px}#next{margin-top:5px}@media(max-width:850px){.layout{grid-template-columns:1fr}main{padding:16px}header{display:block}header>.badge{display:inline-block;margin-top:4px}.panel{padding:17px}.cell{font-size:26px}.cell .robot{font-size:30px}#brief{min-height:0}#map{max-width:420px}.mission-head{flex-wrap:wrap}#program{max-height:450px}}

/* V2: asociación visual estable en paleta y programa */
.block.forward{background:#17723e;border-color:#74d49a;box-shadow:0 3px 0 #0a4023}.block.backward{background:#ac2939;border-color:#f19ba6;box-shadow:0 3px 0 #681a25}.block.left{background:#7440a8;border-color:#c3a0e6;box-shadow:0 3px 0 #40235e}.block.right{background:#245bad;border-color:#91b7f2;box-shadow:0 3px 0 #173764}.block.collect{background:#795208;border-color:#e1b961}.block.loop{background:#146d73;border-color:#71cfd5}.command-icon{font-size:30px;line-height:1;min-width:32px;text-align:center;display:inline-block;vertical-align:middle;margin-right:8px;font-weight:900}.node>.block>span:first-child{display:flex;align-items:center}.cell{background:#172b4888;border-color:#ceeaff55;box-shadow:inset 0 0 10px #d8edff11}.cell.goal{background:#146d5daa}.cell.wall{background:repeating-linear-gradient(135deg,#657c9a 0,#657c9a 7px,#31496e 7px,#31496e 14px)}#map{background-size:cover;background-position:center;padding:12px;border:1px solid #587397}.cell .robot{width:85%;height:90%;display:grid;place-items:center;bottom:3%}.robot img{width:100%;height:100%;object-fit:contain}.cell .heading{display:grid;place-items:center;background:#ffdf69;color:#12233e;border:2px solid #fff2ba;border-radius:7px;right:-3px;bottom:-3px;width:29px;height:29px;font-size:24px;line-height:1;box-shadow:0 2px 5px #0008}.legend{line-height:1.6}#success[hidden]{display:none}#success{position:fixed;inset:0;z-index:100;background:#07132be8;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;backdrop-filter:blur(5px)}.success-card{width:100%;max-width:500px;background:linear-gradient(145deg,#24375c,#12233c);border:2px solid #68e5ca;border-radius:28px;padding:30px;text-align:center;box-shadow:0 0 80px #42dfb52b}.success-icon{font-size:65px}.success-card h2{font-size:clamp(30px,6vw,42px);color:#8cf3d5}.success-card button{display:block;width:100%;margin-top:14px;padding:14px}.success-card p{color:#c7d9ed}@media(max-width:600px){.command-icon{font-size:29px;min-width:30px}.cell .heading{width:25px;height:25px;font-size:21px}.success-card{padding:24px}}

.success-icon img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 8px 12px #0004)}.cell .robot{width:93%;height:96%;bottom:1%}.cell .heading{z-index:5}