html, body { margin: 0; min-height: 100%; overflow-x: hidden; letter-spacing: 0; }
body { background: #fff; font-family: "Untitled Sans", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
.zzd-video-placeholder { width: 100%; aspect-ratio: 16 / 9; background: #153bca; color: #fff; display: grid; place-items: center; font-size: clamp(18px, 3vw, 42px); }
.animated-copy, p, a, button, li { letter-spacing: 0 !important; }
@media (max-width: 900px) {
  h1 { white-space: nowrap !important; font-size: clamp(62px, 20vw, 140px) !important; line-height: .82 !important; }
}
@media (max-width: 640px) {
  h1 { white-space: nowrap !important; font-size: clamp(62px, 20vw, 86px) !important; line-height: .82 !important; }
  .largeText { line-height: 1.1 !important; }
  .mediumText { line-height: 1.16 !important; }
  #leaderboard-container a { line-height: 1.12 !important; }
  a, button, p, li { word-break: keep-all; overflow-wrap: anywhere; }
}