/* LampLit skeleton styles. Phase 3 replaces this with look A, "Arena at night". */

html, body {
    background: #06080E;
    color: #F3F5F9;
}

.ll-brand {
    text-decoration: none;
    color: inherit;
}

.ll-brand-word {
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: .01em;
}

.ll-brand-big {
    font-size: 2.4rem;
}

.ll-brand-lit {
    color: #FF3B47;
    text-shadow: 0 0 14px rgba(255, 59, 71, .6);
}

.ll-card,
.ll-auth-card {
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 18px;
}

.ll-auth-card {
    max-width: 440px;
    margin: 24px auto;
}

.ll-divider {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ll-divider span {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, .12);
}

.ll-prose a,
.ll-footer a {
    color: #FF6B76;
}

.ll-footer {
    text-align: center;
    padding: 24px 16px calc(24px + env(safe-area-inset-bottom));
}

.ll-startup {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, sans-serif;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 16px;
    background: #2A0A0E;
    color: #FFFFFF;
    z-index: 1000;
}

#blazor-error-ui .reload {
    color: #FF8F97;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    float: right;
}