/* Always use the exact source as fallback; activate only after a painted frame. */
html { background-image: url(../img/wave.svg); }
:root { --keycloak-bg-logo-url: url(../img/wave.svg); }
.hessian-flow { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; visibility: hidden; }
.hessian-flow-ready .hessian-flow { visibility: visible; }
body#keycloak-bg > :not(.hessian-flow) { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .hessian-flow { display: none; } }