/* Plate only after title. Clouds stay off. */
#world-bg {
  background-color: #1b1020;
  background-image: url("./assets/bg/sakura_canal_1170x2532.webp");
  background-size: cover;
  /* Bias toward canal water so landscape/desktop does not crop to sky-only. */
  background-position: center 55%;
  background-repeat: no-repeat;
}

@media (min-aspect-ratio: 3/4) {
  #world-bg {
    background-position: center 62%;
  }
}

@media (min-aspect-ratio: 1/1) {
  #world-bg {
    background-position: center 70%;
  }
}

#world-bg .world-sky,
#world-bg .world-orbs,
#world-bg .world-floor,
#world-bg .world-sparkles,
#world-bg .ck-cloud {
  display: none !important;
}

body.match3-bg {
  background: #F3C9D4 !important;
}

body.title-mode {
  background: #F3C9D4 !important;
}

body.title-mode #world-bg {
  display: none !important;
  background-image: none !important;
}

/* Guest PLAY hub IS the canal overworld: wallpaper must read after title. */
body:not(.title-mode) #world-bg {
  display: block !important;
  background-image: url("./assets/bg/sakura_canal_1170x2532.webp") !important;
}


/* Path map retired. Center stage stays empty for later narrative. */
.ui-overlay--overworld .ow-map,
.ui-overlay--overworld .ow-map-frame,
.ui-overlay--overworld .ow-map-art,
.ui-overlay--overworld .ow-path {
  display: none !important;
}

/* HTML parlor tray off so sakura reads through. */
#board-table.table-surface,
.ui-overlay--match3 .overlay-table,
.ui-overlay--overworld .overlay-table {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#board-table.table-surface::before,
#board-table.table-surface::after,
.overlay-table::before,
.overlay-table::after {
  display: none !important;
}

/* Keep Phaser from painting an opaque plate over the canal wallpaper. */
body:not(.title-mode) canvas {
  background-color: transparent !important;
}