/**
 * 採点結果配信中版専用（【採点結果配信中】index.html / 【ギフトチケットなし】index.html）
 * 1級建築士：淡青ベース + 配信中の強調
 */
.page--scoring-live {
  --live-emphasis: #123a68;
  --live-emphasis-dark: #0d2c50;
  --live-gold: #e6a817;
}

.page--scoring-live .site-header__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35em 0.5em;
}

.page--scoring-live .site-header__live-tag {
  display: inline-block;
  padding: 0.12em 0.55em;
  font-size: 0.72em;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #fff;
  vertical-align: middle;
  background: linear-gradient(135deg, var(--live-emphasis) 0%, var(--live-gold) 100%);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(18, 58, 104, 0.35);
}

@keyframes r8-live-gold-shimmer {
  0%,
  100% {
    background-position: 120% center;
  }
  50% {
    background-position: -20% center;
  }
}

@keyframes r8-live-gold-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.35));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.9)) drop-shadow(0 0 22px rgba(217, 119, 6, 0.55));
  }
}

.page--scoring-live .mv__countdown {
  padding: 0px 16px 4px;
  background: linear-gradient(180deg, #eaf1fc 0%, var(--color-bg) 100%);
}

.page--scoring-live .mv__countdown-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 4px;
  line-height: 1.4;
}

.page--scoring-live .mv__live-headline,
.page--scoring-live .mv__live-hook {
  display: block;
  background: linear-gradient(105deg, #b45309 0%, #b45309 38%, #d97706 46%, #fbbf24 50%, #fde68a 52%, #fbbf24 54%, #d97706 62%, #b45309 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation:
    r8-live-gold-shimmer 2.6s ease-in-out infinite,
    r8-live-gold-glow 2.6s ease-in-out infinite;
}

.page--scoring-live .mv__live-headline {
  font-size: clamp(1.55rem, 5.2vw, 2rem);
  font-weight: 900;
  letter-spacing: 0.06em;
}

.page--scoring-live .mv__live-hook {
  max-width: 22em;
  font-size: clamp(1.05rem, 3.6vw, 1.28rem);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.page--scoring-live .mv__countdown.is-live .mv__countdown-inner {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

.page--scoring-live .mv-fv .container .mv__cta-wrap {
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 22px;
  background: linear-gradient(180deg, var(--color-bg) 0%, #dbe7f9 100%);
}

.page--scoring-live .cta-btn-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 25px;
  width: 100%;
}

.page--scoring-live .floating-cta .cta-btn-row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.page--scoring-live .cta-btn-row .btn--mv-cta {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.page--scoring-live .cta-btn-row .btn--floating-cta {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.page--scoring-live .cta-block {
  border-radius: var(--radius);
  background: linear-gradient(180deg, #eaf1fc 0%, var(--color-bg) 100%);
  border: 2px solid rgba(18, 58, 104, 0.28);
}

.page--scoring-live .cta-block .mv__countdown {
  padding-top: 16px;
}

@media (min-width: 768px) {
  .page--scoring-live .mv__countdown {
    padding: 16px 28px 6px;
  }

  .page--scoring-live .mv__countdown-inner {
    gap: 8px;
    padding: 10px 12px 6px;
  }

  .page--scoring-live .mv-fv .container .mv__cta-wrap {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .page--scoring-live .cta-btn-row {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
  }

  .page--scoring-live .cta-btn-row .btn--mv-cta,
  .page--scoring-live .cta-btn-row .btn--floating-cta {
    flex: 1 1 0;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page--scoring-live .mv__live-headline,
  .page--scoring-live .mv__live-hook {
    animation: none;
    filter: none;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #d97706;
    -webkit-text-fill-color: currentColor;
  }
}

/* 配信中版：MV/script.js 待ち不要で下層コンテンツを即表示 */
.page--scoring-live .io-fadeup {
  opacity: 1 !important;
  transform: none !important;
}