/*
 * Minimal precompiled Tailwind CSS — replaces the ~360 KB CDN JIT runtime.
 * Contains ONLY the utility classes actually referenced in flappy_war.blade.php.
 * The CDN runtime executed the full PostCSS/JIT pipeline in the browser on every
 * load, blocking the main thread for 200–800 ms before first paint.
 */

/* ── Position ─────────────────────────────────────────────────────────────── */
.fixed    { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.inset-0  { top: 0; right: 0; bottom: 0; left: 0; }

/* ── Display ──────────────────────────────────────────────────────────────── */
.flex     { display: flex; }
.hidden   { display: none; }

/* ── Flex ─────────────────────────────────────────────────────────────────── */
.flex-col      { flex-direction: column; }
.flex-1        { flex: 1 1 0%; }
.items-center  { align-items: center; }
.justify-center { justify-content: center; }

/* ── Gap ──────────────────────────────────────────────────────────────────── */
.gap-1  { gap: 0.25rem; }
.gap-2  { gap: 0.5rem; }

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

/* ── Pointer events ───────────────────────────────────────────────────────── */
.pointer-events-none { pointer-events: none; }

/* ── User select ──────────────────────────────────────────────────────────── */
.select-none {
  -webkit-user-select: none;
  user-select: none;
}

/* ── Margin ───────────────────────────────────────────────────────────────── */
.ml-auto { margin-left: auto; }
.mb-1    { margin-bottom: 0.25rem; }
.mb-2    { margin-bottom: 0.5rem; }
.mb-4    { margin-bottom: 1rem; }
.mb-6    { margin-bottom: 1.5rem; }
.mb-8    { margin-bottom: 2rem; }
.mt-4    { margin-top: 1rem; }

/* ── Typography ───────────────────────────────────────────────────────────── */
.font-black    { font-weight: 900; }
.text-xs       { font-size: 0.75rem;  line-height: 1rem; }
.text-sm       { font-size: 0.875rem; line-height: 1.25rem; }
.tracking-widest { letter-spacing: 0.1em; }

/* ── Custom project fonts (matching tailwind.config fontFamily extensions) ── */
.font-pixel  { font-family: 'Press Start 2P', monospace; }
.font-raj    { font-family: Rajdhani, sans-serif; }
.font-cinzel { font-family: 'Cinzel Decorative', serif; }

/* ── Custom project colors (matching tailwind.config colors extensions) ───── */
.bg-void   { background-color: #050108; }
.text-gold { color: #ffb300; }

/* ── Opacity color variants ───────────────────────────────────────────────── */
/* CSS requires backslash-escaping the / in the class name selector */
.text-white\/30 { color: rgba(255, 255, 255, 0.3); }
.hover\:text-white\/60:hover { color: rgba(255, 255, 255, 0.6); }

/* ── Transition ───────────────────────────────────────────────────────────── */
.transition-colors {
  transition-property: color, background-color, border-color,
                        text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}