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

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #04050c;
}

#app {
  position: absolute;
  inset: 0;
}

canvas#game {
  display: block;
  width: 100%;
  height: 100%;
}

/* Boot splash: visible only until the game leaves the boot state. */
html[data-game-state="boot"] #app::after {
  content: "LOADING MUSE RUNNER";
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  font: 600 13px/1 ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: 0.34em;
  color: #2de2ff;
  background: #04050c;
}

html:not([data-game-state="boot"]) #app::after { display: none; }