@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");

/* Arcadence-only treatment; shared navigation and hero styling remain intact. */
.arcadence-page .arcadence-game-feature {
  padding: clamp(2rem, 4vw, 4rem) clamp(.75rem, 3vw, 2.5rem);
  color: #f1f2f2;
  background: #0b0d10;
}

.arcadence-game-heading {
  max-width: 1520px;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
}

.arcadence-game-heading h2 {
  margin: .45rem 0 .8rem;
  color: #d7f7fa;
  font-family: "Press Start 2P", system-ui, sans-serif;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  line-height: 1.5;
}

.arcadence-game-heading p { margin: 0; color: #c9d1d2; }
.arcadence-game-heading .eyebrow { color: #73e7ef; }
.arcadence-game-launch { flex: 0 0 auto; border-color: #73e7ef; color: #d7f7fa; }

.arcadence-game-frame {
  max-width: 1520px;
  margin: auto;
  border: 1px solid rgba(115, 231, 239, .45);
  background: #060a08;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .36);
}

.arcadence-game-frame iframe {
  display: block;
  width: 100%;
  height: clamp(640px, 62vw, 940px);
  border: 0;
}

.arcadence-page .arcadence-ad-layout {
  color: #f1f2f2;
  background:
    radial-gradient(circle at 50% 0%, rgba(45, 213, 224, .11), transparent 38%),
    linear-gradient(135deg, #191b1f 0%, #0b0d10 58%, #15181c 100%);
}

.arcadence-page .arcadence-main-content {
  background: transparent;
}

.arcadence-page .arcadence-main-content h2 {
  color: #73e7ef;
  font-family: "Press Start 2P", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.8vw, 2.35rem);
  line-height: 1.45;
  letter-spacing: .025em;
  text-shadow: 0 0 22px rgba(55, 218, 230, .2);
}

.arcadence-page .arcadence-main-content h3 {
  color: #f5f3ec;
}

.arcadence-page .arcadence-main-content p {
  color: #cecbc4;
}

.arcadence-page .feature-card {
  border-color: rgba(115, 231, 239, .22);
  background: linear-gradient(145deg, rgba(44, 47, 52, .96), rgba(18, 20, 23, .98));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .3);
}

.arcadence-page .feature-card.primary {
  border-color: rgba(115, 231, 239, .48);
  background: linear-gradient(145deg, #30343a, #17191d);
}

.arcadence-page .ad-placeholder {
  border-color: rgba(115, 231, 239, .2);
  color: #e8e8e5;
  background: rgba(8, 10, 12, .74);
}

.arcadence-page .ad-label,
.arcadence-page .ad-size {
  color: #a7aaac;
}

.arcadence-page + footer {
  border-top: 1px solid rgba(115, 231, 239, .16);
  background: #080a0c;
}

@media (max-width: 680px) {
  .arcadence-game-heading { align-items: start; flex-direction: column; }
  .arcadence-game-launch { width: 100%; text-align: center; }
  .arcadence-game-frame iframe { height: min(82svh, 680px); min-height: 480px; }
  .arcadence-page .arcadence-ad-layout {
    background: linear-gradient(180deg, #191b1f, #0b0d10);
  }
  .arcadence-page .arcadence-main-content h2 {
    font-size: clamp(1.15rem, 5vw, 1.7rem);
  }
}