* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, #23306e 0%, #0b1030 70%);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: "Baloo 2", sans-serif;
}

#game-root {
  width: 100%;
  height: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#game-root canvas {
  display: block;
  border-radius: 0;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.6);
}

/* Name input used by the profile editor (Phaser DOM element) */
.cc-input {
  width: 380px;
  height: 70px;
  border-radius: 20px;
  border: 4px solid #1b2a6b;
  padding: 0 20px;
  font: 800 34px "Baloo 2", sans-serif;
  color: #1b2a6b;
  text-align: center;
  outline: none;
  background: #fff;
}
.cc-input:focus { border-color: #ffb300; }