/* CHIKARA splash and wait chip (Load Animation standard, Navigator 1.11.0 layout): the logo is centred and breathes, the ROTOR sits bottom-left,
   and the real status line rolls in beside it. Shared by every utility, copied byte-identical. Needs motion.css (rotor, tokens). ASCII only. */
:root { --splash-bg: #09443B; --splash-ink: #EDE3CB; --splash-gold: #C9B27A; }
.boot, #splash.splash { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: radial-gradient(120% 90% at 50% 40%, #0B4B40 0%, #09443B 60%, #073A32 100%); color: var(--splash-ink); transition: opacity .6s var(--m-ease, ease); }
.boot.is-done { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .6s var(--m-ease, ease), visibility 0s .6s; }
.boot__inner { text-align: center; padding: 0 20px; width: min(92vw, 420px); }
.boot__logo { display: block; width: min(64vw, 300px); height: auto; margin: 0 auto 10px; animation: m-logo-breathe 3.2s ease-in-out infinite; }
.boot__logo--tile { width: min(58vw, 280px); border-radius: 12%; box-shadow: 0 0 0 1px rgba(201, 151, 58, .55), 0 14px 40px rgba(0, 0, 0, .45); }
@keyframes m-logo-breathe { 0%, 100% { opacity: .92; transform: scale(1); } 50% { opacity: 1; transform: scale(1.015); } }
.boot__word { font-family: var(--f-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(1.5rem, 6vw, 2rem); letter-spacing: .08em; margin: 6px 0 0; color: var(--splash-ink); }
.boot__tag { font-family: var(--f-mono, ui-monospace, Consolas, monospace); font-size: .6rem; letter-spacing: .24em; text-transform: uppercase; color: var(--splash-gold); margin: 6px 0 0; }
/* the rotor: bottom-left, with the real status beside it */
.boot__rotor { position: absolute; left: 20px; bottom: calc(44px + env(safe-area-inset-bottom, 0px)); --rs: 56px; margin: 0; animation: m-roll-in .7s var(--m-ease-out, ease-out) .15s both; }
.boot__status { position: absolute; left: calc(20px + 56px + 14px); right: 16px; bottom: calc(44px + 28px - .85em + env(safe-area-inset-bottom, 0px)); margin: 0; min-height: 1.7em; font-family: var(--f-mono, ui-monospace, Consolas, monospace); font-size: .8rem; line-height: 1.7; color: #D9D2C3; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boot__status.in { animation: m-status-in .5s var(--m-ease-out, ease-out) both; }
.boot__credit { position: absolute; left: 0; right: 0; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); text-align: center; font-family: var(--f-mono, ui-monospace, Consolas, monospace); font-size: .56rem; letter-spacing: .1em; color: rgba(237, 227, 203, .72); pointer-events: none; }
@keyframes m-roll-in { from { opacity: 0; transform: translateX(-32px) rotate(-120deg) scale(.8); } to { opacity: 1; transform: none; } }
@keyframes m-status-in { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
.splash-skip { position: absolute; top: calc(14px + var(--safe-top, 0px)); right: 14px; min-height: 44px; min-width: 64px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .4); background: rgba(0, 0, 0, .25); color: #F2EDE2; font-weight: 600; z-index: 2; }
/* blade angles and sizes (no inline styles under the CSP) */
.rotor__b.a0 { --a: 0deg; } .rotor__b.a90 { --a: 90deg; } .rotor__b.a180 { --a: 180deg; } .rotor__b.a270 { --a: 270deg; }
.rotor--chip { --rs: 22px; }
.rotor__logo { background: var(--gold-band, linear-gradient(180deg, #E5BE6A 0%, #C9973A 40%, #96702A 100%)); }
/* wait chip fallbacks for apps without the Theme Kit tokens */
.wait-chip { background: var(--surface, #FBF5EA); border: 1px solid var(--line, #D9CDB3); color: var(--ink, var(--text, #1A1208)); box-shadow: var(--shadow, 0 8px 24px rgba(0, 0, 0, .22)); }
/* Existing upstream splashes (Calculator, Scripture): the build adds a rotor and this layout; the progress bar is replaced by the rotor. */
#splash.splash .splash-bar { display: none; }
#splash.splash #splashStatus { position: absolute; left: calc(20px + 56px + 14px); right: 16px; bottom: calc(44px + 28px - .85em + env(safe-area-inset-bottom, 0px)); margin: 0; text-align: left; font-size: .8rem; line-height: 1.7; opacity: 0; animation: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#splash.splash #splashStatus.in { animation: m-status-in .5s var(--m-ease-out, ease-out) both; }
#splash.splash .boot__credit { z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .boot__logo, .boot__rotor { animation: none !important; }
  .boot__status, #splash.splash #splashStatus { opacity: 1; animation: none !important; }
  .boot { transition: opacity .32s linear; }
}