.jardi-demo{width:min(100%,760px);margin:auto;font-family:system-ui,sans-serif}.jardi-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0}.jardi-controls label{display:flex;align-items:center;gap:5px;cursor:pointer}.jardi-controls button{padding:6px 14px;cursor:pointer}.jardi-map{position:relative;width:100%;aspect-ratio: 3/2;background:url('images/plain.png') center/100% 100% no-repeat;overflow:hidden;border-radius:12px}.jardi-pin,.jardi-footprint,#avatar{position:absolute;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.jardi-pin{width:7%;z-index:1;transform:translate(-50%,-100%)}.jardi-footprint{width:3.8%;opacity:.75;z-index:2}#avatar{width:7%;z-index:3;left:0;top:0}@media(max-width:480px){.jardi-controls{gap:8px;font-size:14px}}

#speed{width:110px;max-width:25vw}#speed-value{min-width:2ch;font-variant-numeric:tabular-nums}

.jardi-controls button:disabled{opacity:.35;cursor:not-allowed}