/* Shared blood-metal launch treatment. The wordmark is animated vector artwork. */
.godmode-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.godmode-blood-hero {
  border-color: #833039;
  background:
    radial-gradient(ellipse at 16% 0, #79192545, transparent 58%),
    radial-gradient(ellipse at 85% 100%, #a7162430, transparent 50%),
    linear-gradient(115deg, #170a10, #09080e 68%, #19090e);
  box-shadow: inset 0 1px #ffb8a830, 0 24px 54px #0007, 0 0 36px #ad10241c;
}

.godmode-blood-hero::before,
.godmode-blood-hero::after {
  border-color: #d75d5630;
}

.godmode-blood-hero .godmode-blood-heading {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  line-height: 1;
  text-shadow: none;
}

.godmode-blood-hero .godmode-blood-wordmark {
  display: block;
  width: 100%;
  max-width: 650px;
  height: auto;
  object-fit: contain;
  image-rendering: auto;
}

.godmode-blood-subtitle {
  display: block;
  width: 78%;
  max-width: 430px;
  margin-top: -7px;
  color: #dc3446;
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.godmode-subtitle-art {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.godmode-subtitle-glyphs {
  font-family: 'Inter', sans-serif;
  font-size: 64px;
  font-weight: 900;
  letter-spacing: 0;
}

.godmode-blood-hero p.godmode-overline,
.godmode-blood-hero .competition-godmode-kicker {
  color: #dc3446;
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.64rem, 1vw, 0.78rem);
  line-height: 1.7;
  text-shadow: none;
}

.godmode-blood-hero .competition-godmode-title {
  margin-bottom: 18px;
}

.godmode-blood-hero .competition-godmode-badges {
  font-family: 'Inter', sans-serif;
  text-shadow: none;
}

.godmode-blood-hero .godmode-featured-badge,
.godmode-blood-hero .competition-godmode-featured {
  border-color: #b8685b66;
  background: #87312226;
  color: #f2c6b5;
}

.godmode-countdown {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 22px;
  padding: clamp(14px, 2.1vw, 24px);
  border: 1px solid #873941;
  border-radius: 8px;
  background:
    radial-gradient(ellipse at 50% 0, #c51c2830, transparent 70%),
    linear-gradient(155deg, #251016, #0d0a0f 58%, #190a10);
  box-shadow: inset 0 1px #ffb7a82e, inset 0 -3px #0008, 0 12px 32px #0006, 0 0 24px #af172219;
}

/* Small launch clocks replace the former status ribbons. */
.godmode-mini-countdown {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px 10px;
  width: fit-content;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid #a445507d;
  border-radius: 5px;
  background: linear-gradient(150deg, #36141e, #160d16 65%, #2a101a);
  box-shadow: inset 0 1px #ffb3a826, inset 0 -2px #06030b80, 0 4px 12px #0004;
  font-family: 'Inter', sans-serif;
  line-height: 1;
  text-shadow: none;
}

.godmode-mini-countdown::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #f39d8c, transparent);
  pointer-events: none;
}

.godmode-mini-label {
  color: #eab4ac;
  font-size: 0.49rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.4;
  white-space: nowrap;
  text-transform: uppercase;
}

.godmode-mini-digits {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 7px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-transform: none;
}

.godmode-mini-digits > span {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
}

.godmode-mini-digits strong {
  color: #ffede1;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px #632633;
}

.godmode-mini-digits small {
  color: #ba8e98;
  font-family: 'Inter', sans-serif;
  font-size: 0.49rem;
  font-weight: 600;
  line-height: 1;
}

.godmode-mini-digits > span:last-child strong {
  color: #ff828c;
}

.godmode-mini-countdown.is-live {
  border-color: #70bd8899;
  background: linear-gradient(140deg, #132b22, #0c1514);
}

.godmode-mini-countdown.is-live .godmode-mini-label {
  color: #b5f4ce;
}

.godmode-mini-countdown.is-live .godmode-mini-digits {
  display: none;
}

.godmode-status-row,
.competition-godmode-badges {
  align-items: center;
}

.godmode-slot-heading {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: auto;
}

.godmode-slot-heading .godmode-slot-name {
  max-width: 100%;
  margin-bottom: 0;
}

.godmode-slot-heading + .godmode-slot-items {
  margin-top: 22px;
}

.godmode-countdown::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 14%;
  right: 14%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d9494e 30%, #ffb5a4 50%, #d9494e 70%, transparent);
  box-shadow: 0 1px 12px #eb233b80;
  animation: godmode-edge-breathe 4s ease-in-out infinite;
  pointer-events: none;
}

.godmode-countdown::after {
  content: '';
  position: absolute;
  inset: 5px;
  z-index: -1;
  border: 1px solid #d75d561a;
  border-radius: 4px;
  pointer-events: none;
}

.godmode-countdown-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin-bottom: 19px;
}

.godmode-countdown-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #ff9c99;
  font-family: 'Inter', sans-serif;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1.5;
  text-transform: uppercase;
}

.godmode-countdown-status::before {
  content: '';
  flex: 0 0 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff4c59;
  box-shadow: 0 0 0 3px #e22c3824, 0 0 13px #ff304a99;
  animation: godmode-edge-breathe 2.5s ease-in-out infinite;
}

.godmode-countdown-date {
  color: #f5e2d8;
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.67rem, 1.05vw, 0.81rem);
  font-weight: 600;
  line-height: 1.7;
}

.godmode-countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(5px, 0.8vw, 11px);
}

.godmode-countdown-unit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 17px 3px 14px;
  border: 1px solid #85424980;
  border-bottom: 3px solid #3e161d;
  border-radius: 4px;
  background:
    linear-gradient(120deg, #ffffff09, transparent 42%),
    linear-gradient(180deg, #36202a 0%, #20141c 48%, #170e15 49%, #160c12 82%, #35141d);
  box-shadow: inset 0 1px #fbc6b52b, inset 1px 0 #ffffff07, 0 5px 8px #0005;
}

.godmode-countdown-unit::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 22%;
  right: 22%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d7a097, transparent);
  pointer-events: none;
}

.godmode-countdown-unit::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 26%;
  right: 26%;
  height: 2px;
  background: #c43d4b;
  box-shadow: 0 0 10px #e5224073;
  pointer-events: none;
}

.godmode-countdown-unit strong {
  position: relative;
  color: #fff0e8;
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.75rem, 3.75vw, 3.5rem);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.055em;
  line-height: 1.1;
  text-shadow: 0 1px #fff7ef, 0 2px #ba9a98, 0 3px #67424a, 0 4px #31161e, 0 7px 8px #0009;
}

.godmode-countdown-unit small {
  margin-top: 12px;
  color: #d3aeb0;
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.5rem, 0.8vw, 0.62rem);
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.4;
  text-transform: uppercase;
}

.godmode-countdown-unit:last-child {
  border-color: #b7435080;
  border-bottom-color: #822433;
  background: linear-gradient(155deg, #61223080, #2c101b 50%, #3e121e);
}

.godmode-countdown-unit:last-child strong {
  color: #ffa39f;
  text-shadow: 0 1px #ffccc0, 0 2px #a15056, 0 3px #68232f, 0 4px #330d17, 0 7px 8px #0009;
}

.godmode-countdown--compact {
  padding: 16px;
}

.godmode-countdown--compact .godmode-countdown-unit strong {
  font-size: clamp(1.6rem, 3vw, 2.8rem);
}

.godmode-countdown.is-live {
  border-color: #66ba8799;
}

.godmode-countdown.is-live .godmode-countdown-status {
  color: #adffca;
}

.godmode-countdown.is-live::before {
  background: linear-gradient(90deg, transparent, #72ffa6, transparent);
  box-shadow: 0 1px 12px #72ffa64d;
  animation: none;
}

.godmode-countdown.is-live .godmode-countdown-status::before {
  background: #72ffa6;
  box-shadow: 0 0 12px #72ffa6a6;
  animation: none;
}

@keyframes godmode-edge-breathe {
  50% { opacity: 0.5; }
}

@media (max-width: 380px) {
  .godmode-countdown {
    padding: 13px 10px;
  }

  .godmode-countdown-unit {
    padding: 13px 2px 11px;
  }

  .godmode-countdown-unit small {
    letter-spacing: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .godmode-countdown::before,
  .godmode-countdown-status::before {
    animation: none;
  }
}