.movement-thumbstick{pointer-events:auto;flex:0 0 128px;width:128px;height:128px}.movement-thumbstick .thumbstick-base{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#217be7b8 0 43%,#113d83b8 44% 65%,#239bdd55 66%);border:2px solid #79edffad;border-radius:50%;width:128px;min-width:128px;height:128px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #82e9ff12,0 4px 20px #031e5e66}.movement-thumbstick .thumbstick-base:active{transform:none}.thumbstick-axis{pointer-events:none;background:#bcf7ff33;position:absolute}.thumbstick-axis.horizontal{width:80%;height:1px;top:50%;left:10%}.thumbstick-axis.vertical{width:1px;height:80%;top:10%;left:50%}.thumbstick-knob{pointer-events:none;background:linear-gradient(145deg,#72f5ff,#2282eb);border:2px solid #d1fcff;border-radius:50%;width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);box-shadow:0 4px 10px #05214b88}.engaged .thumbstick-knob{background:linear-gradient(145deg,#ffe866,#ff931c);border-color:#fff4bf}.thumbstick-label{color:#fff;text-align:center;pointer-events:none;width:100%;font-size:12px;font-weight:900;position:absolute;bottom:8px;left:0}.direction-pad{pointer-events:none;grid-template:repeat(3,44px)/repeat(3,44px);gap:0;width:132px;height:132px;display:grid}.direction-pad>button{pointer-events:auto;border-radius:12px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.direction-up{grid-area:1/2}.direction-left{grid-area:2/1}.direction-right{grid-area:2/3}.direction-down{grid-area:3/2}.direction-pad>span{text-align:center;color:#b6f5ff;pointer-events:none;grid-area:2/2;align-self:center;font-size:11px;font-weight:900}