@keyframes pulse-arrow{0%{opacity:.3;transform:scaleY(1);filter:brightness(100%)}50%{opacity:.9;transform:scaleY(1.3);filter:brightness(130%)}to{opacity:.3;transform:scaleY(1);filter:brightness(100%)}}@keyframes glow-up{0%{box-shadow:0 -4px 10px #876af580,inset 0 -1px 2px #fff3}50%{box-shadow:0 -10px 22px #876af5e6,inset 0 -2px 4px #fff6}to{box-shadow:0 -3px 8px #876af566}}@keyframes glow-down{0%{box-shadow:0 4px 10px #876af580,inset 0 1px 2px #fff3}50%{box-shadow:0 10px 22px #876af5e6,inset 0 2px 4px #fff6}to{box-shadow:0 3px 8px #876af566}}@keyframes xbox-spring-return{0%{transform:translate(var(--last-x, 0),var(--last-y, 0));box-shadow:0 0 20px #876af599}10%{transform:translate(calc(var(--last-x, 0) * .7),calc(var(--last-y, 0) * .7));box-shadow:0 0 18px #876af58c}20%{transform:translate(calc(var(--last-x, 0) * .45),calc(var(--last-y, 0) * .45));box-shadow:0 0 16px #876af580}30%{transform:translate(calc(var(--last-x, 0) * .25),calc(var(--last-y, 0) * .25));box-shadow:0 0 14px #876af573}40%{transform:translate(calc(var(--last-x, 0) * .1),calc(var(--last-y, 0) * .1));box-shadow:0 0 12px #876af566}50%{transform:translate(calc(var(--last-x, 0) * 0),calc(var(--last-y, 0) * 0));box-shadow:0 0 10px #876af559}60%{transform:translate(calc(var(--last-x, 0) * -.05),calc(var(--last-y, 0) * -.05));box-shadow:0 0 9px #876af54d}70%{transform:translate(calc(var(--last-x, 0) * -.03),calc(var(--last-y, 0) * -.03));box-shadow:0 0 8px #876af540}80%{transform:translate(calc(var(--last-x, 0) * -.01),calc(var(--last-y, 0) * -.01));box-shadow:0 0 7px #876af533}90%{transform:translate(calc(var(--last-x, 0) * .005),calc(var(--last-y, 0) * .005));box-shadow:0 0 6px #876af526}to{transform:translate(0);box-shadow:0 0 5px #876af51a}}.joystick-handle{transition:transform .01s cubic-bezier(.3,.9,.2,1),box-shadow .06s ease,filter .06s ease;will-change:transform,box-shadow,filter;filter:drop-shadow(0 3px 12px rgba(0,0,0,.7));box-shadow:0 0 12px #876af580,inset 0 0 4px #ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.joystick-handle:active{transform:scale(1.18);box-shadow:0 0 25px #876af5f2,inset 0 0 8px #fff6;filter:brightness(1.4) contrast(1.1);transition:transform .04s ease-out,box-shadow .04s ease-out,filter .04s ease-out}.joystick-spring-return{animation:xbox-spring-return .6s cubic-bezier(.34,1.56,.64,1) forwards;transition:none!important}.joystick-up-indicator.active{background:rgba(135,106,245,calc(.5 + var(--intensity, 50) / 200))!important;height:calc(8px + (var(--intensity, 50) / 10))!important;animation:pulse-arrow 1.2s infinite ease-in-out!important;filter:brightness(calc(100% + var(--intensity, 0) / 2))!important;transition:all .05s ease-out!important;box-shadow:0 -2px 8px #876af5b3!important}.joystick-down-indicator.active{background:rgba(135,106,245,calc(.5 + var(--intensity, 50) / 200))!important;transition:all .05s ease-out!important;height:calc(8px + (var(--intensity, 50) / 10))!important;animation:pulse-arrow 1.2s infinite ease-in-out!important;filter:brightness(calc(100% + var(--intensity, 0) / 2))!important;box-shadow:0 2px 8px #876af5b3!important}.joystick-handle-up{animation:glow-up .8s infinite ease-in-out!important;border-bottom:3px solid rgba(135,106,245,calc(.6 + var(--move-intensity, 50) / 200))!important;box-shadow:0 -4px calc(6px + var(--move-intensity, 0) / 8 * 1px) rgba(135,106,245,calc(.5 + var(--move-intensity, 0) / 200)),inset 0 -2px 4px #ffffff4d!important;filter:drop-shadow(0 -4px 8px rgba(135,106,245,.6))!important}.joystick-handle-down{animation:glow-down .8s infinite ease-in-out!important;border-top:3px solid rgba(135,106,245,calc(.6 + var(--move-intensity, 50) / 200))!important;box-shadow:0 4px calc(6px + var(--move-intensity, 0) / 8 * 1px) rgba(135,106,245,calc(.5 + var(--move-intensity, 0) / 200)),inset 0 2px 4px #ffffff4d!important;filter:drop-shadow(0 4px 8px rgba(135,106,245,.6))!important}.low-intensity{filter:brightness(110%)!important;transition:filter .15s ease!important}.medium-intensity{filter:brightness(125%)!important;transition:filter .12s ease!important}.high-intensity{filter:brightness(140%)!important;text-shadow:0 0 5px rgba(255,255,255,.5)!important;transition:filter .08s ease,text-shadow .08s ease!important}.joystick{transition:transform .15s ease-out}.joystick-active{transition:none}@keyframes joystick-pulse{0%{box-shadow:0 0 #876af566}70%{box-shadow:0 0 0 10px #876af500}to{box-shadow:0 0 #876af500}}.joystick-active .joystick-thumb{animation:joystick-pulse 1.5s infinite}@keyframes spring-return{0%{transform:translate(var(--last-x),var(--last-y))}70%{transform:translate(calc(var(--last-x) * .05),calc(var(--last-y) * .05))}85%{transform:translate(calc(var(--last-x) * -.03),calc(var(--last-y) * -.03))}to{transform:translate(0)}}.joystick-spring-return{animation:spring-return .55s cubic-bezier(.175,.885,.32,1.275) forwards}.joystick-up-indicator,.joystick-down-indicator{opacity:.3;transition:opacity .2s ease}.joystick-active.joystick-up .joystick-up-indicator,.joystick-active.joystick-down .joystick-down-indicator{opacity:1}