/* splash.css: the page transition as a paint splash (16 Oct 2026), driven by js/splash.js.
   The head script sets html[data-splash] so the arriving page is covered in the right paint from the first frame. */
html.brushing #brush { height: 100lvh; background-position: center; background-size: cover; background-repeat: no-repeat; }
html.brushing[data-splash="12336F"] #brush { background-image: url(../img/ui/paint-blue.webp); }
html.brushing[data-splash="E8772C"] #brush { background-image: url(../img/ui/paint-orange.webp); }
html.brushing[data-splash="2B0508"] #brush { background-image: url(../img/ui/paint-gold.webp); }
html.brushing[data-splash="3F090D"] #brush { background-image: url(../img/ui/paint-wine.webp); }
.splash-cover {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100lvh; z-index: 9500; pointer-events: none;
  background-position: center; background-size: cover; background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}