:root{color:#243b48;font-synthesis:none;background:#eef4f3;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:#243b48;background:#fff;border:1px solid #bacbc9;border-radius:12px}button{cursor:pointer;touch-action:manipulation;min-height:46px}button:hover{background:#e0f3ed;border-color:#3c8f80}button:active{background:#c1e7db}button:disabled{opacity:.45;cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #2378b0}[hidden]{display:none!important}#app{max-width:1100px;margin:auto;padding:24px 32px 12px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#52776d;letter-spacing:.16em;margin:0 0 6px;font-size:11px;font-weight:700}h1{margin:0;font-size:clamp(18px,3vw,28px)}h2{margin:0;font-size:16px}.level-picker{white-space:nowrap;font-size:13px}select{margin-left:5px;padding:10px}main{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:32px;display:grid}.board-panel{min-width:0}.board-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}#batteries{white-space:nowrap;font-size:14px;font-weight:600}#board{aspect-ratio:1;background:#dce7e5;border-radius:14px;width:min(100%,100svh - 210px);margin:auto;overflow:hidden}#board canvas{display:block;width:100%!important;height:100%!important}#status{text-align:center;min-height:20px;margin:10px 0 0;font-size:13px}#hint{margin:0 0 18px;font-size:15px;line-height:1.5}.controls{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,58px);justify-content:center;gap:6px;display:grid}.controls button{font-size:25px;font-weight:600}[data-direction=up]{grid-area:1/2}[data-direction=left]{grid-area:2/1}[data-direction=right]{grid-area:2/3}[data-direction=down]{grid-area:3/2}.control-center{color:#7faaa1;grid-area:2/2;place-items:center;display:grid}.actions{gap:8px;margin-top:16px;display:flex}.actions button{flex:1}.keyboard-note{color:#627d83;text-align:center;font-size:12px;line-height:1.6}.legend{border-top:1px solid #ceddda;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0 0;font-size:12px;list-style:none;display:grid}.legend li{align-items:center;gap:8px;display:flex}.legend i{border:2px solid #426472;border-radius:4px;width:16px;height:16px;display:inline-block}.robot{background:#59b7ed}.battery{background:#f4d268}.crate{background:#d59b6b}.legend .plate{background:#d7c2f1;border-color:#956bc4}.door{background:#9e7bc6}.exit{background:#71ccad}#victory{background:#d9f2e7;border-radius:12px;margin-bottom:14px;padding:12px;font-size:14px}#next{width:100%;margin-top:10px}footer{color:#68837c;text-align:center;margin-top:18px;font-size:12px}@media (width>=701px) and (height<=600px){#app{padding:10px 24px}header{margin-bottom:10px}main{grid-template-columns:minmax(0,1fr) 270px;gap:16px}#board{width:min(100%,100svh - 145px)}#hint{margin-bottom:8px;font-size:12px}.controls{grid-template-rows:repeat(3,44px);gap:3px}.controls button{min-height:44px}.actions{margin-top:8px}.legend,.keyboard-note,footer{display:none}#victory{margin-bottom:6px;padding:6px}#next{min-height:44px;margin-top:4px}}@media (width<=700px){#app{padding:12px 16px 8px}header{gap:6px;margin-bottom:12px}.eyebrow{letter-spacing:.1em;font-size:8px}.level-picker{font-size:0}select{max-width:110px;font-size:13px}h1{font-size:18px}h2{font-size:14px}#batteries{font-size:12px}main{flex-direction:column;gap:8px;display:flex}.board-panel,aside{width:100%}.board-heading{margin-bottom:8px}#board{width:min(100%,max(160px,100svh - 346px))}#app:has(#victory:not([hidden])) #board{width:min(100%,max(150px,100svh - 410px))}#status{margin-top:6px;font-size:12px}aside{grid-template-columns:1fr 1fr;align-items:center;gap:8px 12px;display:grid}#hint{grid-column:1/-1;min-height:32px;margin:0;font-size:12px;line-height:1.35}.controls{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:3px}.controls button{border-radius:10px;min-height:44px;font-size:22px}.actions{flex-direction:column;gap:6px;margin:0}.actions button{font-size:13px}.keyboard-note,.legend,footer{display:none}#victory{grid-column:1/-1;align-items:center;gap:10px;margin:0;padding:8px;display:flex}#next{width:auto;margin:0 0 0 auto;padding:6px;font-size:12px}}.asset-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-right:3px}.controls .asset-icon{width:38px;height:38px;margin:0;display:block}.controls button{place-items:center;padding:0;display:grid}.actions .asset-icon{width:26px;height:26px}.legend-icon{object-fit:contain;width:26px;height:26px}