@keyframes bmg-pop {
  0% { transform: scale(0.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes bmg-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes bmg-logo-bob {
  0%, 100% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-3px); }
}

.bmg-bg-pattern {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCI+PHRleHQgeD0iNDAiIHk9IjYwIiBmb250LXNpemU9IjMwIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTUgNDAgNjApIiBvcGFjaXR5PSIwLjM0Ij7wn6a0PC90ZXh0Pjx0ZXh0IHg9IjE4MCIgeT0iNDAiIGZvbnQtc2l6ZT0iMzQiIHRyYW5zZm9ybT0icm90YXRlKDEwIDE4MCA0MCkiIG9wYWNpdHk9IjAuMzQiPvCfkoA8L3RleHQ+PHRleHQgeD0iMzIwIiB5PSI5MCIgZm9udC1zaXplPSIzMiIgdHJhbnNmb3JtPSJyb3RhdGUoMjAgMzIwIDkwKSIgb3BhY2l0eT0iMC4zNCI+4pqhPC90ZXh0Pjx0ZXh0IHg9IjgwIiB5PSIyMDAiIGZvbnQtc2l6ZT0iMzYiIHRyYW5zZm9ybT0icm90YXRlKC0xMCA4MCAyMDApIiBvcGFjaXR5PSIwLjM0Ij7wn5u5PC90ZXh0Pjx0ZXh0IHg9IjI2MCIgeT0iMjIwIiBmb250LXNpemU9IjM4IiB0cmFuc2Zvcm09InJvdGF0ZSg4IDI2MCAyMjApIiBvcGFjaXR5PSIwLjM0Ij7wn5qyPC90ZXh0Pjx0ZXh0IHg9IjM2MCIgeT0iMjgwIiBmb250LXNpemU9IjI0IiB0cmFuc2Zvcm09InJvdGF0ZSgwIDM2MCAyODApIiBvcGFjaXR5PSIwLjM0Ij7irZA8L3RleHQ+PHRleHQgeD0iNDAiIHk9IjMzMCIgZm9udC1zaXplPSIyOCIgdHJhbnNmb3JtPSJyb3RhdGUoMTUgNDAgMzMwKSIgb3BhY2l0eT0iMC4zNCI+8J+SgDwvdGV4dD48dGV4dCB4PSIxNTAiIHk9IjM1MCIgZm9udC1zaXplPSIyNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTIwIDE1MCAzNTApIiBvcGFjaXR5PSIwLjM0Ij7imqE8L3RleHQ+PHRleHQgeD0iMjgwIiB5PSIzNjAiIGZvbnQtc2l6ZT0iMjgiIHRyYW5zZm9ybT0icm90YXRlKDEyIDI4MCAzNjApIiBvcGFjaXR5PSIwLjM0Ij7wn6a0PC90ZXh0Pjx0ZXh0IHg9IjM0MCIgeT0iMTUwIiBmb250LXNpemU9IjI0IiB0cmFuc2Zvcm09InJvdGF0ZSgyNSAzNDAgMTUwKSIgb3BhY2l0eT0iMC4zNCI+8J+buTwvdGV4dD48L3N2Zz4=');
  background-repeat: repeat;
}

.bmg-logo:hover { transform: scale(1.15); }
.bmg-claude-link:hover { text-decoration: underline; }
.bmg-game-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 24px rgba(28, 25, 23, 0.14);
  border-color: #d97706;
}
.bmg-game-emoji:hover { transform: scale(1.12); }
.bmg-game-title:hover { color: #d97706; }

@media (max-width: 640px) {
  .bmg-header { padding: 6px 14px !important; gap: 8px !important; }
  .bmg-logo { width: 52px !important; height: 52px !important; }
  .bmg-wordmark { font-size: 16px !important; }
  .bmg-nav-link { padding: 6px 10px !important; font-size: 13px !important; }
  .bmg-hero-section { padding: 24px 16px 6px !important; }
  .bmg-hero-h1 { font-size: 24px !important; }
  .bmg-hero-p { font-size: 15px !important; }
  .bmg-games-section { padding: 16px 16px 90px !important; }
  .bmg-about-section { padding: 28px 16px 90px !important; }
  .bmg-about-logo { width: 110px !important; height: 110px !important; }
  .bmg-about-h1 { font-size: 26px !important; }
  .bmg-about-card { padding: 20px !important; }
  .bmg-about-card p { font-size: 15px !important; }
  .bmg-footer { font-size: 11px !important; padding: 4px 10px !important; }
}