.customContainerColor {
  background: linear-gradient(135deg, #1a1a1a, #3a120a, #8a1f0a); /* newsprint black → ink-stained crimson → breaking-news red */
  border-bottom: 0.25vw solid #4a0f00;
  border-top: 0.25vw solid #ff4a3d;
}
.customBackgroundColor {
  background: linear-gradient(-45deg,
    #0a0a0a 0%,
    #141414 15%,
    #1c0a08 30%,
    #2a0f0a 45%,
    #4a140a 60%,
    #1c0a08 75%,
    #141414 90%,
    #0a0a0a 100%
  );
  background-size: 300% 300%;
  animation: browseGamesDrift 25s ease infinite;
}
.browseGames-headlines {
  color: #ffd23f; /* breaking-news yellow */
}
a.browseGames:link,
a.browseGames:visited {
  color: #ffd23f;
}
a.browseGames:hover {
  color: #ffe27a; /* lighter on hover */
}
@keyframes browseGamesDrift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@media (min-width: 768px) {
  .customContainerColor { border-bottom-width: 2px; border-top-width: 2px; }
}
/* The cyclone emoji is drawn in black, which disappears on the dark theme. Flip it to white, only in this game. */
img.emoji[src$="/1F300.svg"] { filter: invert(1); }
/* invert() also flips the drop shadow, so draw it white here and it comes out black. Same sizes as .dropShadow. */
img.emoji[src$="/1F300.svg"].dropShadow { box-shadow: 1vw 1vw 2vw 0vw rgba(255, 255, 255, 0.5); }
@media (min-width: 768px) {
  img.emoji[src$="/1F300.svg"].dropShadow { box-shadow: 6px 6px 12px 0px rgba(255, 255, 255, 0.5); }
}