html, body { 
    height: 100%; 
    margin: 0; 
    background: #0b1220; 
    color: #fff; 
    font-family: Inter, system-ui, Roboto, Arial, sans-serif; 
    overflow: hidden; 
}

#game-container { 
    width: 100%; 
    height: 100%; 
    touch-action: none; 
}

.hint { 
    position: fixed; 
    left: 12px; 
    top: 12px; 
    background: rgba(0,0,0,0.45); 
    padding: 8px; 
    border-radius: 8px; 
    font-size: 13px; 
    z-index: 20; 
}
/* === Oasis: pulido galería === */
.grid{ gap:18px; }
.card img{ transition: transform .18s ease; }
.card:hover img{ transform: scale(1.02); }
.card{ overflow:hidden; }
@media (max-width:900px){ .grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .grid{ grid-template-columns:1fr; } }
/* Oasis: icono de correo en Contacto */
.mail-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px;
  background:#1a2846; border:1px solid #243559;
  box-shadow:0 6px 18px rgba(0,0,0,.25); margin-left:8px;
  transition:transform .15s ease;
}
.mail-icon:hover{ transform: translateY(-1px); }
.mail-icon img{ width:20px; height:20px; display:block; }