/* v565 master app branding + responsive startup splash. Branding-only. */
:root{
  --app-splash-bg-v565:#0f172a;
  --app-splash-fg-v565:#ffffff;
}
.app-splash-v565{
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:var(--app-splash-bg-v565);color:var(--app-splash-fg-v565);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
  min-height:100dvh;min-height:100svh;
}
.app-splash-v565.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.app-splash-card-v565{width:min(92vw,620px);max-height:calc(100dvh - 48px);display:grid;justify-items:center;align-content:center;text-align:center;gap:clamp(12px,2.4vh,24px)}
.app-splash-logo-v565{display:block;width:auto;height:auto;max-width:min(52vw,220px);max-height:min(34dvh,220px);object-fit:contain;filter:none}
.app-splash-logo-v565.has-artwork{max-width:min(82vw,620px);max-height:min(52dvh,520px);border-radius:clamp(14px,3vw,28px)}
.app-splash-title-v565{margin:0;font:900 clamp(25px,6vw,46px)/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em;color:inherit;text-wrap:balance}
.app-splash-subtitle-v565{margin:0;max-width:48ch;font:700 clamp(13px,3.4vw,18px)/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:inherit;opacity:.78;text-wrap:balance}
.app-splash-loader-v565{width:42px;height:4px;border-radius:999px;background:currentColor;opacity:.16;overflow:hidden;position:relative}
.app-splash-loader-v565::after{content:"";position:absolute;inset:0;width:45%;border-radius:inherit;background:currentColor;opacity:.8;animation:appSplashLoadV565 .8s ease-in-out infinite alternate}
@keyframes appSplashLoadV565{from{transform:translateX(-20%)}to{transform:translateX(145%)}}
@media (orientation:landscape) and (max-height:600px){
  .app-splash-card-v565{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo title" "logo subtitle" "logo loader";column-gap:28px;row-gap:8px;text-align:left;justify-items:start;width:min(88vw,780px)}
  .app-splash-logo-v565{grid-area:logo;max-width:min(28vw,180px);max-height:min(54dvh,180px)}
  .app-splash-logo-v565.has-artwork{max-width:min(38vw,300px);max-height:min(66dvh,280px)}
  .app-splash-title-v565{grid-area:title}.app-splash-subtitle-v565{grid-area:subtitle}.app-splash-loader-v565{grid-area:loader}
}
@media (prefers-reduced-motion:reduce){.app-splash-v565{transition:none}.app-splash-loader-v565::after{animation:none;width:100%}}