/* =========================
   GLOBAL
========================= */
:root { color-scheme: dark; }

body{
  font-family: 'Inter', sans-serif;
  background:#050608;
  overflow-x:hidden;
  color:#e5e7eb;
  scroll-behavior:smooth;
}
.title-font{font-family:'Syncopate',sans-serif;text-transform:uppercase}

/* Video BG */
.video-background{
  position:fixed; inset:0;
  z-index:-1; pointer-events:none; overflow:hidden;
  filter:brightness(.15) contrast(1.2) saturate(.5);
}
.video-background iframe{
  width:100vw; height:56.25vw;
  min-height:100vh; min-width:177.77vh;
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
}

/* Vignette + scanlines */
body::after{
  content:""; position:fixed; inset:0;
  background:radial-gradient(circle,transparent 50%, rgba(239,68,68,.06) 100%);
  pointer-events:none;
  z-index:1;
}
.scanlines{
  position:fixed; inset:0;
  z-index:2;
  pointer-events:none; opacity:.2;
  background:linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,.1) 50%);
  background-size:100% 4px;
}

/* Scrollbar */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:#ef4444;border-radius:10px}

/* Headline glow */
.glow-red{ text-shadow:0 0 15px rgba(239,68,68,.8) }
.glow-white{ text-shadow:0 0 15px rgba(255,255,255,.4) }
.glow-gold{ text-shadow:0 0 15px rgba(255,215,0,.6) }

/* Typing cursor */
#typing-text::after{
  content:"_"; animation:blink .8s infinite;
  color:#ef4444; font-weight:bold; margin-left:4px
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* Cards */
.menu-card{
  background:rgba(15,17,26,.6);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.06);
  transition:all .5s cubic-bezier(.23,1,.32,1);
  cursor:pointer;
}
.menu-card:hover{
  transform:translateY(-10px) scale(1.02);
  border-color:rgba(239,68,68,.6);
  background:rgba(239,68,68,.08);
  box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 18px rgba(239,68,68,.18);
}

/* Page & section transitions */
.page-hidden{display:none}
.fade-enter{opacity:0;transform:translateY(14px)}
.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .45s ease, transform .45s ease}
.section-hidden{display:none}
.section-anim{opacity:0;transform:translateY(16px)}
.section-anim.section-anim-active{
  opacity:1;transform:translateY(0);
  transition:opacity .55s cubic-bezier(.16,1,.3,1), transform .55s cubic-bezier(.16,1,.3,1)
}

/* =========================
   ✅ DROPDOWN FIX (native select) - SUPER SAFE
========================= */
select{
  background-color:#0f111a !important;
  color:#e5e7eb !important;
  border-color:rgba(255,255,255,.10) !important;
}
select option{
  background-color:#0f111a !important;
  color:#e5e7eb !important;
}
select option:checked{
  background-color: rgba(239,68,68,.35) !important;
  color: #ffffff !important;
}
select option:hover{
  background-color: rgba(239,68,68,.25) !important;
  color: #ffffff !important;
}

/* =========================
   REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
  body{scroll-behavior:auto}
}