/* house-kit: splash (web) — HOUSEKIT.md §5. The frame every app's opening sits
   in; the app's own logo animation is its own CSS, scoped under #house-splash.
   Canonical copy: claude-rulebook kit/house-splash/. */
#house-splash{
  position:fixed;inset:0;z-index:2147483600;   /* above everything, Loop's help button included */
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:var(--hs-bg,#fff);color:var(--hs-ink,#111);
  transition:opacity .3s ease-out;
  /* Fail-safe: if the script never runs, the opening still goes and the app is
     reachable. JS adds .hs-js, which stands this down. */
  animation:hs-failsafe .3s ease-out 6s forwards;
}
#house-splash.hs-js{animation:none}
#house-splash.hs-leaving{opacity:0;pointer-events:none}
@keyframes hs-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
/* Reduced motion: the logo and name, still, for the same three seconds. */
#house-splash.hs-still *,#house-splash.hs-still *::before,#house-splash.hs-still *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion: reduce){
  #house-splash *,#house-splash *::before,#house-splash *::after{animation:none!important;transition:none!important}
}