/* Boot splash styles — ported verbatim from the MAUI SplashPage animation.
   Served from /public (verbatim, no bundler processing) and linked render-blocking
   in index.html so the splash is fully styled on first paint with no flash. */
#vyohm-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #021142;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 450ms ease;
}
#vyohm-splash.vyohm-splash-hide {
  opacity: 0;
  pointer-events: none;
}
#vyohm-splash svg {
  width: 90%;
  height: 90%;
  max-width: 400px;
  max-height: 400px;
}
#vyohm-splash #secondary-char {
  opacity: 0;
  transform-origin: center;
  animation: vyohm-zoomFadeIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s forwards;
}
#vyohm-splash #main-char-stroke {
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  fill: none;
  stroke: #d9d9d9;
  stroke-width: 2;
  animation: vyohm-drawStroke 0.8s ease-in-out 0.5s forwards;
}
#vyohm-splash #main-char-fill {
  opacity: 0;
  animation: vyohm-fadeIn 0.4s ease-out 1.1s forwards;
}
#vyohm-splash #wave-top {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: vyohm-drawStroke 0.5s ease-in-out 1.3s forwards;
}
#vyohm-splash #wave-bottom {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: vyohm-drawStroke 0.5s ease-in-out 1.7s forwards;
}
#vyohm-splash .eye {
  opacity: 0;
}
#vyohm-splash #eye-1 {
  animation: vyohm-fadeIn 0.3s ease-out 1.8s forwards;
}
#vyohm-splash #eye-2 {
  animation: vyohm-fadeIn 0.3s ease-out 2.1s forwards;
}
#vyohm-splash #eye-3 {
  animation: vyohm-fadeIn 0.3s ease-out 2.4s forwards;
}
#vyohm-splash #pulse-circle {
  opacity: 0;
  animation: vyohm-fadeIn 0.3s ease-out 2.4s forwards;
}
@keyframes vyohm-zoomFadeIn {
  from { opacity: 0; transform: scale(0.5); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes vyohm-fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes vyohm-drawStroke {
  from { stroke-dashoffset: 3000; }
  to { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #vyohm-splash svg * {
    animation: none !important;
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
  }
}