.robo-page{max-width:1180px}.robo-shell{background:#100d18;border:1px solid #403452;border-radius:18px;padding:24px;margin-bottom:34px}.robo-top,.robo-actions,.robo-program{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.robo-top h2{margin:0;font-size:1.25rem}.robo-top label{display:flex;align-items:center;gap:10px;font-weight:800}.robo-top select,.robo-shell button{min-height:44px;border:1px solid #654f7d;border-radius:8px;background:#1d1728;color:#f8f5ff;padding:9px 13px}.robo-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;border:1px solid #3a3047;border-radius:10px;overflow:hidden}.robo-stats>div{padding:13px 14px;background:#171220;border-right:1px solid #3a3047}.robo-stats>div:last-child{border-right:0}.robo-stats small{display:block;color:#a99db7;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.robo-stats strong{font-size:1.08rem;font-variant-numeric:tabular-nums}.robo-stage{width:min(100%,650px);margin:18px auto;padding:12px;background:#09070e;border:1px solid #3b304b;border-radius:14px}.robo-board{--r:7;display:grid;grid-template-columns:repeat(var(--r),minmax(0,1fr));gap:3px}.robo-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #2d2538;border-radius:5px;background:#17121f;color:#f8f5ff;overflow:hidden}.robo-cell.wall{background:#08070b;border-color:#19151f}.robo-cell.path:after{content:'';position:absolute;inset:32%;border-radius:2px;background:#282032}.robo-cell.goal{background:#12382a;border-color:#48d99a}.robo-cell.battery{color:#ffd46f}.robo-cell.switch{border-color:#ad85eb}.robo-cell.gate{background:#352044;border-color:#caabff}.robo-cell.gate.open{background:#173126;border-color:#69dfaa}.robo-cell.conveyor{color:#cab0ff}.robo-icon{position:relative;z-index:2;font-size:clamp(.8rem,2.5vw,1.4rem);font-weight:900;text-shadow:0 0 8px #0a0710}.robo-unit{position:absolute;z-index:4;width:58%;height:58%;display:grid;place-items:center;border-radius:8px;background:#b39aff;color:#110d18;font-size:clamp(.75rem,2.4vw,1.25rem);font-weight:1000;box-shadow:0 0 14px #b39aff99;transition:transform .16s ease}.robo-program{align-items:flex-start;margin-top:18px;padding:14px;background:#171220;border:1px solid #3a3047;border-radius:10px}.robo-program>div{min-width:0;flex:1}.robo-program span{display:block;color:#a99db7;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.robo-program output{display:flex;gap:6px;min-height:34px;align-items:center;overflow-x:auto;padding:6px 0}.robo-token{flex:0 0 auto;display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:1px solid #6e5786;border-radius:6px;background:#241a30;color:#fff;font-size:.78rem;font-weight:900}.robo-commands{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.robo-commands button{display:grid;place-items:center;gap:2px}.robo-commands b{font-size:1.25rem}.robo-commands span{font-size:.72rem}.robo-status{text-align:center;min-height:28px;color:#d6c8e9;margin:12px auto 18px}.robo-actions{justify-content:center}.robo-actions .primary{background:#b39aff;color:#130d1c;border-color:#b39aff;font-weight:850}.robo-shell button:disabled{opacity:.42}.robo-note{color:#a99db7;text-align:center;font-size:.84rem;line-height:1.55}.robo-lower{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}@media(max-width:760px){.robo-shell{padding:16px 12px}.robo-stats{grid-template-columns:repeat(2,1fr)}.robo-stats>div:nth-child(even){border-right:0}.robo-stats>div:nth-child(-n+2){border-bottom:1px solid #3a3047}.robo-commands{grid-template-columns:repeat(3,1fr)}.robo-actions button{flex:1 1 42%}.robo-lower{grid-template-columns:1fr}.robo-stage{padding:7px}.robo-board{gap:2px}}@media(max-width:390px){.robo-cell{border-radius:3px}.robo-unit{border-radius:5px}.robo-commands span{font-size:.66rem}}