/* Focus countdown inherits the active planet's Register-button palette. */
.event-countdown {
  position:absolute; z-index:75; right:2.6vw; top:45%; width:clamp(300px,27vw,380px);
  transform:translateY(-50%); color:var(--app-ink,#172a33);
  font-family:SpaceApps,Arial,sans-serif!important; text-shadow:none;
}
.event-countdown * {font-family:inherit!important}
.countdown-top {margin-bottom:10px}
.countdown-kicker {font-size:11px;font-weight:900;letter-spacing:.18em;text-shadow:0 1px 12px #f6eada}
.countdown-display {
  display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(3,38px);
  gap:0;border:1px solid var(--planet-border);border-radius:4px;overflow:hidden;
  box-shadow:0 9px 24px #1809083d;font-variant-numeric:tabular-nums;
}
.countdown-display[hidden],.countdown-ended[hidden] {display:none!important}
.countdown-unit {
  display:grid;place-content:center;justify-items:center;gap:3px;min-width:0;min-height:0;
  border-bottom:1px solid var(--planet-border);background:var(--planet-surface);
}
.countdown-unit:last-child {border-bottom:0}
.countdown-unit strong {font-size:clamp(22px,2vw,29px);font-weight:900;line-height:1}
.countdown-unit span {font-size:9px;font-weight:800;letter-spacing:.12em}
.countdown-days {
  grid-row:1/4;border-right:1px solid var(--planet-border);border-bottom:0;
  background:var(--planet-surface-highlight);
}
.countdown-days strong {font-size:clamp(54px,4.7vw,70px)}
.countdown-unit:not(.countdown-days) {display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.countdown-ended {
  margin:0;padding:22px;border:1px solid var(--planet-border);border-radius:4px;
  background:var(--planet-surface-highlight);font-size:19px;font-weight:900;line-height:1.25;
  box-shadow:inset 0 1px var(--planet-inset),0 9px 24px #1809083d;
}

/* Two-day preliminary plan directly below the Focus timer. */
.countdown-schedule {margin-top:15px}
.countdown-schedule h2 {
  margin:0 0 8px;font-size:10px;font-weight:900;letter-spacing:.17em;
  line-height:1.3;text-shadow:0 1px 12px #f6eada;
}
.schedule-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid var(--planet-border);border-radius:4px;overflow:hidden;
  background:var(--planet-surface);box-shadow:0 9px 24px #1809083d;
}
.schedule-day {min-width:0;padding:11px 12px 12px}
.schedule-day + .schedule-day {border-left:1px solid var(--planet-border)}
.schedule-day h3 {
  display:flex;align-items:baseline;justify-content:space-between;gap:5px;
  margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid var(--planet-border);
  font-size:9px;font-weight:900;letter-spacing:.07em;white-space:nowrap;
}
.schedule-day h3 strong {font-size:14px;letter-spacing:.02em}
.schedule-day p {display:grid;gap:2px;margin:0 0 10px;font-size:11px;line-height:1.3}
.schedule-day p:last-child {margin-bottom:0}
.schedule-day p b {font-size:13px;line-height:1.15}
.schedule-day p span {font-weight:700}

/* The compact reading path gains a timer band between planet and CTAs. */
@media(max-width:700px), (min-width:701px) and (max-aspect-ratio:7/5) {
  .event-countdown {left:50%;right:auto;top:calc(100% + 60px);width:min(86vw,400px);transform:translateX(-50%)}
  .countdown-kicker {font-size:12px}
  .countdown-days strong {font-size:clamp(54px,12vw,70px)}
}
@media(max-width:700px) {
  .jupiter .opening-actions {top:calc(100% + 465px)}
  .jupiter .mission-dock {top:calc(100% + 745px)}
  .jupiter .cue-actions {top:calc(100% + 995px)}
  .city-story {top:calc(150svh + 385px)}
  .city-stage {top:calc(255svh + 355px)}
  .cue-city {top:calc(255svh + 283px)}
  .moon {top:calc(405svh + 14svh + 355px)}
  .relay {height:calc(540svh + min(100vw,72svh) + 355px)}
}
@media(max-width:700px) and (max-height:650px) {
  .city-story {top:calc(170svh + 385px)}
  .city-stage {top:calc(335svh + 355px)}
  .cue-city {top:calc(335svh + 283px)}
  .moon {top:calc(470svh + 14svh + 355px)}
}
@media (min-width:701px) and (max-aspect-ratio:7/5) {
  .jupiter .opening-actions {top:calc(100% + 465px)}
  .jupiter .mission-dock {top:calc(100% + 745px)}
  .jupiter .cue-actions {top:calc(100% + 995px)}
  .city-story {top:calc(165svh + 385px)}
  .city-stage {top:calc(255svh + 355px)}
  .cue-city {top:calc(255svh + 283px)}
  .moon {top:calc(405svh + 14svh + 355px)}
  .relay {height:calc(540svh + min(100vw,72svh) + 355px)}
}
@media(max-width:700px) and (max-height:650px) {
  .event-countdown {top:calc(100% + 50px)}
}