/* ─── BOOT.CSS ────────────────────────────────────────────────────────────────
   Estilo de arranque: pinta el lienzo y el cielo de noche ANTES de que monte
   React, para que no haya destello blanco en el primer frame.

   Va como <link> en el <head> —render-blocking, igual que el <style> inline que
   sustituye— y NO como CSS del bundle: un CSS emitido por Vite carga después
   del HTML y el destello volvería.

   Salió de un <style> inline en index.html el 30 jul 2026 para que el CSP
   pueda cerrar style-src-elem. Los hex están a mano por la misma razón que en
   print.css: es un CSS estático y no puede importar theme.js.
   beige #F5F6F9 y el navy profundo de noche, cotejados contra theme.js.
   ────────────────────────────────────────────────────────────────────────── */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body, #root { height: 100%; background: #F5F6F9; }
body { overflow: hidden; }
html[data-theme="dark"], html[data-theme="dark"] body { background: #0E1936; }
html[data-theme="dark"] #root { background: transparent; }
/* Cielo de noche: capa fija DETRÁS del contenido (z-index:-1, así NO atrapa
   los modales portaleados a <body>); estrellas + glow dorado solo en tema
   oscuro (las genera /sky.js hacia las orillas y arriba). */
#kangu-sky { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .5s ease; }
html[data-theme="dark"] #kangu-sky { opacity: 1; background: radial-gradient(135% 42% at 50% -6%, rgba(245,182,62,.13), transparent 60%); }
#kangu-sky .st { position: absolute; border-radius: 50%; transform: translate(-50%,-50%); }
