body.edu-robot-page{font-family:system-ui;background:#f2f7fc;color:#193650;margin:0}#edu-robot-title{background:#eaf4fa;color:#3c687f;padding:18px 22px}#edu-robot{max-width:1050px;margin:auto;padding:18px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:700px){.cols{grid-template-columns:1fr}}#edu-robot section{background:white;border-radius:14px;padding:18px;margin:12px 0}#edu-robot button,#edu-robot select,#edu-robot input{font:inherit;padding:9px;margin:3px;border-radius:7px}#edu-robot button{cursor:pointer;border:1px solid #adc6df;background:#e4f0fc}.grid{display:block;width:100%;max-width:620px;background:linear-gradient(160deg,#d7eaf5,#f2f7ff);border-radius:16px;overflow:hidden;touch-action:none}.grid svg{display:block;width:100%;height:auto}.tile{cursor:pointer;stroke:#b6d3e3;stroke-width:1.4}.tile:hover{filter:brightness(1.1)}#robotSprite{transition:transform .34s cubic-bezier(.2,.8,.3,1)}.cell{aspect-ratio:1;font-size:clamp(15px,3vw,27px);padding:0;margin:0;background:#eaf2fb}.wall{background:#9daebd}.goal{background:#ffe7a0}.block{background:#d6e9fc;border-left:5px solid #2765a1;padding:8px;margin:5px 0;border-radius:8px;cursor:grab}.workspace{border:2px dashed #a5c3dc;padding:10px;min-height:80px}.primary{background:#14649c;color:white}#status{font-weight:bold}
#edu-robot .grid canvas{width:100%;height:auto;display:block}#edu-robot .grid{max-width:650px;touch-action:none}
#edu-robot button:focus-visible,#edu-robot input:focus-visible,#edu-robot select:focus-visible{outline:3px solid #f29d45;outline-offset:2px}
#edu-robot .workspace{min-height:95px}#edu-robot .block{touch-action:pan-y}
#edu-robot button{min-height:42px}#edu-robot select{max-width:100%}