/* v5.22 — Star-Player Hot Zones */

.vfl-hotzone-ring {
  position: fixed;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1500;
  display: none;
  border: 3px solid rgba(255, 230, 0, 0.95);
  box-shadow:
    0 0 16px 4px rgba(255, 230, 0, 0.55),
    inset 0 0 12px 2px rgba(255, 230, 0, 0.4);
  animation: vfl-hotzone-pulse 1.2s ease-in-out infinite;
}
.vfl-hotzone-ring.show { display: block; }

@keyframes vfl-hotzone-pulse {
  0%, 100% { transform: scale(1.0); opacity: 1; }
  50%      { transform: scale(1.12); opacity: 0.85; }
}

.vfl-hotzone-boost {
  position: fixed;
  right: 16px;
  bottom: 196px;
  z-index: 1499;
  display: none;
  background: linear-gradient(135deg, #ffd60a 0%, #ff9500 100%);
  color: #1a1a1a;
  border: none;
  padding: 12px 18px;
  border-radius: 28px;
  font-family: 'Anton', 'Inter', sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(255, 200, 0, 0.45), 0 1px 2px rgba(0,0,0,0.3);
  display: none;
  align-items: center;
  gap: 6px;
  transition: transform 0.12s ease;
}
.vfl-hotzone-boost.show { display: inline-flex; }
.vfl-hotzone-boost:hover { transform: scale(1.04); }
.vfl-hotzone-boost:active { transform: scale(0.97); }
.vfl-hotzone-boost.cooldown {
  background: #444;
  color: #aaa;
  cursor: not-allowed;
  box-shadow: none;
}
.vfl-hotzone-boost .hb-ico { font-size: 16px; }

@media (max-width: 768px) {
  .vfl-hotzone-boost {
    right: 12px;
    bottom: 172px;
    padding: 10px 14px;
    font-size: 12px;
  }
}