/*
 * This page is an OBS browser source: a full-viewport PixiJS canvas
 * (characters, and a winner's sprite), the Doodle Riot frame/victory DOM
 * layer on top of it. There is no other DOM: the debug chat form moved to
 * /app/debug, and reaches this page over a BroadcastChannel.
 *
 * Styles for the old login panel, message list, and send box were removed along
 * with that markup — those controls called server routes that no longer exist.
 * Sign-in, customization, and the leaderboard live in apps/web (served at /app).
 */

html,
body {
  margin: 0;
  padding: 0;
  /* MUST stay transparent. The Pixi app is created with backgroundAlpha: 0 so
     the canvas composites over whatever is beneath it in OBS; an opaque body
     background would paint a solid rectangle across the whole stream. */
  background: transparent;
  overflow: hidden;
}

#app {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

#pixi-container {
  position: absolute;
  inset: 0;
}

/* Where GameFrame and VictoryScreen mount their elements (both position:fixed
   themselves). Sits above the canvas so its text always paints on top. */
#game-ui {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}