/* Soft cel clouds on #world-bg (behind Phaser). No columns or curtains. */

.hall-back,
.hall-arches,
.hall-col,
.hall-drape {
  display: none !important;
}

.ck-cloud {
  position: absolute;
  pointer-events: none;
  width: 96px;
  height: 44px;
  background: #FFFCF8;
  border-radius: 44px;
  box-shadow:
    0 0 0 3px rgba(90, 58, 42, 0.14),
    0 8px 18px rgba(255, 143, 183, 0.28);
  animation: ckCloudDrift 18s ease-in-out infinite;
}

.ck-cloud::before,
.ck-cloud::after {
  content: "";
  position: absolute;
  background: #FFFCF8;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(90, 58, 42, 0.1);
}

.ck-cloud::before {
  width: 52px;
  height: 52px;
  left: 14px;
  top: -24px;
}

.ck-cloud::after {
  width: 38px;
  height: 38px;
  right: 16px;
  top: -16px;
}

.ck-cloud-a {
  left: 5%;
  top: 7%;
  animation-duration: 16s;
}

.ck-cloud-b {
  right: 7%;
  top: 12%;
  width: 128px;
  height: 52px;
  animation-duration: 22s;
  animation-delay: -5s;
}

.ck-cloud-b::before {
  width: 64px;
  height: 64px;
  left: 18px;
  top: -28px;
}

.ck-cloud-c {
  left: 16%;
  top: 26%;
  width: 84px;
  height: 38px;
  opacity: 0.9;
  animation-duration: 20s;
  animation-delay: -9s;
}

.ck-cloud-d {
  right: 14%;
  bottom: 26%;
  width: 110px;
  height: 46px;
  opacity: 0.88;
  animation-duration: 24s;
  animation-delay: -3s;
}

@keyframes ckCloudDrift {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(16px, -10px); }
}