/* Hyper Toad loading screen — paints over the kit's generic skeleton (see loader.js).
   Matches #ht-splash (dark sunlit pond + the logo) so kit-loader → themed splash is seamless. */
#tz-game-loader.ht-loader {
  position: fixed; inset: 0; z-index: 30; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(120% 90% at 50% 28%, #2a4a6b 0%, #1d4029 45%, #0a1610 100%);
}
.ht-loader-card { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.ht-loader-logo {
  width: min(58vw, 240px); height: auto; filter: drop-shadow(0 8px 22px rgba(0, 0, 0, .55));
  animation: htldBob 2.4s ease-in-out infinite;
}
@keyframes htldBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.ht-loader-dots { display: flex; gap: 9px; }
.ht-loader-dots span {
  width: 12px; height: 12px; border-radius: 50%;
  background: #5effc0; box-shadow: 0 0 11px #5effc0; animation: htldDot 1s ease-in-out infinite;
}
.ht-loader-dots span:nth-child(2) { animation-delay: .15s; background: #ffd24a; box-shadow: 0 0 11px #ffd24a; }
.ht-loader-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes htldDot { 0%, 100% { transform: translateY(0); opacity: .55; } 50% { transform: translateY(-8px); opacity: 1; } }
.ht-loader-text { color: #bfe6cf; font: 600 15px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; letter-spacing: 1.5px; }
@media (prefers-reduced-motion: reduce) { .ht-loader-logo, .ht-loader-dots span { animation: none; } }