/* =====================================================
   MENU — layar menu utama & logo
   ===================================================== */
#screen-menu { 
  align-items: center; 
  justify-content: center; 
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#screen-menu.has-bg { 
  background-image: url("../assets/images/backgrounds/bg-menu.webp"); 
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}


.menu-wrap { 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  justify-content: center;
  gap: var(--gap-md); 
  padding: var(--gap-sm) var(--gap-md); 
  width: 100%;
  max-width: 600px;
  height: 100%;
}

.logo-img {
  width: min(550px, 70vw);
  max-height: clamp(200px, 50vh, 400px);
  object-fit: contain;
  animation: floatDynamic 4s ease-in-out infinite;
  filter: drop-shadow(0 8px 16px rgba(91, 58, 30, 0.3));
}

.logo-badge {
  width: clamp(60px, 14vmin, 100px); 
  height: clamp(60px, 14vmin, 100px);
  background: var(--merah);
  border-radius: 50%;
  display: grid; place-items: center;
  font-size: clamp(1.8rem, 4.5vmin, 3rem);
  box-shadow: 0 6px 0 var(--merah-tua);
  animation: ngambang 2.6s ease-in-out infinite;
}

.game-title {
  font-family: var(--font-judul);
  font-weight: 800;
  font-size: clamp(1.8rem, 5.5vw, 3.4rem);
  line-height: 0.95;
  color: var(--merah);
  text-shadow: 3px 3px 0 var(--emas-muda);
}
.game-title span { color: var(--tosca); }
.tagline { 
  font-size: clamp(0.85rem, 2.2vmin, 1.1rem); 
  max-width: 400px; 
  font-weight: 700; 
  color: var(--coklat);
}
.menu-stats { display: flex; gap: var(--gap-md); flex-wrap: wrap; justify-content: center; }

/* Tombol Mulai */
#screen-menu .btn-big {
  font-size: clamp(1rem, 3vmin, 1.5rem);
  padding: clamp(8px, 1.8vh, 14px) clamp(24px, 5vw, 42px);
  border-radius: 999px;
  box-shadow: 0 6px 0 #b87b12, 0 10px 20px rgba(0,0,0,0.2);
}