@import url("https://fonts.googleapis.com/css2?family=Chewy&family=Luckiest+Guy&display=swap");
.tools-parent-container html, .tools-parent-container body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #62cdff;
  overflow: hidden; /* prevent scrolling; allow Phaser to manage viewport */
}
.tools-parent-container #game-root {
  width: 100%;
  height: 100vh;
  touch-action: none; /* avoid page panning on touch */
}
.tools-parent-container {
  /* Ensure the game canvas uses the available space without adding extra layout gaps */
}
.tools-parent-container canvas {
  display: block;
  max-width: 100%;
  max-height: 100vh;
}
.tools-parent-container .phaser-font-title {
  font-family: "Luckiest Guy", system-ui, sans-serif;
}
.tools-parent-container .phaser-font-ui {
  font-family: "Chewy", system-ui, sans-serif;
}