/* The launch screen, drawn by the page too so every platform shows the same one (Android shows only a color
   first; on iPhone it continues the launch image). At rest it matches the launch image pixel for pixel; then the
   bar redraws and "around" fills in red, for at least one loop (App.tsx). A file, not inline: the CSP. */
#splash { --sp-ink: #1b2a3a; --sp-red: #d0283b; position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: #eceef4; transition: opacity .3s; }
@media (prefers-color-scheme: dark) { #splash { --sp-ink: #e8ecf0; --sp-red: #ff5a69; background: #0e1120; } }
#splash.out { opacity: 0; pointer-events: none; }
.sp-lockup { position: relative; width: 180.67px; height: 122.67px; transform: translate(1px, -5.33px); }
.sp-mark { position: absolute; left: 31.67px; top: 0; width: 116px; height: 57.67px; fill: var(--sp-ink); }
.sp-bar { fill: none; stroke: var(--sp-ink); stroke-width: 20; stroke-linecap: round; stroke-dasharray: 100 101; animation: sp-draw 2.4s ease-in-out infinite; }
.sp-lift, .sp-around { position: absolute; top: 91.33px; height: 31.33px; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.sp-lift { left: 0; width: 48.67px; background: var(--sp-ink); -webkit-mask-image: url(lift.png); mask-image: url(lift.png); }
.sp-around { left: 48.67px; width: 132px; background: var(--sp-red); -webkit-mask-image: url(around.png); mask-image: url(around.png); }
.sp-pale { opacity: .28; }
.sp-fill { animation: sp-fill 2.4s ease-in-out infinite; }
/* Starts and ends whole, like the launch image: the bar slides out to the right, then draws back in from the left. */
@keyframes sp-draw { 0%, 12% { stroke-dashoffset: 0; } 42% { stroke-dashoffset: -100; } 42.01% { stroke-dashoffset: 100; } 80%, 100% { stroke-dashoffset: 0; } }
@keyframes sp-fill { 0%, 12% { clip-path: inset(0); } 42% { clip-path: inset(0 0 0 100%); } 42.01% { clip-path: inset(0 100% 0 0); } 80%, 100% { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) { .sp-bar, .sp-fill { animation: none; } }