:root{
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --accent:#10d99a;
  --panel:rgba(7,13,18,.76);
  --button-scale:1;
  --joystick-scale:1;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#081016;overscroll-behavior:none;touch-action:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}

html,body,#game-root,#game-canvas,#mobile-controls,#look-zone,#joystick,.touch-button{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}

.interactive-modal,.interactive-modal *{touch-action:auto}
.interactive-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.interactive-modal input[type=range]{touch-action:pan-x}
.interactive-modal button,.interactive-modal select{touch-action:manipulation}