/* HTML splash screen shown until the Avalonia app starts; Avalonia adds the
   `splash-close` class to fade it out once the first frame renders. */
.avalonia-splash {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #1b2a4e;
    font-family: 'Outfit', sans-serif;
    justify-content: center;
    align-items: center;
    display: flex;
    pointer-events: none;
}

.avalonia-splash h2 {
    font-weight: 400;
    font-size: 1.5rem;
    color: white;
}

.avalonia-splash.splash-close {
    transition: opacity 200ms, display 200ms;
    display: none;
    opacity: 0;
}

/* The link to the other front end on the demo site (see index.html). It sits above the Avalonia canvas. */
.demo-switch {
    position: fixed;
    right: 12px;
    bottom: 12px;
    z-index: 10;
    padding: 6px 12px;
    border-radius: 999px;
    background: #1b2a4e;
    color: #fff;
    font: 0.8rem system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    text-decoration: none;
    opacity: 0.85;
}

.demo-switch[hidden] { display: none; }
.demo-switch:hover { opacity: 1; }