/* Native web splash (spec 011 A5): the splash glyph centered on the Civic
   Light canvas, or the Obsidian ground in dark mode, until Flutter's first
   frame (removed by removeSplashFromWeb() in nw_splash.js). Same size as the
   Android/iOS splash (256 px canvas). External file: the app runs under a CSP
   without 'unsafe-inline'. */
html,
body {
  margin: 0;
  height: 100%;
}

body {
  background-color: #F8FAFC;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #0B0F17;
  }
}

#splash {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

#splash img {
  width: 256px;
  height: 256px;
}