/*
 * ============================================================
 * BOOM ACTIVITIES CLEAN V1
 * Stadium retired. Active systems only.
 * ============================================================
 */

.activities-clean-hero {
  position: relative;
  min-height: 380px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(340px,.8fr);
  overflow: hidden;
  margin-bottom: 14px;
  border: 1px solid rgba(73,214,231,.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 78% 45%, rgba(72,226,242,.13), transparent 28%),
    radial-gradient(circle at 15% 15%, rgba(255,81,112,.08), transparent 28%),
    linear-gradient(135deg, #06151d, #061018 58%, #071821);
  box-shadow:
    0 22px 60px rgba(0,0,0,.2),
    inset 0 0 0 1px rgba(255,255,255,.014);
}

.activities-clean-hero::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(81,181,194,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81,181,194,.06) 1px, transparent 1px);
  background-size:44px 44px;
}

.activities-clean-hero__copy {
  position:relative;
  z-index:2;
  align-self:center;
  padding:clamp(26px,4vw,52px);
}

.activities-clean-hero__copy h1 {
  margin:7px 0 10px;
  color:#f2f9fb;
  font-size:clamp(2.5rem,5.5vw,5.2rem);
  line-height:.87;
  letter-spacing:-.06em;
}

.activities-clean-hero__copy h1 b {
  color:#56e0ed;
  text-shadow:0 0 24px rgba(86,224,237,.18);
}

.activities-clean-hero__copy > p {
  max-width:650px;
  margin:0;
  color:#849ca5;
  font-size:.9rem;
  line-height:1.5;
}

.activities-clean-meta {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.activities-clean-meta span {
  min-height:29px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(81,213,226,.16);
  border-radius:8px;
  background:rgba(5,21,28,.7);
  color:#76939c;
  font:900 .43rem/1 Orbitron,sans-serif;
  letter-spacing:.07em;
}

.activities-clean-actions {
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.activities-clean-actions a {
  min-width:0;
  min-height:66px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(85,197,211,.15);
  border-radius:10px;
  background:rgba(4,17,23,.72);
  color:#dceef1;
  text-decoration:none;
}

.activities-clean-actions a.is-live {
  border-color:rgba(255,84,111,.34);
  background:rgba(55,11,22,.38);
}

.activities-clean-actions i {
  color:#5ce4ef;
  font-style:normal;
  font-size:1rem;
  text-align:center;
}

.activities-clean-actions .is-live i {
  color:#ff6078;
}

.activities-clean-actions span {
  min-width:0;
  display:block;
  font:900 .49rem/1.1 Orbitron,sans-serif;
  letter-spacing:.04em;
}

.activities-clean-actions small {
  margin-top:5px;
  display:block;
  overflow:hidden;
  color:#657f88;
  font:800 .38rem/1 Orbitron,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.activities-clean-hero__art {
  position:relative;
  min-height:380px;
  display:grid;
  place-items:center;
}

.activities-clean-orbit {
  position:absolute;
  width:min(72%,360px);
  aspect-ratio:1;
  border:1px solid rgba(86,225,238,.15);
  border-radius:50%;
  box-shadow:
    0 0 60px rgba(65,214,231,.08),
    inset 0 0 50px rgba(65,214,231,.05);
}

.activities-clean-orbit::before,
.activities-clean-orbit::after {
  content:"";
  position:absolute;
  inset:16%;
  border:1px dashed rgba(107,233,242,.16);
  border-radius:50%;
}

.activities-clean-orbit::after {
  inset:34%;
  border-style:solid;
}

.activities-clean-pokemon {
  position:absolute;
  z-index:2;
  object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(0,0,0,.35));
}

.activities-clean-pokemon--main {
  width:min(50%,280px);
  left:22%;
  top:19%;
}

.activities-clean-pokemon--side {
  width:min(34%,190px);
  right:12%;
  bottom:14%;
  opacity:.72;
}

.activities-clean-hero__art > span {
  position:absolute;
  right:7%;
  top:11%;
  color:rgba(255,255,255,.12);
  font:950 clamp(1.4rem,3vw,3rem)/1 Orbitron,sans-serif;
  letter-spacing:.08em;
}

@media (max-width:1000px) {
  .activities-clean-hero {
    grid-template-columns:minmax(0,1fr) 38%;
  }

  .activities-clean-actions {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px) {
  .activities-clean-hero {
    min-height:0;
    grid-template-columns:1fr;
  }

  .activities-clean-hero__copy {
    padding:22px 16px 0;
  }

  .activities-clean-hero__copy h1 {
    font-size:clamp(2.5rem,15vw,4.2rem);
  }

  .activities-clean-hero__art {
    min-height:270px;
  }

  .activities-clean-pokemon--main {
    width:min(48%,220px);
  }

  .activities-clean-pokemon--side {
    width:min(30%,145px);
  }
}

@media (max-width:430px) {
  .activities-clean-actions {
    grid-template-columns:1fr 1fr;
  }

  .activities-clean-actions a {
    min-height:60px;
  }
}