/* Paleta de BIOMA (Palette.cs): noche #1E2A3D, acento #F2C14E, texto #F7F3EA */
html, body { margin: 0; padding: 0; height: 100%; background: #1e2a3d; overflow: hidden; overscroll-behavior: none; }
#unity-canvas { position: fixed; inset: 0; width: 100%; height: 100%; background: #1e2a3d; touch-action: none; }
#carga { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: radial-gradient(circle at 50% 40%, #2b3b55 0%, #1e2a3d 70%); color: #f7f3ea; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; }
#carga-titulo { font-size: 34px; letter-spacing: 0.35em; font-weight: 700; color: #f2c14e; margin-left: 0.35em; }
#carga-barra { width: min(260px, 70vw); height: 8px; border-radius: 999px; background: rgba(247, 243, 234, 0.18); overflow: hidden; }
#carga-lleno { width: 0; height: 100%; background: #f2c14e; transition: width 0.25s ease-out; }
#carga-texto { font-size: 14px; opacity: 0.8; }
#aviso { position: fixed; left: 50%; top: 4%; transform: translateX(-50%); display: none; max-width: 90vw; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 14px; }
#aviso div { background: rgba(247, 243, 234, 0.95); color: #1e2a3d; padding: 10px 14px; border-radius: 10px; margin-bottom: 6px; }
#aviso div.error { background: #b4432f; color: #fff; }
#aviso div.warning { background: #f2c14e; }