.fade-enter-active[data-v-6afd0817],.fade-leave-active[data-v-6afd0817]{transition:opacity .2s ease}.fade-enter-from[data-v-6afd0817],.fade-leave-to[data-v-6afd0817]{opacity:0}.hex-touch-btn[data-v-6afd0817]{align-items:center;border-radius:9999px;border-width:1px;display:flex;font-family:monospace;font-size:1.125rem;height:3.5rem;justify-content:center;line-height:1;min-width:3.5rem;padding:0 .875rem;transition:background-color .05s}.hex-touch-btn[data-v-6afd0817],.hex-touch-zone[data-v-6afd0817]{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hex-touch-zone[data-v-6afd0817]{bottom:0;position:absolute;top:0;width:50%}.hex-stick-base[data-v-6afd0817]{background:radial-gradient(circle at 40% 35%,#ffffff14,#00000080);border:1px solid rgba(0,255,136,.4);border-radius:9999px;box-shadow:inset 0 0 20px #00000059;height:7.25rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:7.25rem}.hex-stick-knob[data-v-6afd0817]{background:#000000b3;border:1px solid rgba(0,255,136,.7);border-radius:9999px;box-shadow:0 8px 18px #00000059;height:3.5rem;left:50%;margin-left:-1.75rem;margin-top:-1.75rem;position:absolute;top:50%;transition:box-shadow .06s ease,background-color .06s ease;width:3.5rem;will-change:transform}.hex-stick-knob--engaged[data-v-6afd0817]{background:#00ff8838;box-shadow:0 0 20px #00ff884d}@media(prefers-reduced-motion:reduce){.fade-enter-active[data-v-6afd0817],.fade-leave-active[data-v-6afd0817]{transition:none}}