.badge { display: none; }

h1 span {
  font-size: 1.08em;
  letter-spacing: -0.035em;
  line-height: 0.86;
}

.capy { opacity: 0; height: 0; width: 0; }

.capy-btn::after {
  content: "";
  display: block;
  width: min(365px, 76vw);
  height: min(390px, 43vh);
  background: url("assets/capybara-emma.png") center / contain no-repeat;
  filter: drop-shadow(12px 15px 0 rgba(35, 60, 51, .20));
  transition: transform .3s ease;
}

.capy-btn:hover::after { transform: translateY(-12px) rotate(-2deg); }

@media (max-width: 520px) { .capy-btn::after { width: 275px; height: 310px; } }

@media (max-width: 600px) {
  html, body { min-height: 100%; overflow-x: hidden; }
  .scene { min-height: 100dvh; padding: max(14px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)); }
  .intro, .details { width: 100%; }
  .badge { font-size: 9px; padding: 7px 11px; }
  h1 { font-size: clamp(58px, 19vw, 88px); margin-top: 14px; }
  .name { font-size: clamp(76px, 22vw, 116px); }
  .tap { right: -2px; top: 16%; padding: 10px 12px; font-size: 10px; }
  .hint { font-size: 11px; margin: 4px 0; }
  .details h2 { font-size: clamp(53px, 16vw, 78px); }
  .path { margin: 20px auto 12px; }
  .stop { min-width: 76px; min-height: 76px; }
  .reveal { width: min(94vw, 430px); font-size: 12px; line-height: 1.45; }
  .button { min-height: 46px; font-size: 14px; }
  .modal { align-items: end; padding: 12px; }
  .note { width: 100%; padding: 22px 18px calc(22px + env(safe-area-inset-bottom)); border-radius: 24px 24px 16px 16px; }
  .name-field { min-height: 48px; font-size: 16px; }
  .game-card { width: 100% !important; }
  .game-card h2 { font-size: clamp(48px, 17vw, 78px) !important; }
  #gameCanvas { max-height: 34dvh !important; }
  .emma-final img { height: min(44dvh, 350px) !important; }
}
/* La invitación siempre usa la paleta clara, incluso si el teléfono está en modo oscuro. */
html { color-scheme: light !important; }
@media (prefers-color-scheme: dark) {
  html, body { background: #bde9df !important; color: #233c33 !important; }
  input, button { color-scheme: light; }
}