/* ─────────────────────────────────────────────
   AI Pirates — Tailwind Utility Replacement
   Hand-written equivalents of the ~15 Tailwind
   utilities actually used + keyframe animations
   previously provided by the CDN.
───────────────────────────────────────────── */

/* ── Display ── */
.flex          { display: flex; }
.block         { display: block; }

/* ── Position ── */
.relative      { position: relative; }
.sticky        { position: sticky; }
.top-0         { top: 0; }
.z-50          { z-index: 50; }

/* ── Overflow ── */
.overflow-hidden { overflow: hidden; }

/* ── Spacing ── */
.px-5          { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-4          { padding-top: 1rem; padding-bottom: 1rem; }

/* ── Flexbox ── */
.items-center    { align-items: center; }
.justify-between { justify-content: space-between; }

/* ── Typography ── */
.text-white    { color: #fff; }

/* ── Borders ── */
.border-b          { border-bottom-width: 1px; border-bottom-style: solid; }
.border-white\/5   { border-color: rgb(255 255 255 / 0.05); }

/* ── Responsive ── */
@media (min-width: 1024px) {
  .lg\:hidden { display: none; }
}

/* ── Keyframes (previously from Tailwind config) ── */
@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes pulse {
  50% { opacity: .5; }
}

@keyframes spinRev {
  from { transform: rotate(360deg); }
  to   { transform: rotate(0deg); }
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

@keyframes marqueeX {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}