/* SSFUTURE game mobile baseline (safe version)
   Keep this lightweight to avoid layout side effects across different game UIs. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Prevent controls from forcing horizontal squeeze */
.controls,
.touch-controls,
.touch-pad,
.hud,
#ssf-widget,
.ssf-widget {
  max-width: 100%;
  min-width: 0;
}

.controls button,
.touch-controls button,
.touch-pad button,
button,
input,
textarea {
  min-width: 0;
}

/* Keep canvases responsive but do not override page-specific aspect/height logic */
canvas {
  max-width: 100%;
  height: auto;
}

@media (max-width: 480px) {
  .controls {
    flex-wrap: wrap;
  }
}