.aviso {
  position: fixed;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 10;
  max-width: calc(100% - 32px);
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font: 600 15px/1.3 system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-align: center;
  pointer-events: none;
  transition: opacity 0.3s;
}

.aviso.escondido {
  opacity: 0;
}

.botoes {
  position: fixed;
  top: calc(16px + env(safe-area-inset-top));
  right: 16px;
  z-index: 10;
  display: flex;
  gap: 8px;
}

.botoes button,
.botoes a {
  padding: 10px 14px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font: 600 14px system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.creditos {
  position: fixed;
  left: 8px;
  bottom: 4px;
  z-index: 10;
  color: rgba(255, 255, 255, 0.7);
  font: 10px system-ui, sans-serif;
  text-shadow: 0 0 2px #000;
}

.creditos a {
  color: inherit;
}