.bq-joystick{display:none}
#arcade .arcade-action-buttons button{touch-action:none;-webkit-user-select:none}
@media (pointer:coarse), (max-width:700px){
 #travel .travel-dpad,#arcade .arcade-pad{display:none}
 .bq-joystick{display:block;position:relative;flex:0 0 124px;width:124px;height:124px;border-radius:50%;box-sizing:border-box;border:2px solid #b5e9ed65;background:radial-gradient(circle,#263f52e8 0 42%,#14293cde 44% 100%);box-shadow:inset 0 0 18px #06172588,0 4px 15px #0004;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;cursor:grab}
 .joystick-ring{position:absolute;inset:12px;border:1px solid #d1f9ff30;border-radius:50%;pointer-events:none}
 .joystick-knob{position:absolute;width:56px;height:56px;left:calc(50% - 28px);top:calc(50% - 28px);border-radius:50%;border:2px solid #d2f9ee;box-sizing:border-box;background:radial-gradient(circle at 35% 25%,#d1f4e9,#7fbbaa 70%);box-shadow:0 5px 12px #0007;pointer-events:none;transition:transform .1s ease-out}
 .bq-joystick.held{border-color:#d2f9ee;cursor:grabbing}
 .bq-joystick.held .joystick-knob{transition:none}
 .joystick-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;font-weight:bold;color:#d0e8ed;pointer-events:none}
 #travel .travel-controls>.bq-joystick,#arcade .arcade-bottom>.bq-joystick{pointer-events:auto}
}
@media (max-height:550px) and (pointer:coarse), (max-height:550px) and (max-width:700px){
 .bq-joystick{width:112px;height:112px;flex-basis:112px}
}
@media (prefers-reduced-motion:reduce){.joystick-knob{transition:none}}