/* World Drop keeps the shared game-page system, with its own violet/cosmic treatment. */
.game-page--world-drop {
  --game-accent: #a78bfa;
  --game-accent-dark: #5b21b6;
  --game-accent-rgb: 167 139 250;
  --game-panel: rgba(8, 5, 23, 0.86);
}

.game-page--world-drop .game-hero::before {
  border-color: rgb(var(--game-accent-rgb) / 0.28);
  box-shadow:
    0 0 0 4rem rgb(124 58 237 / 0.03),
    0 0 0 9rem rgb(96 165 250 / 0.018);
}

.game-page--world-drop .game-hero-copy h1 {
  text-shadow:
    0 0 2.6rem rgb(139 92 246 / 0.42),
    0 0.06em 0 #4c1d95;
}

.game-page--world-drop .game-hero-status span:first-child {
  border-color: rgb(var(--game-accent-rgb) / 0.72);
  background: rgb(124 58 237 / 0.2);
}

.world-drop-hero-art {
  width: min(100%, 50rem);
  border-color: rgb(196 181 253 / 0.24);
  box-shadow:
    0 2.5rem 6rem rgb(0 0 0 / 0.68),
    0 0 4rem rgb(124 58 237 / 0.26);
  transform: rotate(-0.55deg);
}

.game-page--world-drop .game-hero-orbit {
  inset: -18% -8%;
  border-color: rgb(var(--game-accent-rgb) / 0.28);
  transform: rotate(-8deg);
}

.world-drop-core,
.world-drop-gallery,
.world-drop-features,
.world-drop-reviews {
  border-top-color: rgb(var(--game-accent-rgb) / 0.32);
}

.world-drop-gallery .void-hop-shot-layout {
  grid-template-columns: minmax(0, 1.05fr) repeat(2, minmax(0, 0.8fr));
}

.world-drop-gallery .void-hop-shot:nth-child(4) {
  grid-column: 2 / 4;
}

.world-drop-reviews__grid {
  grid-template-columns: minmax(0, 52rem);
  justify-content: start;
}

.world-drop-reviews figure {
  border: 1px solid rgb(var(--game-accent-rgb) / 0.3);
  background:
    linear-gradient(135deg, rgb(76 29 149 / 0.28), transparent 62%),
    rgb(5 3 14 / 0.56);
  box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 0.28);
}

.world-drop-reviews figure > div {
  color: #ffcf48;
}

.world-drop-final-cta {
  border-top-color: rgb(var(--game-accent-rgb) / 0.32);
}

.game-page--world-drop .game-store::before {
  background: radial-gradient(circle, rgb(124 58 237 / 0.24), transparent 68%);
}

.world-drop-universe-link a {
  border-color: rgb(var(--game-accent-rgb) / 0.58);
}

.world-drop-universe-link a:hover,
.world-drop-universe-link a:focus-visible {
  border-color: var(--game-accent);
}

@media (max-width: 820px) {
  .world-drop-gallery .void-hop-shot:nth-child(4) {
    grid-column: auto;
  }
}