/* v3: the Phaser back buffer stays 1280x720; DOM sizing is independent. */
#game-screen.screen--active {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 78px 0 16px;
}
#game-root {
  display: block;
  position: relative;
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
#game-root canvas {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width:760px), (pointer:coarse) {
  #game-screen.screen--active { padding-bottom: 92px; }
}