.vp-dual-joysticks{position:absolute;inset:0;pointer-events:none;z-index:8}
.vp-dual-joysticks[hidden]{display:none!important}
.vp-joystick{display:flex;flex-direction:column;align-items:center;gap:7px;position:absolute;bottom:calc(116px + env(safe-area-inset-bottom,0px));width:96px;padding:0;border:0;background:none;color:white;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
.vp-joystick--move{left:max(18px,env(safe-area-inset-left,0px))}
.vp-joystick--look{right:max(18px,env(safe-area-inset-right,0px))}
.vp-joystick-ring{display:grid;place-items:center;width:96px;height:96px;box-sizing:border-box;border:1px solid #ffffff85;border-radius:50%;background:#17334732;box-shadow:inset 0 1px 1px #ffffff60,0 4px 18px #0d243833;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vp-joystick-thumb{display:block;width:38px;height:38px;border-radius:50%;border:1px solid #ffffffc4;background:#ffffff60;box-shadow:0 3px 10px #10283a44;will-change:transform}
.vp-joystick-label{display:block;order:-1;margin:0;font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.03em;text-shadow:0 1px 5px #142c49}
.vp-joystick.is-active .vp-joystick-thumb{background:#ffffffad}
.vp-joystick:focus-visible{outline:2px solid white;outline-offset:5px;border-radius:48px}
@media(max-height:500px){.vp-joystick{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:76px}.vp-joystick-ring{width:76px;height:76px}.vp-joystick-thumb{width:32px;height:32px}}
@media(any-pointer:coarse){.garden[data-joysticks][data-mode="cuisine"] .garden-caption{display:none}}