/* FireByte — ambient background critters + 8-bit music toggle (shared across the whole site) */

.bg-critters{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}
.critter-track{
  position:absolute;
  left:0;
  will-change:transform;
}
.critter{
  display:block;
  image-rendering:pixelated;
  height:auto;
  opacity:0.4;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,0.4));
  will-change:transform;
}
@keyframes fb-wander-right{ from{ transform:translateX(-15vw); } to{ transform:translateX(115vw); } }
@keyframes fb-wander-left{ from{ transform:translateX(115vw); } to{ transform:translateX(-15vw); } }
@keyframes fb-critter-hop{ 0%, 100%{ transform:translateY(0) scaleY(1); } 35%{ transform:translateY(-10px) scaleY(1.04); } 55%{ transform:translateY(-10px) scaleY(1.04); } 80%{ transform:translateY(0) scaleY(0.94); } }
@keyframes fb-critter-float{ 0%, 100%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-6px) rotate(-4deg); } }

.fb-music-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:90;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid #1e2a40;
  background:rgba(10,14,24,0.85);
  backdrop-filter:blur(8px);
  color:#e8eaf0;
  font-family:'Inter', sans-serif;
  font-size:0.85rem;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,0.35);
  transition:transform .12s ease, border-color .12s ease, color .12s ease;
}
.fb-music-toggle:hover{ transform:translateY(-2px); border-color:#ff6b2b; }
.fb-music-toggle.is-active{ border-color:#00d47e; color:#00d47e; }

@media (max-width: 640px){
  .fb-music-toggle{ right:12px; bottom:12px; padding:8px 12px; font-size:0.78rem; }
}