#mobile-controls-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box;overscroll-behavior:none;-webkit-overflow-scrolling:auto}.dom-joystick{position:absolute;border-radius:50%;background:#0006;border:3px solid rgba(0,255,68,.7);pointer-events:auto;box-shadow:0 0 15px #00ff4480;transition:opacity .2s,border-color .2s,background .2s,box-shadow .2s;opacity:.7;touch-action:none}.dom-joystick.active{opacity:1;border-color:#0f4;background:#0f43;box-shadow:0 0 25px #0f4c}.dom-joystick .knob{position:absolute;border-radius:50%;background:#0f4;border:3px solid #ffffff;pointer-events:none;box-shadow:0 0 10px #fffc;transform:translate(-50%,-50%)}.dom-joystick .outer-ring{position:absolute;inset:-10px;border-radius:50%;border:3px solid #00ff44;opacity:0;pointer-events:none;transition:opacity .3s,border-color .3s}.dom-joystick .outer-ring.active-pulse{animation:dom-joystick-pulse 1s infinite alternate}@keyframes dom-joystick-pulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.dom-button{position:absolute;border-radius:50%;background:#0006;border:3px solid #ffffff;pointer-events:auto;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .1s,transform .1s;user-select:none;-webkit-user-select:none;touch-action:none;color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px black;box-sizing:border-box}.dom-button.active{opacity:1;transform:scale(.9);background:#fff6}.dom-button span{pointer-events:none}:root{font-size:clamp(12px,1.2vw,16px)}@media(max-width:767px){:root{font-size:12px}*{-webkit-tap-highlight-color:transparent}}@media(min-width:768px)and (max-width:1023px){:root{font-size:14px}}@media(min-width:1024px)and (max-width:1919px){:root{font-size:16px}}@media(min-width:1920px){:root{font-size:18px}}@media(min-width:2560px){:root{font-size:20px}}.responsive-text{font-size:clamp(.75rem,1.2vw,1rem)}.responsive-padding{padding:clamp(.5rem,1vh,1rem)}.responsive-margin{margin:clamp(.5rem,1vh,1rem)}.responsive-container{width:100%;max-width:min(1200px,90vw);margin:0 auto;padding:clamp(1rem,2vh,2rem)}.responsive-btn{padding:clamp(.5rem,1vh,.75rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.75rem,1.2vw,1rem);border-width:clamp(1px,.1vw,2px)}.responsive-img{max-width:100%;height:auto}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}@media(max-width:767px){button,a,.clickable{min-height:44px;min-width:44px}}