/* ── Base ─────────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
::selection{background:#fcee0a;color:#05060a}
html{scroll-behavior:smooth}
body{margin:0;background:#05060a}
.f-copyright::before{content: "//";margin-right: 8px}

/* ── Animations ──────────────────────────────────────────────────────────── */
@keyframes glitchShadow{
  0%,92%,100%{text-shadow:0 0 18px rgba(252,238,10,.25)}
  93%{text-shadow:-3px 0 #04e2ff,3px 0 #ff2e4d,0 0 18px rgba(252,238,10,.25)}
  96%{text-shadow:3px 0 #04e2ff,-3px 0 #ff2e4d}
}
@keyframes fogdrift{
  0%{transform:translate3d(-8%,0,0) scale(1.1)}
  50%{transform:translate3d(8%,2%,0) scale(1.25)}
  100%{transform:translate3d(-8%,0,0) scale(1.1)}
}
@keyframes fogdrift2{
  0%{transform:translate3d(10%,0,0) scale(1.2)}
  50%{transform:translate3d(-10%,-3%,0) scale(1.1)}
  100%{transform:translate3d(10%,0,0) scale(1.2)}
}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes floatRose{
  0%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-14px) rotate(4deg)}
  100%{transform:translateY(0) rotate(0deg)}
}
@keyframes pulseDot{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,46,77,.6)}
  50%{opacity:.45;box-shadow:0 0 0 8px rgba(255,46,77,0)}
}
@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}

/* ── Hover States ─────────────────────────────────────────────────────────── */
.da810-nav-link:hover{color:#fff!important}

.da810-saga-card:hover{
  transform:translateY(-8px)!important;
  border-color:var(--accent,#fcee0a)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.6)!important;
}

.da810-foot-link:hover{color:var(--accent,#fcee0a)!important}

.da810-social-icon:hover{
  border-color:var(--accent,#fcee0a)!important;
  color:var(--accent,#fcee0a)!important;
}

.da810-btn-primary:hover{box-shadow:0 0 44px rgba(252,238,10,.55)!important}

.da810-btn-ghost:hover{
  border-color:var(--accent,#fcee0a)!important;
  color:var(--accent,#fcee0a)!important;
}

.da810-prod-link:hover{background:rgba(0,0,0,.5)!important}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width:820px){
  .da810-nav-links{display:none!important}
  .da810-nav-toggle{display:flex!important}
  .da810-hero-rail{display:none!important}
  .da810-hero-binary{display:none!important}
}
@media (min-width:821px){
  .da810-mobile-menu{display:none!important}
}