/* ===== CyberLite Universe AV-1A — Classic Login + Compact Welcome ===== */

/* The signed-out sign-in/create-account experience keeps the original
   CyberLite window. Only the signed-in welcome card becomes compact. */
.login-panel.login-panel-compact {
    width:min(310px,100%) !important;
    justify-self:end !important;
    padding:19px 20px !important;
    border-radius:20px !important;
}

.compact-welcome h2 {
    margin:0 0 15px !important;
    color:#f5f8ff;
    font-size:clamp(1.18rem,1.7vw,1.48rem) !important;
    line-height:1.18 !important;
    text-align:left;
}
.compact-welcome h2 span {
    color:#75e8ff;
}
.compact-welcome-row {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.compact-welcome .compact-avatar {
    width:76px !important;
    height:76px !important;
    margin:0 !important;
    border:2px solid rgba(92,214,255,.62) !important;
    box-shadow:0 0 22px rgba(68,164,255,.18);
}
.last-game-summary {
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
}
.last-game-label {
    color:#9caac7;
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.last-game-summary strong {
    display:block;
    max-width:100%;
    overflow:hidden;
    color:#fff;
    font-size:.98rem;
    line-height:1.22;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.last-game-link {
    display:inline-flex;
    margin-top:3px;
    color:#73e6ff;
    font-size:.82rem;
    font-weight:800;
    text-decoration:none;
}
.last-game-link:hover,
.last-game-link:focus-visible {
    color:#fff;
    text-decoration:underline;
    outline:none;
}
.last-game-empty {
    color:#8f9bb5;
    font-size:.73rem;
    line-height:1.25;
}

/* Preserve the original compact account window instead of expanding it to
   accommodate all 24 avatars during registration. The full 24-avatar gallery
   remains available after login from Change Avatar. */
.auth-modal {
    width:min(540px,100%) !important;
}

/* On smaller screens, the top controls remain the single place for avatar
   changes and signing out, so the welcome card does not need duplicate buttons. */
@media (max-width:1050px) {
    .login-panel.login-panel-compact {
        width:min(310px,100%) !important;
        justify-self:center !important;
    }
}
@media (max-width:820px) {
    .account-actions [data-logout] {
        display:inline-flex !important;
        min-height:40px;
        padding-inline:11px;
        font-size:.76rem;
    }
}
@media (max-width:540px) {
    .login-panel.login-panel-compact {
        width:min(300px,100%) !important;
        padding:17px !important;
    }
    .compact-welcome-row {
        grid-template-columns:68px minmax(0,1fr);
        gap:12px;
    }
    .compact-welcome .compact-avatar {
        width:68px !important;
        height:68px !important;
    }
    .account-actions {
        gap:6px;
    }
    .account-actions [data-logout] {
        padding-inline:8px;
        font-size:.7rem;
    }
}