/* Slotshopper Nordic – custom keyframes & prose */

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes parallaxFloat {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-12px); }
}
@keyframes coinSpin {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.marquee-track {
  display: flex;
  animation: marquee 32s linear infinite;
  width: max-content;
}
.marquee-track:hover { animation-play-state: paused; }

.float-anim { animation: parallaxFloat 6s ease-in-out infinite; }
.coin-spin  { animation: coinSpin 3s linear infinite; }
.fade-in-up { animation: fadeInUp 0.7s ease both; }

/* Prose – inner pages */
.prose { max-width: 100%; color: #cbd5e1; line-height: 1.8; font-size: 1rem; }
.prose h2 { font-size: 1.6rem; font-weight: 700; color: #7dd3fc; margin: 2rem 0 0.75rem; border-bottom: 1px solid #334155; padding-bottom: 0.35rem; }
.prose h3 { font-size: 1.2rem; font-weight: 600; color: #93c5fd; margin: 1.5rem 0 0.5rem; }
.prose p  { margin-bottom: 1.25rem; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose li { margin-bottom: 0.4rem; }
.prose a  { color: #38bdf8; text-decoration: underline; }
.prose a:hover { color: #7dd3fc; }
.prose blockquote { border-left: 4px solid #38bdf8; padding-left: 1rem; color: #94a3b8; font-style: italic; margin: 1.5rem 0; }
.prose table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.95rem; }
.prose th { background: #1e3a5f; color: #bae6fd; padding: 0.6rem 0.9rem; text-align: left; border: 1px solid #334155; }
.prose td { padding: 0.55rem 0.9rem; border: 1px solid #334155; color: #cbd5e1; background: #0f172a; }
.prose tr:nth-child(even) td { background: #1e293b; }
.prose img { max-width: 100%; border-radius: 0.5rem; margin: 1.5rem auto; display: block; }
.overflow-x-auto { overflow-x: auto; -webkit-overflow-scrolling: touch; }