/* Decorative layers never intercept input or move the illustrated platform. */
.title-atmosphere {
  position: absolute;
  inset: 0 32% 25% 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.title-atmosphere svg {
  width: 100%;
  height: 100%;
  color: #fff4cd;
}
.air-strokes {
  opacity: 0;
  stroke-dasharray: 180 650;
  animation: club-breeze 12s ease-in-out infinite;
}
.street-marks {
  opacity: 0;
  animation: club-tags 14s ease-in-out infinite;
}
.air-leaf {
  position: absolute;
  left: -5%;
  top: calc(12% + var(--i) * 9%);
  width: 18px;
  height: 9px;
  background: #c9ed65;
  border-radius: 100% 0 100% 0;
  opacity: 0;
  animation: club-leaf 15s linear infinite;
  animation-delay: calc(var(--i) * -3s);
}
.air-leaf:nth-of-type(even) {
  background: #ffbe73;
  width: 12px;
  height: 7px;
}
@keyframes club-breeze {
  0%,
  60%,
  100% {
    opacity: 0;
    stroke-dashoffset: 250;
  }
  69%,
  80% {
    opacity: 0.33;
  }
  90% {
    opacity: 0;
    stroke-dashoffset: -700;
  }
}
@keyframes club-tags {
  0%,
  20%,
  42%,
  100% {
    opacity: 0;
  }
  25%,
  36% {
    opacity: 0.38;
  }
}
@keyframes club-leaf {
  0% {
    opacity: 0;
    transform: translate(0, 0) rotate(-30deg);
  }
  8%,
  75% {
    opacity: 0.7;
  }
  95%,
  100% {
    opacity: 0;
    transform: translate(65vw, 90px) rotate(220deg);
  }
}
/* Existing rendered domino faces gain a thick edge and separate floating paths. */
#screens .title-dominoes {
  perspective: 850px;
  gap: clamp(18px, 2.5vw, 48px);
  filter: none;
}
#screens .title-dominoes img {
  --angle: -23deg;
  transform: rotate(var(--angle));
  width: clamp(64px, 7.5vw, 128px);
  filter: drop-shadow(1px 2px 0 #b8a478) drop-shadow(1px 3px 0 #8c795b)
    drop-shadow(0 18px 10px #160d2966);
  animation:
    domino-arrive 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) both,
    domino-float 5s ease-in-out 0.65s infinite;
}
#screens .title-dominoes img:nth-child(2) {
  --angle: 8deg;
  animation-delay: 0.12s, 0.77s;
}
#screens .title-dominoes img:nth-child(3) {
  --angle: 26deg;
  animation-delay: 0.24s, 0.89s;
}
@keyframes domino-arrive {
  from {
    opacity: 0;
    translate: 0 35px;
    rotate: -12deg;
  }
  to {
    opacity: 1;
    translate: 0 0;
    rotate: 0deg;
  }
}
@keyframes domino-float {
  0%,
  100% {
    transform: translateY(0) rotate(var(--angle)) rotateY(-10deg);
  }
  50% {
    transform: translateY(-12px) rotate(calc(var(--angle) + 4deg)) rotateY(12deg);
  }
}
@media (orientation: portrait) {
  .title-atmosphere {
    inset: 0 0 62%;
  }
  .air-leaf:nth-of-type(n + 4) {
    display: none;
  }
  #screens .title-dominoes {
    top: 20%;
    gap: 18px;
  }
  #screens .title-dominoes img {
    width: 44px;
  }
}
@media (orientation: landscape) and (max-height: 550px) {
  #screens .title-dominoes img {
    width: 48px;
  }
}
.ambient-off .title-atmosphere,
.reduced .title-atmosphere {
  display: none;
}
.ambient-off .title-dominoes img,
.reduced .title-dominoes img {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .title-atmosphere {
    display: none;
  }
  #screens .title-dominoes img {
    animation: none;
  }
}

/* End of game/assets/atmosphere-DEqf1xw5.css */