.dpad[data-astro-cid-vwss6swg]{left:calc(env(safe-area-inset-left,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(6px);touch-action:none;opacity:.85;border-radius:50%;width:132px;height:132px;position:absolute}.dpad[data-astro-cid-vwss6swg].hidden{display:none}.dpad[data-astro-cid-vwss6swg] .arm[data-astro-cid-vwss6swg]{opacity:.55;border:13px solid #0000;width:0;height:0;transition:opacity 80ms linear;position:absolute}.dpad[data-astro-cid-vwss6swg] .up[data-astro-cid-vwss6swg]{border-bottom:18px solid var(--text);border-top-width:0;top:8px;left:53px}.dpad[data-astro-cid-vwss6swg] .down[data-astro-cid-vwss6swg]{border-top:18px solid var(--text);border-bottom-width:0;bottom:8px;left:53px}.dpad[data-astro-cid-vwss6swg] .left[data-astro-cid-vwss6swg]{border-right:18px solid var(--text);border-left-width:0;top:53px;left:8px}.dpad[data-astro-cid-vwss6swg] .right[data-astro-cid-vwss6swg]{border-left:18px solid var(--text);border-right-width:0;top:53px;right:8px}.dpad[data-astro-cid-vwss6swg] .arm[data-astro-cid-vwss6swg].on{opacity:1}.dpad[data-astro-cid-vwss6swg] .up[data-astro-cid-vwss6swg].on{border-bottom-color:var(--accent)}.dpad[data-astro-cid-vwss6swg] .down[data-astro-cid-vwss6swg].on{border-top-color:var(--accent)}.dpad[data-astro-cid-vwss6swg] .left[data-astro-cid-vwss6swg].on{border-right-color:var(--accent)}.dpad[data-astro-cid-vwss6swg] .right[data-astro-cid-vwss6swg].on{border-left-color:var(--accent)}.dpad[data-astro-cid-vwss6swg] .hub[data-astro-cid-vwss6swg]{border:1px solid var(--glass-edge);border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}