/* Famiglia, chat di famiglia, scheda giocatore e attacco rapido.
   Fa parte degli stili del gioco: fragments/game-styles.html li include
   in ordine dopo game.css. */

/* Famiglia: sigla accanto ai nomi, stemma e bacheca del Don. */
.family-tag {
    color: var(--aged-gold);
    font-weight: 600;
    letter-spacing: .03em;
}

.family-emblem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: 2px solid var(--aged-gold);
    color: var(--aged-gold);
    font-size: 1.6rem;
    background: rgba(8, 9, 12, 0.72);
    flex-shrink: 0;
}

.family-emblem-picker {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.family-emblem-picker .btn {
    width: 2.75rem;
    font-size: 1.15rem;
}

.family-board {
    white-space: pre-wrap;
    word-break: break-word;
}

/* La chat di famiglia cresce con i messaggi, fino all'altezza della chat privata. */
.message-list-shell.family-chat {
    height: auto;
    min-height: 8rem;
    max-height: 360px;
}

/* Nomi dei giocatori che aprono la scheda (static/js/player-card.js). */
.player-link {
    color: inherit;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    font-size: inherit;
}

.player-link:hover,
.player-link:focus-visible {
    color: var(--bs-warning);
}

/* Attacco rapido: una riga per tipo, nome troncato e quantita' di larghezza fissa. */
.quick-attack-row {
    flex-wrap: nowrap;
}

.quick-attack-row > .input-group-text {
    min-width: 0;
    display: block;
    text-align: left;
}

.quick-attack-row > .quick-attack-unit {
    flex: 0 0 6rem;
}