/*
 * Nature At War — mini-fiche joueur V2 / Phase 01.
 * Un seul habillage pour le forum et la fenêtre AJAX (chat, MP, propositions).
 * Les classes naw-forum-* restent conservées pour les scripts historiques.
 * Pas de texture réseau supplémentaire : bois, bronze et parchemin en CSS.
 */
.naw-forum-player-card-panel.naw-player-card-panel,
.naw-forum-player-card-panel.naw-forum-floating-panel.naw-player-card-panel {
    position: absolute;
    z-index: 20000;
    box-sizing: border-box;
    width: min(350px, calc(100vw - 20px));
    min-width: 0;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    margin: 0;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: anywhere;
    border: 1px solid #b38c42;
    border-radius: 10px;
    background:
        radial-gradient(ellipse at 12% 15%, rgba(247, 209, 127, .08), transparent 46%),
        linear-gradient(145deg, #57371d 0%, #2d1b10 46%, #60391c 100%);
    box-shadow:
        0 1px 0 #d4ac62 inset,
        0 0 0 1px rgba(32, 17, 8, .85),
        0 4px 0 rgba(22, 12, 6, .48),
        0 14px 30px rgba(18, 10, 5, .34);
    color: #3c2917;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: #a78352 #e3cda8;
}
.naw-forum-player-card-panel.naw-player-card-panel[hidden] {
    display: none !important;
}
.naw-player-card-panel::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(239, 195, 106, .22);
    border-radius: 7px;
    pointer-events: none;
    z-index: 1;
}
.naw-player-card-panel .naw-player-card-bar {
    position: relative;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    gap: 9px;
    padding: 7px 38px 8px 10px;
    color: #f6dfaa;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .15px;
    text-shadow: 0 1px 1px #1b110b;
    border-bottom: 2px ridge #9b7135;
}
.naw-player-card-panel .naw-player-card-bar > .glyphicon {
    color: #d4af64;
    font-size: 18px;
}
.naw-player-card-panel .naw-forum-popover-close.naw-forum-player-card-close {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #c9a15b;
    border-radius: 50%;
    background: linear-gradient(#7b371f, #4c2014);
    box-shadow: 0 1px 0 rgba(255, 215, 143, .35) inset, 0 1px 3px #20130c;
    color: #f9d59b;
    font-family: Arial, sans-serif;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}
.naw-player-card-panel .naw-forum-popover-close.naw-forum-player-card-close:hover,
.naw-player-card-panel .naw-forum-popover-close.naw-forum-player-card-close:focus-visible {
    background: linear-gradient(#984525, #5e2415);
    color: #fff0c6;
    outline: 2px solid #e3ba6c;
    outline-offset: 2px;
}
.naw-player-card-panel .naw-player-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    gap: 0;
    padding: 12px 10px 13px;
    border: 1px solid #c69e63;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background:
        radial-gradient(ellipse at 20% 28%, rgba(255, 250, 218, .66), transparent 52%),
        radial-gradient(ellipse at 96% 80%, rgba(126, 91, 40, .13), transparent 45%),
        repeating-linear-gradient(22deg, transparent 0, transparent 34px, rgba(99, 63, 30, .018) 35px, transparent 38px),
        linear-gradient(100deg, #e3c79b, #f4e0b9 45%, #e6c99c);
    box-shadow: 0 0 0 2px rgba(58, 32, 14, .16) inset;
}

/* Portrait : structure déjà utilisable par les futurs cadres custom-mask. */
.naw-player-card-panel .naw-player-card-avatar-shell {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 116px;
    height: 116px;
    margin: 0 auto 8px;
    border-radius: 50%;
    filter: drop-shadow(0 3px 3px rgba(49, 30, 12, .35));
}
.naw-player-card-panel .naw-player-card-avatar-backdrop {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 9px;
    overflow: hidden;
    border: 1px solid rgba(237, 185, 100, .7);
    border-radius: 50%;
    background:
        radial-gradient(circle at 29% 25%, rgba(241, 200, 118, .8), transparent 32%),
        radial-gradient(circle at 62% 75%, #654021 5%, transparent 65%),
        linear-gradient(135deg, #3d2716, #a37639 52%, #302318);
}
.naw-player-card-panel .naw-player-card-avatar-backdrop .glyphicon {
    color: rgba(242, 214, 151, .78);
    font-size: 43px;
    text-shadow: 0 2px 4px rgba(14, 9, 6, .7);
}
.naw-player-card-panel .naw-player-card-avatar-ring {
    position: absolute;
    inset: 0;
    border: 5px ridge #b8893d;
    border-radius: 50%;
    box-shadow:
        0 0 0 2px #493015 inset,
        0 0 0 3px rgba(244, 209, 138, .76),
        0 0 0 5px #65451f,
        0 2px 4px rgba(21, 11, 5, .44);
    pointer-events: none;
}
.naw-player-card-panel .naw-player-card-avatar-slot[hidden] { display: none !important; }
.naw-player-card-panel .naw-player-card-avatar-slot:not([hidden]) {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 9px;
    overflow: hidden;
    border-radius: 50%;
    isolation: isolate;
}
.naw-player-card-panel .naw-player-card-avatar-slot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.naw-player-card-panel .naw-forum-player-card-profile.naw-player-card-name {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    margin: 2px auto 3px;
    padding: 0 3px;
    color: #302015;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 250, 215, .65);
    overflow-wrap: anywhere;
}
.naw-player-card-panel .naw-player-card-name:hover,
.naw-player-card-panel .naw-player-card-name:focus-visible {
    color: #6c411f;
    text-decoration: underline;
    outline-offset: 3px;
}
.naw-player-card-panel .naw-player-card-details {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    margin: 6px 0 7px;
    color: #4c321c;
    font-size: 12px;
}
.naw-player-card-panel .naw-player-card-grade,
.naw-player-card-panel .naw-player-card-coordinate,
.naw-player-card-panel .naw-player-card-tdc {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    opacity: 1;
}
.naw-player-card-panel .naw-player-card-details .glyphicon {
    flex: 0 0 16px;
    color: #71522b;
    font-size: 14px;
    text-align: center;
}
.naw-player-card-panel .naw-player-card-detail-icon {
    display: block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    object-fit: contain;
}
.naw-player-card-panel .naw-player-card-details strong {
    color: #31251c;
    font-weight: 700;
}

/* Jusqu'à cinq actions, sur une rangée quand l'espace le permet.
 * Minimum 46px de hauteur et retour à la ligne seulement si nécessaire. */
.naw-player-card-panel .naw-forum-player-card-actions.naw-player-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    margin: 3px 0 0;
    padding: 9px 0 0;
    border: 0;
    border-top: 1px solid rgba(105, 72, 33, .3);
    border-radius: 0;
    background: none;
}
.naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action {
    display: flex;
    flex: 1 1 46px;
    flex-direction: column;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: auto;
    min-width: 46px;
    max-width: 96px;
    height: auto;
    min-height: 46px;
    margin: 0;
    padding: 4px 3px;
    border: 1px solid #8f754d;
    border-radius: 7px;
    background: linear-gradient(180deg, #5e5138, #373124);
    box-shadow: inset 0 1px rgba(255, 232, 190, .2);
    color: #f9e8c7;
    font-size: 10px;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action:hover,
.naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action:focus-visible {
    transform: translateY(-1px);
    border-color: #d9b379;
    background: linear-gradient(180deg, #736246, #49402c);
    color: #fff1d3;
    box-shadow: inset 0 1px rgba(255, 232, 190, .25);
    text-decoration: none;
    outline: 2px solid #93652d;
    outline-offset: 1px;
}
.naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action:active {
    transform: translateY(0);
    box-shadow: inset 0 2px 4px rgba(20, 12, 5, .3);
}
.naw-player-card-panel .naw-player-card-action--attack {
    border-color: #9d6551 !important;
    background: linear-gradient(180deg, #754737, #4d2a22) !important;
}
.naw-player-card-panel .naw-player-card-action--convoy {
    border-color: #8b824e !important;
    background: linear-gradient(180deg, #65623d, #403e27) !important;
}
.naw-player-card-panel .naw-player-card-action--attack:hover,
.naw-player-card-panel .naw-player-card-action--attack:focus-visible {
    background: linear-gradient(180deg, #865343, #5e3529) !important;
}
.naw-player-card-panel .naw-player-card-action--convoy:hover,
.naw-player-card-panel .naw-player-card-action--convoy:focus-visible {
    background: linear-gradient(180deg, #74714a, #514e30) !important;
}
.naw-player-card-panel .naw-player-card-action > .glyphicon,
.naw-player-card-panel .naw-player-card-icon-wrap > .glyphicon {
    display: inline-block;
    color: #eed2a0;
    font-size: 17px;
    line-height: 20px;
}
.naw-player-card-panel .naw-player-card-action img {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    object-fit: contain;
}
.naw-player-card-panel .naw-player-card-action-label {
    display: block;
    max-width: 100%;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}
.naw-player-card-panel .naw-forum-player-card-add-friend { position: relative; }
.naw-player-card-panel .naw-player-card-icon-wrap {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.naw-player-card-panel .naw-forum-friend-add-plus {
    position: absolute;
    right: -5px;
    bottom: -4px;
    color: #a7d28a;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 2px #18380d;
}
.naw-player-card-link,
.naw-chat-page .naw-chat-message-meta a[href^="profil-"] {
    cursor: pointer;
}
.naw-player-card-link-open { text-decoration: underline; }

@media (max-width: 375px) {
    .naw-forum-player-card-panel.naw-player-card-panel {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
    }
    .naw-player-card-panel .naw-player-card-content { padding: 9px 8px 10px; }
    .naw-player-card-panel .naw-player-card-avatar-shell {
        width: 98px;
        height: 98px;
        margin-bottom: 5px;
    }
    .naw-player-card-panel .naw-forum-player-card-profile.naw-player-card-name { font-size: 12px; }
    .naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
    .naw-player-card-panel .naw-player-card-action { transition: none; }
    .naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action:hover,
    .naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action:focus-visible { transform: none; }
}


/* Mini-fiche V2.1 — identité dans le fronton, prestige et colonies navigables. */
.naw-player-card-panel .naw-player-card-bar {
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 7px;
    padding-left: 12px;
    padding-right: 42px;
    text-align: center;
}
.naw-player-card-panel .naw-player-card-bar-name {
    min-width: 0;
    font-size: 18px;
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.naw-player-card-panel a.naw-player-card-bar-name:hover,
.naw-player-card-panel a.naw-player-card-bar-name:focus-visible {
    color: #fff1c3;
    text-decoration: underline;
}
.naw-player-card-panel a.naw-player-card-bar-name:focus-visible {
    outline: 2px solid #e3ba6c;
    outline-offset: 2px;
    border-radius: 3px;
}
.naw-player-card-panel .naw-player-card-alliance-tag {
    display: inline-block;
    flex: 0 1 auto;
    color: #e1bc76;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.naw-player-card-panel .naw-player-card-alliance-tag:hover,
.naw-player-card-panel .naw-player-card-alliance-tag:focus-visible {
    color: #fff1c3;
    text-decoration: underline;
}
.naw-player-card-panel .naw-forum-player-card-profile.naw-player-card-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    margin: 7px auto 2px;
    padding: 0 4px;
    font-family: inherit;
    font-size: 12px;
    text-decoration: none;
}
/* Les .naw-profile-title / .naw-profile-mentor-badge conservent 100% de
 * leurs formes, palettes et raretés dans design.css (profil public). */
.naw-player-card-panel .naw-profile-prestige-line .naw-profile-title .glyphicon,
.naw-player-card-panel .naw-profile-prestige-line .naw-profile-mentor-badge .glyphicon {
    font-size: inherit;
}
.naw-player-card-panel .naw-player-card-name.naw-profile-prestige-line:hover,
.naw-player-card-panel .naw-player-card-name.naw-profile-prestige-line:focus-visible {
    text-decoration: none;
}
.naw-player-card-panel .naw-player-card-name.naw-profile-prestige-line:focus-visible {
    outline: 2px solid #93652d;
    outline-offset: 3px;
    border-radius: 5px;
}
.naw-player-card-panel .naw-player-card-no-prestige {
    color: #735532;
    font-size: 12px;
    font-style: italic;
}
.naw-player-card-panel .naw-player-card-coordinate {
    position: relative;
    z-index: 6;
    flex-wrap: wrap;
    align-items: center;
}
.naw-player-card-panel .naw-player-card-tdc {
    align-items: center;
}
.naw-player-card-panel .naw-player-card-tdc strong {
    font-variant-numeric: tabular-nums;
}
.naw-player-card-panel .naw-player-card-colony-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    max-width: calc(100% - 100px);
    margin: 0;
    padding: 2px 3px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #47301a;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.35;
    text-decoration: underline dotted rgba(96, 66, 35, .65);
    text-underline-offset: 3px;
    cursor: pointer;
}
.naw-player-card-panel .naw-player-card-colony-toggle:hover,
.naw-player-card-panel .naw-player-card-colony-toggle:focus-visible {
    background: rgba(126, 90, 42, .13);
}
.naw-player-card-panel .naw-player-card-colony-toggle .glyphicon {
    flex: none;
    font-size: 9px;
}
.naw-player-card-panel .naw-player-card-colony-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.naw-player-card-panel .naw-player-card-map-link {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 1px 5px;
    border: 1px solid rgba(97, 65, 24, .2);
    border-radius: 4px;
    color: #3e5e2b;
    background: rgba(251, 246, 224, .46);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}
.naw-player-card-panel .naw-player-card-map-link:hover,
.naw-player-card-panel .naw-player-card-map-link:focus-visible {
    background: #f5e6c1;
    color: #244b1c;
    text-decoration: underline;
}
.naw-player-card-panel .naw-player-card-colony-menu:not([hidden]) {
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-sizing: border-box;
    position: absolute;
    z-index: 15;
    top: calc(100% + 5px);
    left: 16px;
    right: 0;
    width: auto;
    max-height: 165px;
    overflow-y: auto;
    margin: 0;
    padding: 6px;
    border: 1px solid #a6824d;
    border-radius: 5px;
    background: #f3dfb9;
    box-shadow: inset 0 1px 4px rgba(56, 34, 14, .14);
    color: #4a311a;
    font-size: 12px;
}
.naw-player-card-panel .naw-player-card-colony-menu.is-above:not([hidden]) {
    top: auto;
    bottom: calc(100% + 5px);
}
.naw-player-card-panel .naw-player-card-colony-menu[hidden] {
    display: none !important;
}
.naw-player-card-panel .naw-player-card-colony-option {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 5px 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #4b321d;
    font-size: 12px;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
}
.naw-player-card-panel .naw-player-card-colony-option:hover,
.naw-player-card-panel .naw-player-card-colony-option:focus-visible {
    border-color: #b69763;
    background: #e6cca0;
    outline-offset: 2px;
}

/* Portraits par défaut : même découpe et bordure pour les quatre espèces. */
.naw-player-card-panel .naw-player-card-avatar-slot:not([hidden]) {
    z-index: 1;
}
.naw-player-card-panel .naw-player-card-avatar-slot img.naw-player-card-avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    object-position: center 40%;
    object-fit: cover;
    border-radius: 50%;
}
.naw-player-card-panel .naw-player-card-avatar-ring {
    z-index: 2;
}
/* Médaillon unique : fiche joueur, profil public et aperçu Apparence.
 * Les cadres reprennent la géométrie des contours de colonie :
 * portrait et cadre ont EXACTEMENT le même repère carré + masque calibré.
 * Un léger débordement commun aux deux calques place l'ornement autour du
 * médaillon, sans modifier les radiusPct/shiftPct/clipPath du catalogue.
 */
.naw-portrait-common {
    position: relative;
    isolation: isolate;
    display: block;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    filter: drop-shadow(0 3px 3px #31200f77);
}
.naw-portrait-common > .naw-player-card-avatar-backdrop {
    position: absolute;
    inset: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #d2a96b;
    border-radius: 50%;
    background: radial-gradient(circle at 25% 20%, #e7b56c, #55341b 75%);
}
.naw-portrait-common > .naw-player-card-avatar-backdrop .glyphicon {
    color: #f4d69c;
    font-size: 40px;
}
.naw-portrait-common > .naw-player-card-avatar-slot:not([hidden]) {
    position: absolute;
    inset: 9px;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}
.naw-portrait-common > .naw-player-card-avatar-slot[hidden] {
    display: none !important;
}
.naw-portrait-common .naw-player-card-avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    border-radius: 50%;
}
.naw-portrait-common > .naw-player-card-avatar-ring {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    border: 5px ridge #b8893d;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ecc88c, 0 0 0 5px #765027;
    pointer-events: none;
}

/* Le catalogue des colonies a une image et son cadre superposés à 100%.
 * Sur le portrait ils sont tous deux agrandis dans le MÊME repère (110%)
 * pour que le contour ne paraisse plus enfermé à l'intérieur du médaillon.
 * Le médaillon classique, sans cadre cosmétique, reste inchangé. */
.naw-portrait-common.has-portrait-frame {
    --naw-avatar-frame-outset: 5%;
    overflow: visible;
}
.naw-portrait-common.has-portrait-frame > .naw-player-card-avatar-backdrop,
.naw-portrait-common.has-portrait-frame > .naw-player-card-avatar-slot:not([hidden]) {
    inset: calc(0% - var(--naw-avatar-frame-outset));
    border-radius: 0;
}
.naw-portrait-common.has-portrait-frame > .naw-player-card-avatar-slot:not([hidden]) {
    overflow: visible;
}
/* Même contrainte anti-rétrécissement que .naw-player-visual-border__portrait. */
.naw-portrait-common.has-portrait-frame .naw-player-card-avatar-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: cover !important;
}
.naw-portrait-common.has-portrait-frame.is-circular-mask .naw-player-card-avatar-image,
.naw-portrait-common.has-portrait-frame.is-circular-mask > .naw-player-card-avatar-backdrop {
    clip-path: circle(var(--naw-avatar-radius, 40%) at calc(50% + var(--naw-avatar-x, 0%)) calc(50% + var(--naw-avatar-y, 0%)));
}
.naw-portrait-common.has-portrait-frame.is-custom-mask .naw-player-card-avatar-image,
.naw-portrait-common.has-portrait-frame.is-custom-mask > .naw-player-card-avatar-backdrop {
    clip-path: var(--naw-avatar-clip, circle(40%));
}
.naw-portrait-common.has-portrait-frame > .naw-player-card-avatar-frame {
    position: absolute !important;
    top: calc(0% - var(--naw-avatar-frame-outset));
    left: calc(0% - var(--naw-avatar-frame-outset));
    z-index: 3;
    display: block !important;
    width: calc(100% + var(--naw-avatar-frame-outset) + var(--naw-avatar-frame-outset)) !important;
    height: calc(100% + var(--naw-avatar-frame-outset) + var(--naw-avatar-frame-outset)) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    pointer-events: none;
    user-select: none;
}
.naw-portrait-common--large { width: 148px; height: 148px; }

/* Smartphone : mini-fiche plus étroite, commandes à icônes seules.
 * Le contenu des labels et les aria-label restent dans le DOM. */
@media (max-width: 600px) {
    .naw-forum-player-card-panel.naw-player-card-panel,
    .naw-forum-player-card-panel.naw-forum-floating-panel.naw-player-card-panel {
        box-sizing: border-box;
        width: min(290px, calc(100vw - 16px));
        max-width: calc(100vw - 16px);
    }
    .naw-player-card-panel .naw-player-card-content {
        padding: 9px 8px 10px;
    }
    .naw-player-card-panel .naw-player-card-bar {
        min-height: 36px;
        padding: 6px 36px 6px 8px;
        font-size: 15px;
    }
    .naw-player-card-panel .naw-player-card-bar-name {
        font-size: 15px;
    }
    .naw-player-card-panel .naw-player-card-avatar-shell {
        width: 96px;
        height: 96px;
        margin-bottom: 4px;
    }
    .naw-player-card-panel .naw-forum-player-card-action.naw-player-card-action {
        flex: 1 1 44px;
        min-width: 44px;
        max-width: 56px;
        min-height: 44px;
        padding: 5px;
    }
    .naw-player-card-panel .naw-player-card-action-label {
        display: none;
    }
    .naw-player-card-panel .naw-player-card-action img {
        width: 22px;
        height: 22px;
        max-width: 22px;
    }
    .naw-player-card-panel .naw-player-card-action > .glyphicon,
    .naw-player-card-panel .naw-player-card-icon-wrap > .glyphicon {
        font-size: 20px;
        line-height: 22px;
    }
}