/* ═══════════════════════════════════════
   Всплывающее приглашение в бой
   ═══════════════════════════════════════ */

/*
 * Живёт на каждой странице игрока, поэтому позиционируется фиксированно и не
 * зависит от вёрстки той страницы, поверх которой всплыло. z-index выше
 * навбара: приглашение не имеет права уехать под него.
 */
.invite-toast {
    position: fixed;
    right: var(--space-lg);
    bottom: var(--space-lg);
    z-index: 1100;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-width: 340px;
    padding: var(--space-lg);
    color: var(--text-toast);
    background: var(--bg-toast);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.invite-toast__text {
    font-size: var(--font-md);
    line-height: 1.5;
}

.invite-toast__actions {
    display: flex;
    gap: var(--space-sm);
}

.invite-toast__btn {
    padding: var(--space-xs) var(--space-md);
    font-size: var(--font-sm);
    text-align: center;
    text-decoration: none;
}

/* На мобильных — во всю ширину с отступами: 340px там уже не помещаются. */
@media (max-width: 600px) {
    .invite-toast {
        right: var(--space-md);
        left: var(--space-md);
        max-width: none;
    }
}