/* Let the field reach the viewport edges while the content keeps its 1920px frame. */
#choose-world {
  max-width: none;
  padding-inline: max(var(--gutter), calc((100% - 1920px) / 2 + var(--gutter)));
}
/* Quiet fluid filaments connect the entrances, behind their hit areas. */
#choose-world > .choice-wave {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  contain: strict;
  opacity: .82;
  /* Fade only into the chapters above and below, never at the screen sides. */
  mask-image: linear-gradient(transparent, #000 7%, #000 94%, transparent);
}
#choose-world > .choice-wave canvas {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
/* Quiet the old background outline so the wave reads as one coherent field. */
#choose-world:has(> .choice-wave) > .choice-geometry { opacity: .14; }
[data-theme="light"] #choose-world > .choice-wave { opacity: .78; }
@media (max-width: 760px) {
  #choose-world > .choice-wave { opacity: .8; }
}
@media print {
  #choose-world > .choice-wave { display: none; }
}