/* SIMORVEX brand surfaces: splash, empty workspace, help dialog. */
.splash { position: fixed; inset: 0; z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: var(--bg-app); opacity: 1; transition: opacity .35s ease; animation: splash-failsafe .01s linear 8s forwards; }
.splash.done { opacity: 0; pointer-events: none; }
.splash-icon { width: 96px; height: 96px; filter: drop-shadow(0 10px 28px rgba(23, 162, 255, .22)); animation: splash-pop .5s ease-out both; }
.splash-word { height: 20px; width: auto; opacity: .95; }
@keyframes splash-pop { from { transform: scale(.88); opacity: 0; } to { transform: none; opacity: 1; } }
/* If scripts fail to load, the splash must never trap the page. */
@keyframes splash-failsafe { to { visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) { .splash { display: none; } }

.empty-logo { display: block; width: min(220px, 42%); height: auto; margin: 0 auto 16px; opacity: .92; user-select: none; -webkit-user-drag: none; }
@media (max-height: 600px) { .empty-logo { display: none; } }

.help-logo { display: block; width: 180px; max-width: 70%; height: auto; margin: 2px auto 14px; }