*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#008080;color:#17212e;font:14px Tahoma,Arial,sans-serif}body{display:grid;place-items:center;padding:10px;min-height:100vh}.win{width:min(950px,100%);background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff;box-shadow:6px 6px #004747;padding:3px;min-width:0}.title{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#000080,#1479b6);color:white;padding:9px}.title h1{margin:0;font-size:clamp(15px,3vw,20px)}.title a{background:#c0c0c0;color:#111;text-decoration:none;border:2px solid;border-color:white #444 #444 white;padding:4px 10px}.content{padding:12px}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:14px}.panel{background:#e9e9e9;border:2px inset #ddd;padding:12px;min-width:0}.panel h2{margin:0 0 9px;font-size:15px}.panel p{font-size:12px;line-height:1.6}.hud,.actions,.direction{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.badge,#status{background:white;border:2px inset #ddd;padding:8px;font:12px/1.5 Consolas,monospace}#status{min-height:54px;overflow-wrap:anywhere}.btn{background:#c0c0c0;color:#111;border:2px solid;border-color:#fff #444 #444 #fff;padding:9px 10px;font:bold 12px Tahoma,Arial,sans-serif;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:default}.btn:active{border-color:#444 #fff #fff #444}.board-wrap{position:relative;max-width:520px;margin:auto;padding-right:20px}.board{position:relative;width:100%;aspect-ratio:1;border:5px inset #ddd;background-color:#9aabbf;background-image:linear-gradient(#8094aa 1px,transparent 1px),linear-gradient(90deg,#8094aa 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);touch-action:none}.car{position:absolute;border:2px solid #34435c;border-radius:7px;background:linear-gradient(135deg,#ffe3a1,#b88741);box-shadow:inset 2px 2px #fff7,2px 2px #0002;color:#182030;font:bold clamp(11px,2.5vw,19px) Consolas,monospace;cursor:pointer;touch-action:none;user-select:none;transition:left .12s,top .12s}.car.target{background:linear-gradient(135deg,#ffa4a4,#bd3646);border-color:#8e1928;color:white}.car.selected{outline:3px solid #fff200;outline-offset:1px;z-index:2}.car.hint{outline:3px dashed #00ffe0;outline-offset:2px;z-index:3}.exit{position:absolute;right:-22px;top:calc(100% * 2 / 6);height:calc(100% / 6);display:grid;place-items:center;color:#fff500;font-size:24px}.small{font-size:11px;color:#3d4b5b}.direction .btn{min-width:74px}@media(max-width:680px){body{padding:5px}.content{padding:7px}.layout{grid-template-columns:minmax(0,1fr);gap:8px}.panel{padding:10px}.board-wrap{max-width:460px}.car{border-radius:4px;font-size:clamp(12px,4vw,20px)}}