/* Strong first-visit spotlight; scoped to the existing tutorial button. */
.spl-guide-first-visit-hint {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 13px 0 5px;
  padding: 5px 10px;
  color: #121609;
  background: #ffdb4d;
  border: 2px solid #fff2a0;
  border-radius: 5px;
  font: 900 clamp(11px, 1.5vw, 14px)/1.35 Consolas, 'Courier New', monospace;
  letter-spacing: .5px;
  text-align: center;
  box-shadow: 0 2px 12px #0009;
}
.spl-guide-launch.spl-guide-first-visit,
.spl-guide-launch.spl-guide-first-visit:hover,
.spl-guide-launch.spl-guide-first-visit:focus-visible {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 8px 0 12px;
  padding: 14px 24px;
  min-height: 52px;
  background: #ffe65b !important;
  color: #15150a !important;
  border: 3px solid #fff8bd !important;
  border-radius: 8px;
  font: 900 clamp(15px, 2vw, 19px)/1.2 Consolas, 'Courier New', monospace;
  letter-spacing: 1px;
  text-shadow: none;
  box-shadow: 0 0 0 3px #ffc400, 0 0 25px 5px #ffd900aa;
  animation: spl-guide-spotlight 1.6s ease-in-out infinite;
  transform-origin: center;
}
.spl-guide-launch.spl-guide-first-visit::after {
  content: '  ➜ CLICK HERE';
  font-size: .7em;
  font-weight: 900;
  white-space: nowrap;
}
@keyframes spl-guide-spotlight {
  0%,100% { transform: scale(1); box-shadow: 0 0 0 3px #ffc400, 0 0 20px 4px #ffd90088; }
  50% { transform: scale(1.055); box-shadow: 0 0 0 7px #ffc40099, 0 0 36px 12px #ffdf00dd; }
}
@media (max-width: 440px) {
  .spl-guide-launch.spl-guide-first-visit { padding: 12px 14px; font-size: 14px; }
  .spl-guide-launch.spl-guide-first-visit::after { display: block; margin-top: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .spl-guide-launch.spl-guide-first-visit { animation: none; }
}

/* v23 update: reuse existing glowing and pulsing tutorial spotlight */
.spl-guide-launch.spl-guide-update::after{content:"  ➜ VIEW CHANGES"}

/* v23 update: preserve the original yellow pulsing spotlight for returning visitors. */
.spl-guide-launch.spl-guide-update::after{content:'  ➜';}
@media(max-width:440px){.spl-guide-launch.spl-guide-update::after{display:block;margin-top:5px}}