@media (max-width: 1024px) and (orientation: landscape){.mobile-controls{bottom:30px}.game-ui-side{width:15%}}.mobile-controls{display:none;position:absolute;z-index:1000;width:100%;height:100%;top:0;left:0;pointer-events:none;transition:opacity .5s ease-in-out;will-change:opacity;border:0px solid red}.mobile-controls.fade-out{opacity:.3;transition:opacity 1s ease-in-out}.joystick-base{position:absolute;width:140px;height:140px;background-color:#ffffff4d;border:1px solid rgba(255,255,255,.3);border-radius:50%;z-index:1000;touch-action:none;transition:background-color .2s ease,box-shadow .3s ease,transform .2s ease;box-shadow:0 0 10px #0003;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;will-change:transform,background-color,box-shadow}