.tt-splash {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    transition: opacity 280ms ease, visibility 280ms ease;
}

.tt-splash--hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.tt-splash__content {
    width: min(26rem, calc(100vw - 2rem));
    padding: 1.5rem;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    text-align: center;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
    box-shadow: var(--mud-elevation-4);
}

.tt-splash__logo {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    margin: 0 auto 0.75rem;
    object-fit: cover;
}

.tt-splash__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.tt-splash__text {
    margin: 0.5rem 0 0.9rem;
    font-size: 0.95rem;
    opacity: 0.86;
}

@media (max-width: 36rem) {
    .tt-splash__content {
        padding: 1.1rem;
        width: calc(100vw - 1.4rem);
    }

    .tt-splash__title {
        font-size: 1.1rem;
    }

    .tt-splash__text {
        font-size: 0.9rem;
    }
}