/* _content/AllianceElendil/Composants/Global/BlocsContenu/AppelAction/AppelAction.razor.rz.scp.css */
.appel-action[b-lf4z1wy7x2] {
    width: 100%;
    padding-bottom: clamp(3rem, 7vw, 6rem);
}

.carte[b-lf4z1wy7x2] {
    max-width: 56rem;
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 5vw, 3.5rem);
    border-radius: var(--force-bordures);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(ellipse at 15% 0%, rgba(124, 5, 223, 0.22), transparent 60%),
        radial-gradient(ellipse at 85% 100%, rgba(167, 12, 201, 0.16), transparent 60%),
        var(--couleur-fond-panneau);
    box-shadow: var(--ombre-carte);
    text-align: center;
}

h2[b-lf4z1wy7x2] {
    margin: 0;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    line-height: 1.15;
    color: white;
    text-wrap: balance;
}

p[b-lf4z1wy7x2] {
    max-width: 50ch;
    margin: 1rem auto 0;
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.85);
}

.actions[b-lf4z1wy7x2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.8rem;
}

/* Mobile : marges reduites pour qu'une adresse (BoutonAdresse) tienne sur une ligne */
@media (max-width: 640px) {
    .appel-action[b-lf4z1wy7x2] {
        padding-inline: 1rem;
    }

    .carte[b-lf4z1wy7x2] {
        padding-inline: 1rem;
    }
}
/* _content/AllianceElendil/Composants/Global/BlocsContenu/BlocContenuGaucheDroite/BlocContenuGaucheDroite.razor.rz.scp.css */
.contenu[b-hsoldrw4rk] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
}

.centrage-milieu[b-hsoldrw4rk] {
    align-items: center;
}

.centrage-haut-div[b-hsoldrw4rk] {
    align-items: start;
}

.centre[b-hsoldrw4rk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 3rem;
    width: 100%;
}

.contenu-haut[b-hsoldrw4rk] {
    margin-bottom: 1.3rem;
}

.contenu-droite[b-hsoldrw4rk], .contenu-gauche[b-hsoldrw4rk] {
    /* flex: 1 1 0 respecte le gap sans overflow (width: 50% + gap debordait) */
    flex: 1 1 0;
    min-width: 0;
}

.contenu-haut[b-hsoldrw4rk], .contenu-bas[b-hsoldrw4rk] {
    width: 100%;
}

.contenu-bas[b-hsoldrw4rk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

@media (max-width: 1024px) {

    .centre[b-hsoldrw4rk] {
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 1.5rem;
    }

    .contenu-droite[b-hsoldrw4rk], .contenu-gauche[b-hsoldrw4rk] {
        flex: 0 0 100%;
        width: 100%;
    }

    .contenu-bas[b-hsoldrw4rk] {
        margin-top: 0.6rem;
    }
}
/* _content/AllianceElendil/Composants/Global/BlocsContenu/BlocTexteMedia/BlocTexteMedia.razor.rz.scp.css */
.contenu[b-61jgd9d7us] {
    width: 100%;
}

/* Div et non <p> : les textes contiennent eux-memes des <p>, <ul> et <h3>, qu'un <p> ne peut pas
   contenir (le navigateur cassait la structure au pre-rendu, puis la page grandissait au demarrage
   de Blazor). Couleur et marge basse d'un paragraphe, pour garder le rendu d'origine. */
.texte-corps[b-61jgd9d7us] {
    word-wrap: break-word;
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    line-height: 1.5;
    color: var(--couleur-texte);
    margin-bottom: 1rem;
}

/* typographie.css donne la police d'interface aux <p> et aux titres : on la remplace ici */
.texte-corps[b-61jgd9d7us]  p {
    font-family: var(--police-lecture);
}

/* socle.css remet la marge des listes a zero : le paragraphe suivant s'y collait */
.texte-corps[b-61jgd9d7us]  ul {
    margin-bottom: 1rem;
}

.texte-corps[b-61jgd9d7us]  h3 {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: var(--h3-taille-texte);
}


.texte[b-61jgd9d7us] {
    padding : 1rem;
}

.media[b-61jgd9d7us] {
    height: auto;
}

.sous-texte[b-61jgd9d7us] {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.partie-gauche[b-61jgd9d7us], .partie-droite[b-61jgd9d7us] {
    width: 100%;
}

.bas-page[b-61jgd9d7us] {

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1024px) {

    .partie-droite[b-61jgd9d7us], .partie-gauche[b-61jgd9d7us] {
        
        width: 100%;
    }

    .partie-droite[b-61jgd9d7us] {
        margin-left: 0%;
    }

    .media[b-61jgd9d7us] {

        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .sous-texte[b-61jgd9d7us] {

        align-items: center;
        justify-content: center;
        margin-top: 1.2rem;
    }
}
/* _content/AllianceElendil/Composants/Global/BlocsContenu/SectionsPage/SectionsPage.razor.rz.scp.css */
/* ============================== SOMMAIRE ============================== */

.sommaire[b-914aa0u8x0] {
    width: 100%;
    margin-top: clamp(3rem, 6vw, 5rem);
}

.sommaire-titre[b-914aa0u8x0] {
    margin: 0 0 1rem;
    text-align: center;
    font-family: var(--police-texte);
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
}

.sommaire-liste[b-914aa0u8x0] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.6rem;
}

.sommaire-liste a[b-914aa0u8x0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    min-height: 44px;
    padding: 0.6rem 0.9rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    text-decoration: none;
    font-family: var(--police-lecture);
    font-size: 1.05rem;
    line-height: 1.25;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.sommaire-liste a:hover[b-914aa0u8x0] {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 255, 255, 0.25);
}

.sommaire-liste img[b-914aa0u8x0] {
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
    object-fit: contain;
    image-rendering: pixelated;
}

/* ============================== SECTIONS ============================== */

/* La barre de navigation flotte en haut : l'ancre ne doit pas passer dessous */
.section-page[b-914aa0u8x0] {
    scroll-margin-top: 6rem;
}

@media (prefers-reduced-motion: reduce) {
    .sommaire-liste a[b-914aa0u8x0] {
        transition: none;
    }
}
/* _content/AllianceElendil/Composants/Global/BlocsContenu/Titre1/Titre1.razor.rz.scp.css */
.icone-et-titre[b-1rsy2mhlp3] {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    height: 6rem;
    margin-bottom: 2rem;
}

.separation-et-titre[b-1rsy2mhlp3] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}

.separateur[b-1rsy2mhlp3] {
    margin-top: 0.8rem;
    height: 0.4rem;
    width: 9rem;
    border-radius: 50px;
    background: var(--gradient-violet-rose-peche);
    /* Transition hover (s'allonge) — ne conflit pas avec l'animation d'entree */
    transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.45s ease;
    animation: trait-separateur-b-1rsy2mhlp3 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.15s;
}

.icone-et-titre:hover .separateur[b-1rsy2mhlp3] {
    width: 16rem;
}

@keyframes trait-separateur-b-1rsy2mhlp3 {
    from { width: 0; opacity: 0; }
    to   { width: 9rem; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .separateur[b-1rsy2mhlp3] {
        animation: none;
        transition: none;
    }
}

.icone-et-titre img[b-1rsy2mhlp3] {
    height: 80%;
    width: auto;
    margin-right: 1.3rem;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.icone-et-titre:hover img[b-1rsy2mhlp3] {
    transform: rotate(15deg) scale(1.12);
}


h2[b-1rsy2mhlp3], h3[b-1rsy2mhlp3] {
    font-size: var(--h3-taille-texte);
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-style: var(--font-style-grand-titre);
}

@media (max-width: 1024px) {

    .icone-et-titre img[b-1rsy2mhlp3] {
        
        height: 54%;
        width: auto;
        margin-right: 1.3rem;
    }

    .icone-et-titre[b-1rsy2mhlp3] {
        margin-bottom: 0rem;
    }
}
/* _content/AllianceElendil/Composants/Global/Boutons/BoutonAdresse/BoutonAdresse.razor.rz.scp.css */
.bouton-adresse[b-afjav40cdm] {
    display: flex;
    justify-content: center;
    max-width: 100%;
}

.adresse[b-afjav40cdm] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 100%;
    padding: 0.45rem 0.45rem 0.45rem 1.1rem;
    border-radius: 50px;
    background: rgba(8, 6, 20, 0.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
    color: white;
    cursor: pointer;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.adresse:hover[b-afjav40cdm] {
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-2px);
}

.adresse img[b-afjav40cdm] {
    width: 1.3rem;
    height: 1.3rem;
    object-fit: contain;
    flex-shrink: 0;
}

.adresse code[b-afjav40cdm] {
    font-family: var(--police-texte);
    font-size: clamp(0.95rem, 2.4vw, 1.15rem);
    font-weight: 600;
    color: white;
    overflow-wrap: anywhere;
    text-align: left;
}

.adresse-action[b-afjav40cdm] {
    flex-shrink: 0;
    padding: 0.55rem 1.1rem;
    border-radius: 50px;
    background: var(--gradient-violet-rose-peche);
    font-family: var(--police-texte);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    transition: background 0.25s ease;
}

.action-copiee[b-afjav40cdm],
.adresse.copiee .action-repos[b-afjav40cdm] {
    display: none;
}

.adresse.copiee .action-copiee[b-afjav40cdm] {
    display: inline;
}

.adresse.copiee[b-afjav40cdm] {
    border-color: rgba(34, 197, 94, 0.7);
}

.adresse.copiee .adresse-action[b-afjav40cdm] {
    background: #15803d;
}

/* ============================== VERSION COMPACTE ============================== */

.compact .adresse[b-afjav40cdm] {
    width: 100%;
    gap: 0.5rem;
    padding: 0.3rem 0.3rem 0.3rem 0.7rem;
    border-radius: 0.55rem;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.compact .adresse:hover[b-afjav40cdm] {
    border-color: rgba(167, 12, 201, 0.6);
    transform: none;
}

.compact .adresse img[b-afjav40cdm] {
    width: 1rem;
    height: 1rem;
    opacity: 0.85;
}

.compact .adresse code[b-afjav40cdm] {
    flex: 1;
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
}

.compact .adresse-action[b-afjav40cdm] {
    padding: 0.4rem 0.75rem;
    border-radius: 0.4rem;
    background: rgba(167, 12, 201, 0.22);
    border: 1px solid rgba(167, 12, 201, 0.5);
    font-size: 0.78rem;
}

.compact .adresse:hover .adresse-action[b-afjav40cdm] {
    background: var(--gradient-violet-rose-peche);
}

.compact .adresse.copiee .adresse-action[b-afjav40cdm] {
    background: #15803d;
    border-color: #15803d;
}

@media (max-width: 640px) {
    /* Place gagnee pour garder l'adresse sur une ligne */
    .adresse[b-afjav40cdm] {
        gap: 0.55rem;
        padding-left: 1rem;
    }

    .adresse img[b-afjav40cdm] {
        display: none;
    }

    .adresse code[b-afjav40cdm] {
        font-size: 0.85rem;
    }

    .adresse-action[b-afjav40cdm] {
        padding-inline: 0.85rem;
        font-size: 0.85rem;
    }
}

/* Ecrans tactiles : cible d'au moins 44 px */
@media (pointer: coarse) {
    .compact .adresse[b-afjav40cdm] {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .adresse[b-afjav40cdm] {
        transition: none;
    }
}
/* _content/AllianceElendil/Composants/Global/Boutons/BoutonFondTransparent/BoutonFondTransparent.razor.rz.scp.css */
/* Surcharge la base partagee dans wwwroot/css/boutons.css */

.style-blanc[b-xoc95u1zau] {
    background-color: white;
    box-shadow: var(--ombre-bouton);
}

.style-blanc p[b-xoc95u1zau] {
    color: black;
}

/* Shimmer teinture sombre pour le fond blanc (le blanc sur blanc etait invisible) */
.style-blanc[b-xoc95u1zau]::before {
    background-color: rgba(0, 0, 0, 0.10);
    opacity: 1;
}

/* Effet de levee au survol : ombre plus marquee = sensation de profondeur */
.style-blanc:hover[b-xoc95u1zau] {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.style-transparent[b-xoc95u1zau] {
    background-color: transparent;
    border: 4px solid white;
}

.style-transparent p[b-xoc95u1zau] {
    color: white;
}

.halo[b-xoc95u1zau] {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.8);
}

.bouton[b-xoc95u1zau] {
    transition: var(--transition-grossissement), box-shadow 0.22s ease;
}

.bouton[b-xoc95u1zau]::before {
    transition: width 0.27s ease-in-out;
}
/* _content/AllianceElendil/Composants/Global/Boutons/BoutonGradientViolet/BoutonGradientViolet.razor.rz.scp.css */
/* Surcharge la base partagee dans wwwroot/css/boutons.css */

.bouton[b-d781m94l0v] {
    color: var(--couleur-texte);
    box-shadow: var(--ombre-bouton);
}

.bouton[b-d781m94l0v] {
    transition: var(--transition-grossissement), box-shadow 0.22s ease;
    background: var(--gradient-violet-rose-peche);
}

/* Shimmer sombre sur gradient clair (le blanc sur violet clair etait trop leger) */
.bouton[b-d781m94l0v]::before {
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: width 0.27s ease-in-out;
}

.bouton:hover[b-d781m94l0v] {
    box-shadow: 0 8px 24px rgba(130, 0, 200, 0.40);
}
/* _content/AllianceElendil/Composants/Global/FondMedia/EntetePage.razor.rz.scp.css */
/* L'en-tete laisse l'image telle quelle : plus aucun voile d'assombrissement par-dessus.
   .background et .foreground appartiennent a FondMedia : ::deep est necessaire pour les atteindre. */
.entete-page[b-1bc19xyko7]  .foreground {
    z-index: 2;
}

.entete-page .interieur[b-1bc19xyko7] {
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.entete-page .interieur h1[b-1bc19xyko7] {
    animation: entree-haut-b-1bc19xyko7 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.05s;
}

.entete-page .interieur h2[b-1bc19xyko7] {
    animation: entree-haut-b-1bc19xyko7 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: 0.22s;
}

/* backwards (et non both) : l'etat final ne doit pas ecraser le transform du :hover des boutons */
.entete-page .interieur[b-1bc19xyko7]  .bouton {
    animation: entree-haut-b-1bc19xyko7 0.75s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: 0.40s;
}

@keyframes entree-haut-b-1bc19xyko7 {
    from {
        opacity: 0;
        transform: translateY(1.6rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .entete-page .interieur h1[b-1bc19xyko7],
    .entete-page .interieur h2[b-1bc19xyko7],
    .entete-page .interieur[b-1bc19xyko7]  .bouton {
        animation: none;
    }
}

@media (max-width: 1024px) {
    .entete-page .interieur[b-1bc19xyko7] {
        max-width: 48rem;
        padding-inline: 0.8rem;
    }
}

@media (max-width: 640px) {
    .entete-page .interieur[b-1bc19xyko7] {
        max-width: 100%;
        padding-inline: 0.5rem;
        gap: 0.35rem;
    }
}
/* _content/AllianceElendil/Composants/Global/FondMedia/FondMedia.razor.rz.scp.css */
.background-container[b-qkpqfr2nh4] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: transparent;
}

.background[b-qkpqfr2nh4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background img[b-qkpqfr2nh4],
.background video[b-qkpqfr2nh4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: kenburns-b-qkpqfr2nh4 16s ease-in-out infinite alternate;
    will-change: transform;
}

.foreground[b-qkpqfr2nh4] {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

@keyframes kenburns-b-qkpqfr2nh4 {
    0%   { transform: scale(1)    translateX(0)     translateY(0); }
    100% { transform: scale(1.07) translateX(-1.5%) translateY(-1%); }
}

@media (prefers-reduced-motion: reduce) {
    .background img[b-qkpqfr2nh4],
    .background video[b-qkpqfr2nh4] {
        animation: none;
    }
}
/* _content/AllianceElendil/Composants/Global/Footer/Footer.razor.rz.scp.css */
.footer-shell[b-ytcx92hls3] {
    position: relative;
    margin-top: 7rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    background:
        radial-gradient(circle at 10% 20%, rgba(16, 185, 129, 0.16), transparent 44%),
        radial-gradient(circle at 85% 15%, rgba(59, 130, 246, 0.14), transparent 40%),
        linear-gradient(160deg, #0a101a 0%, #111a26 55%, #0b121f 100%);
    overflow: hidden;
}

.footer-decor[b-ytcx92hls3] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.3;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, transparent, black 18%, black 78%, transparent);
}

.footer-wrap[b-ytcx92hls3] {
    position: relative;
    z-index: 1;
    width: min(1200px, calc(100% - 2.5rem));
    margin: 0 auto;
    padding: 3rem 0 1.4rem;
    color: #e8ecf3;
}

.footer-top[b-ytcx92hls3] {
    display: grid;
    grid-template-columns: 1.5fr 0.9fr 1fr;
    gap: 1.4rem;
    align-items: stretch;
}

.footer-brand[b-ytcx92hls3],
.footer-links[b-ytcx92hls3],
.footer-cta[b-ytcx92hls3] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(5, 10, 18, 0.56);
    backdrop-filter: blur(6px);
    border-radius: 18px;
    padding: 1.2rem;
}

.footer-brand-head[b-ytcx92hls3] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.footer-logo[b-ytcx92hls3] {
    width: 68px;
    height: 68px;
    object-fit: contain;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.42));
}

.footer-brand h2[b-ytcx92hls3],
.footer-links h3[b-ytcx92hls3],
.footer-cta h3[b-ytcx92hls3] {
    margin: 0;
    color: #ffffff;
    line-height: 1.2;
}

.footer-brand-subtitle[b-ytcx92hls3] {
    margin: 0.25rem 0 0;
    font-size: 0.92rem;
    color: #b8c5d8;
}

.footer-brand-text[b-ytcx92hls3] {
    margin: 1rem 0 1.1rem;
    color: #d5deea;
    max-width: 52ch;
}

.footer-chip[b-ytcx92hls3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    font-weight: 700;
    color: #e9fff6;
    background: linear-gradient(120deg, #1b7f67, #157c96);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    padding: 0.52rem 0.88rem;
    transition: transform 140ms ease, filter 140ms ease;
}

.footer-chip:hover[b-ytcx92hls3] {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.footer-links[b-ytcx92hls3] {
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
}

.footer-links a[b-ytcx92hls3] {
    color: #d6dfeb;
    text-decoration: none;
    width: fit-content;
    transition: color 120ms ease, transform 120ms ease;
}

.footer-links a:hover[b-ytcx92hls3] {
    color: #ffffff;
    transform: translateX(4px);
}

.footer-cta p[b-ytcx92hls3] {
    margin: 0.65rem 0;
    color: #d4dfee;
}

.footer-discord[b-ytcx92hls3] {
    display: inline-flex;
    text-decoration: none;
    color: #f2f7ff;
    font-weight: 700;
    background: linear-gradient(120deg, #305bbf, #4f46b5);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.64rem 1rem;
    margin-top: 0.15rem;
    transition: transform 130ms ease, box-shadow 130ms ease;
}

.footer-discord:hover[b-ytcx92hls3] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(18, 27, 57, 0.4);
}

.footer-ip[b-ytcx92hls3] {
    margin-top: 0.85rem;
    font-size: 0.94rem;
}

.footer-bottom[b-ytcx92hls3] {
    margin-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-bottom p[b-ytcx92hls3] {
    margin: 0;
    color: #c5d1e0;
    font-size: 0.9rem;
}

@media (max-width: 1024px) {
    .footer-top[b-ytcx92hls3] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .footer-wrap[b-ytcx92hls3] {
        width: min(1200px, calc(100% - 1.5rem));
        padding-top: 2rem;
    }
}

/* Ecrans tactiles : cibles d'au moins 44 px ; les liens portent eux-memes l'espacement */
@media (pointer: coarse) {
    .footer-links[b-ytcx92hls3] {
        gap: 0;
    }

    .footer-links a[b-ytcx92hls3] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        min-width: 44px;
    }

    .footer-chip[b-ytcx92hls3],
    .footer-discord[b-ytcx92hls3] {
        align-items: center;
        min-height: 44px;
    }
}
/* _content/AllianceElendil/Composants/Global/Images/ImageDimensionee/ImageDimensionee.razor.rz.scp.css */
.image-enveloppe[b-0e1zhar7yn] {
    display: block;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.60);
    transition: box-shadow 0.35s ease;
}

.image-enveloppe:hover[b-0e1zhar7yn] {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
}

.image-enveloppe img[b-0e1zhar7yn] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.image-enveloppe:hover img[b-0e1zhar7yn] {
    transform: scale(1.04);
}

.bordure-arrondie[b-0e1zhar7yn] {
    border-radius: var(--force-bordures);
}
/* _content/AllianceElendil/Composants/Global/NavBar/NavBar.razor.rz.scp.css */
.top-nav[b-07zf8m67h6] {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--force-bordures);
    margin-top: 0;
    margin-inline: 0;
    width: min(68rem, calc(100% - 2rem));
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.8rem;
    padding-inline: 1rem;
    background: none;
    border: 1px solid #1e2031;
    box-shadow: var(--ombre-hero);
    backdrop-filter: blur(2px);
}

.top-nav[b-07zf8m67h6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--couleur-fond-navbar);
    opacity: var(--opacite-overlay);
    z-index: -1;
    border-radius: inherit;
}

.bouton-discord[b-07zf8m67h6] {
    color: white;
    text-decoration: none;
    font-size: var(--taille-texte);
    font-family: var(--police-texte);
    font-style: var(--font-style-texte);
    font-weight: var(--poids-police-texte);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--gradient-bleu-fonce);
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0;
    transition: transform 0.4s ease, background 1s ease;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    cursor: pointer;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.bouton-discord span[b-07zf8m67h6] {
    margin: 0;
    padding: 0;
    font-size: var(--taille-texte-boutons);
    font-family: var(--police-texte);
    font-style: var(--font-style-texte);
    transition: var(--transition-grossissement);
}

.bouton-discord:hover[b-07zf8m67h6] {
    background: linear-gradient(127deg, rgba(1,33,74,1) 7%, rgba(3,63,101,1) 34%, rgba(2,29,50,1) 86%);
    transform: scale(1.03);
}

.bouton-discord img[b-07zf8m67h6] {
    width: auto;
    height: calc(var(--taille-texte-boutons));
    margin-right: 0.7rem;
    transition: var(--transition-grossissement);
}

.bouton-discord:hover img[b-07zf8m67h6] {
    transform: rotate(-12deg);
}

.partie-gauche[b-07zf8m67h6],
.centre[b-07zf8m67h6],
.partie-droite[b-07zf8m67h6] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.partie-gauche[b-07zf8m67h6] {
    width: 12%;
    justify-content: flex-start;
}

.partie-gauche[b-07zf8m67h6]  .logo-link {
    display: inline-flex;
    align-items: center;
}

.partie-gauche img[b-07zf8m67h6] {
    max-height: 3rem;
    object-fit: contain;
    cursor: pointer;
    transition: var(--transition-grossissement);
}

.partie-gauche img:hover[b-07zf8m67h6] {
    transform: scale(1.1);
}

.centre[b-07zf8m67h6] {
    width: 56%;
    justify-content: center;
}

.partie-droite[b-07zf8m67h6] {
    width: 20%;
    text-align: right;
    justify-content: flex-end;
}

.navbar-menu[b-07zf8m67h6] {

    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar-menu li[b-07zf8m67h6] {
    position: relative;
    color: var(--couleur-texte);
    font-size: var(--taille-texte);
    padding-left: 2.1rem;
    transition: transform 0.4s ease;
}

.navbar-menu li:hover[b-07zf8m67h6] {
    transform: scale(1.1);
}

.navbar-menu li[b-07zf8m67h6]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    background-image: url('/Images/ItemsMinecraft/Nether_Star.webp');
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
}

.navbar-menu li:hover[b-07zf8m67h6]::before {
    transform: translateY(-50%) rotate(45deg);
}

.navbar-menu li[b-07zf8m67h6]::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 2.1rem;
    width: 0%;
    height: 2px;
    background-color: var(--couleur-texte);
    transition: width 0.3s ease;
}

.navbar-menu li:hover[b-07zf8m67h6]::after {
    width: calc(100% - 2.1rem);
}

.navbar-menu[b-07zf8m67h6]  .nav-link {
    color: var(--couleur-texte);
    text-decoration: none;
}

.navbar-menu[b-07zf8m67h6]  .nav-link.active {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

.menu-burger[b-07zf8m67h6] {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: var(--couleur-texte);
    cursor: pointer;
    transition: transform 0.4s ease;
}

.menu-burger:hover[b-07zf8m67h6] {
    transform: scale(1.2);
}


.menu-burger:focus-visible[b-07zf8m67h6],
.bouton-discord:focus-visible[b-07zf8m67h6],
.partie-gauche[b-07zf8m67h6]  .logo-link:focus-visible,
.navbar-menu[b-07zf8m67h6]  .nav-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
    border-radius: 6px;
}

@media (max-width: 1024px) {

    .menu-burger[b-07zf8m67h6] {
        display: block;
    }

    .top-nav[b-07zf8m67h6] {
        width: calc(100% - 2rem);
        padding-inline: 0.75rem;
    }

    .navbar-menu[b-07zf8m67h6] {
        display: none;
    }

    .partie-gauche[b-07zf8m67h6] {
        width: 20%;
        padding-left: 0.35rem;
    }

    .partie-droite[b-07zf8m67h6] {
        width: 44%;
    }

    .centre[b-07zf8m67h6] {
        width: 16%;
    }

    .navbar-menu[b-07zf8m67h6] {
        padding-top: 1rem;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        position: absolute;
        top: calc(100% + 0.55rem);
        left: 50%;
        transform: translateX(-50%);
        background: none;
        border-radius: var(--force-bordures);
        width: min(20rem, calc(100vw - 2rem));
        padding-inline: 1rem;
        box-shadow: var(--ombre-hero);
        z-index: 1000;
    }

    .navbar-menu[b-07zf8m67h6]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--couleur-fond-navbar);
        opacity: var(--opacite-overlay);
        z-index: -1;
        border-radius: inherit;
    }

    .navbar-menu.open[b-07zf8m67h6] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .navbar-menu li[b-07zf8m67h6] {
        margin-bottom: 1.3rem;
    }

    .navbar-menu li[b-07zf8m67h6]::before {
        display: inline-block;
    }

    .partie-droite[b-07zf8m67h6] {
        margin-right: 0.35rem;
    }

    .bouton-discord[b-07zf8m67h6] {
        font-size: 0.95rem;
    }
}

@media (max-width: 640px) {
    .top-nav[b-07zf8m67h6] {
        min-height: 4.2rem;
    }

    .partie-gauche img[b-07zf8m67h6] {
        max-height: 2.4rem;
    }

    .partie-gauche[b-07zf8m67h6] {
        width: 16%;
    }

    .centre[b-07zf8m67h6] {
        width: 18%;
    }

    .partie-droite[b-07zf8m67h6] {
        width: 60%;
    }

    .bouton-discord[b-07zf8m67h6] {
        padding-inline: 0.6rem;
    }

    .bouton-discord span[b-07zf8m67h6] {
        font-size: 0.95rem;
    }

    .bouton-discord img[b-07zf8m67h6] {
        margin-right: 0.45rem;
    }

    .navbar-menu[b-07zf8m67h6] {
        top: calc(100% + 0.45rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-07zf8m67h6] {
        transition: none !important;
    }
}

/* Ecrans tactiles : cibles d'au moins 44 px */
@media (pointer: coarse) {
    .menu-burger[b-07zf8m67h6],
    .partie-gauche[b-07zf8m67h6]  .logo-link {
        min-width: 44px;
        min-height: 44px;
        justify-content: center;
    }

    .bouton-discord[b-07zf8m67h6] {
        min-height: 44px;
    }
}
/* _content/AllianceElendil/Composants/Global/PageMessage/PageMessage.razor.rz.scp.css */
.page-message[b-wkykukuunz] {
    min-height: 80svh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Laisse la place a la navbar positionnee en absolu */
    padding: 8rem 1rem 4rem;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(124, 5, 223, 0.18), transparent 60%),
        var(--couleur-de-fond);
}

.interieur[b-wkykukuunz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    max-width: 40rem;
    text-align: center;
}

.icone[b-wkykukuunz] {
    width: 4.5rem;
    height: 4.5rem;
    image-rendering: pixelated;
}

h1[b-wkykukuunz] {
    margin: 0;
    font-family: var(--police-grand-titre);
    font-weight: var(--poids-police-grand-titre);
    font-size: clamp(2.4rem, 7vw, 4.5rem);
    line-height: 1.05;
}

.message[b-wkykukuunz] {
    margin: 0;
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.6;
}

.actions[b-wkykukuunz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 1rem;
}

.actions[b-wkykukuunz]  .lien {
    display: inline-flex;
    align-items: center;
    min-height: 3rem;
    padding: 0.7rem 1.4rem;
    border-radius: var(--rayon-bordure-pilule);
    font-family: var(--police-texte);
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.25s ease, background 0.25s ease;
}

.actions[b-wkykukuunz]  .lien:hover {
    transform: translateY(-2px);
}

.actions[b-wkykukuunz]  .lien-principal {
    color: var(--couleur-texte);
    background: var(--gradient-violet-rose-peche);
    box-shadow: var(--ombre-bouton);
}

.actions[b-wkykukuunz]  .lien-secondaire {
    color: var(--couleur-texte);
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.06);
}

.actions[b-wkykukuunz]  .lien-secondaire:hover {
    background: rgba(255, 255, 255, 0.12);
}

@media (prefers-reduced-motion: reduce) {
    .actions[b-wkykukuunz]  .lien {
        transition: none;
    }

    .actions[b-wkykukuunz]  .lien:hover {
        transform: none;
    }
}

.message-erreur[b-wkykukuunz] {
    padding: 0.9rem 1.2rem;
    border: 1px solid rgba(255, 120, 120, 0.45);
    border-radius: var(--force-bordures);
    background: rgba(160, 20, 40, 0.18);
}

/* Formulaire de deconnexion : un bouton qui a l'air d'un lien d'action */
.actions[b-wkykukuunz]  form {
    margin: 0;
}

.actions[b-wkykukuunz]  button.lien {
    cursor: pointer;
    font-size: inherit;
}

.mention[b-wkykukuunz] {
    margin: 0.5rem 0 0;
    font-family: var(--police-texte);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.65);
}
/* _content/AllianceElendil/Composants/Layout/MainLayout.razor.rz.scp.css */
.contenu[b-xgmibe3kar] {
    background-color: var(--couleur-de-fond);
}
/* _content/AllianceElendil/Composants/Panel/LayoutPanel.razor.rz.scp.css */
/* Espace equipe. Les classes de contenu (cartes, tableaux, boutons...) sont posees par les pages
   et les composants du panel, d'ou les ::deep : elles ne portent pas la portee de ce fichier. */

.panel[b-vvu8jtpwd7] {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(ellipse at 10% 0%, rgba(124, 5, 223, 0.12), transparent 50%),
        var(--couleur-de-fond);
    color: var(--couleur-texte);
    font-family: var(--police-texte);
}

/* ============================== EN-TETE ============================== */

.panel-entete[b-vvu8jtpwd7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    padding: 0.75rem clamp(1rem, 3vw, 2rem);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.35);
}

.panel-marque[b-vvu8jtpwd7] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    color: var(--couleur-texte);
    text-decoration: none;
}

.panel-marque-texte[b-vvu8jtpwd7] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.panel-marque-nom[b-vvu8jtpwd7] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: 1.15rem;
}

.panel-marque-espace[b-vvu8jtpwd7] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.04em;
}

.panel-compte[b-vvu8jtpwd7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.panel-compte form[b-vvu8jtpwd7] {
    margin: 0;
}

.panel-lien-site[b-vvu8jtpwd7] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

.panel-joueur[b-vvu8jtpwd7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.panel-joueur img[b-vvu8jtpwd7] {
    border-radius: 4px;
    image-rendering: pixelated;
}

/* ============================== CORPS ============================== */

.panel-corps[b-vvu8jtpwd7] {
    flex: 1;
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
}

.panel-nav[b-vvu8jtpwd7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.25rem 0.75rem;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.panel-nav[b-vvu8jtpwd7]  a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    font-size: 0.95rem;
    transition: background 0.2s ease, color 0.2s ease;
}

.panel-nav[b-vvu8jtpwd7]  a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--couleur-texte);
}

.panel-nav[b-vvu8jtpwd7]  a.active {
    background: rgba(124, 5, 223, 0.28);
    color: var(--couleur-texte);
    font-weight: 600;
    box-shadow: inset 3px 0 0 rgb(201, 59, 194);
}

.panel-contenu[b-vvu8jtpwd7] {
    padding: clamp(1.25rem, 3vw, 2.5rem);
    min-width: 0;
}

/* ============================== CONTENU ============================== */

.panel-contenu[b-vvu8jtpwd7]  h1 {
    margin: 0 0 0.4rem;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.panel-contenu[b-vvu8jtpwd7]  .chapeau {
    margin: 0 0 1.75rem;
    max-width: 65ch;
    font-family: var(--police-lecture);
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.8);
}

.panel-contenu[b-vvu8jtpwd7]  h2 {
    margin: 0 0 1rem;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: 1.2rem;
}

.panel-contenu[b-vvu8jtpwd7]  .grille-cartes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: 1.25rem;
    align-items: start;
}

.panel-contenu[b-vvu8jtpwd7]  .carte-panel {
    padding: 1.25rem 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: var(--couleur-fond-panneau);
}

.panel-contenu[b-vvu8jtpwd7]  .carte-panel + .carte-panel {
    margin-top: 0;
}

/* Paires libelle / valeur */
.panel-contenu[b-vvu8jtpwd7]  dl.paires {
    display: grid;
    grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr);
    gap: 0.55rem 1.25rem;
    margin: 0;
}

.panel-contenu[b-vvu8jtpwd7]  dl.paires dt {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}

.panel-contenu[b-vvu8jtpwd7]  dl.paires dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.panel-contenu[b-vvu8jtpwd7]  code {
    font-family: var(--police-texte);
    font-size: 0.85em;
    color: rgb(232, 200, 255);
}

/* Tableaux : defilent dans leur propre boite, jamais la page */
.panel-contenu[b-vvu8jtpwd7]  .tableau-defilant {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: var(--couleur-fond-panneau);
}

/* Focusable pour defiler au clavier quand le tableau deborde */
.panel-contenu[b-vvu8jtpwd7]  .tableau-defilant:focus-visible {
    outline: 3px solid var(--couleur-texte);
    outline-offset: 2px;
}

.panel-contenu[b-vvu8jtpwd7]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.panel-contenu[b-vvu8jtpwd7]  th,
.panel-contenu[b-vvu8jtpwd7]  td {
    padding: 0.7rem 1rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.panel-contenu[b-vvu8jtpwd7]  thead th {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* En-tetes de ligne (nom du serveur, de la guilde) : du texte, pas un titre de colonne */
.panel-contenu[b-vvu8jtpwd7]  tbody th {
    font-weight: 600;
}

.panel-contenu[b-vvu8jtpwd7]  tbody tr:last-child td {
    border-bottom: none;
}

.panel-contenu[b-vvu8jtpwd7]  td.nombre,
.panel-contenu[b-vvu8jtpwd7]  th.nombre {
    text-align: right;
}

/* Pastilles d'etat */
.panel-contenu[b-vvu8jtpwd7]  .pastille {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.65rem;
    border-radius: var(--rayon-bordure-pilule);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.panel-contenu[b-vvu8jtpwd7]  .pastille-bon {
    border-color: rgba(80, 220, 120, 0.5);
    background: rgba(40, 160, 80, 0.18);
    color: rgb(170, 255, 195);
}

.panel-contenu[b-vvu8jtpwd7]  .pastille-alerte {
    border-color: rgba(255, 190, 80, 0.5);
    background: rgba(200, 130, 20, 0.18);
    color: rgb(255, 220, 160);
}

.panel-contenu[b-vvu8jtpwd7]  .pastille-mauvais {
    border-color: rgba(255, 120, 120, 0.5);
    background: rgba(160, 20, 40, 0.2);
    color: rgb(255, 190, 190);
}

.panel-contenu[b-vvu8jtpwd7]  .muet {
    color: rgba(255, 255, 255, 0.65);
}

/* Boutons et champs */
.panel[b-vvu8jtpwd7]  .bouton-panel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem 1.1rem;
    border: none;
    border-radius: var(--rayon-bordure-pilule);
    background: var(--gradient-violet-rose-peche);
    color: var(--couleur-texte);
    font-family: var(--police-texte);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.panel[b-vvu8jtpwd7]  .bouton-panel:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.panel[b-vvu8jtpwd7]  .bouton-discret {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.06);
}

.panel-contenu[b-vvu8jtpwd7]  input,
.panel-contenu[b-vvu8jtpwd7]  select {
    min-height: 44px;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.35);
    color: var(--couleur-texte);
    font-family: var(--police-texte);
    font-size: 0.9rem;
}

.panel-contenu[b-vvu8jtpwd7]  input[type="color"] {
    width: 3.5rem;
    padding: 0.25rem;
}

.panel-contenu[b-vvu8jtpwd7]  input:focus-visible,
.panel-contenu[b-vvu8jtpwd7]  select:focus-visible {
    outline: 3px solid var(--couleur-texte);
    outline-offset: 2px;
}

.panel-contenu[b-vvu8jtpwd7]  label {
    display: inline-flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
}

.panel-contenu[b-vvu8jtpwd7]  .barre-filtres {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem 1rem;
    margin-bottom: 1.25rem;
}

/* Etats de chargement */
.panel-contenu[b-vvu8jtpwd7]  .chargement {
    color: rgba(255, 255, 255, 0.7);
}

.panel-contenu[b-vvu8jtpwd7]  .erreur,
.panel-contenu[b-vvu8jtpwd7]  .succes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding: 0.9rem 1.2rem;
    border-radius: 12px;
}

.panel-contenu[b-vvu8jtpwd7]  .erreur {
    border: 1px solid rgba(255, 120, 120, 0.45);
    background: rgba(160, 20, 40, 0.18);
}

.panel-contenu[b-vvu8jtpwd7]  .succes {
    border: 1px solid rgba(80, 220, 120, 0.45);
    background: rgba(40, 160, 80, 0.15);
}

.panel-contenu[b-vvu8jtpwd7]  .erreur p,
.panel-contenu[b-vvu8jtpwd7]  .succes p {
    margin: 0;
}

/* Elements propres aux ecrans */
.panel-contenu[b-vvu8jtpwd7]  .fil {
    margin: 0 0 1rem;
    font-size: 0.9rem;
}

.panel-contenu[b-vvu8jtpwd7]  .fil a,
.panel-contenu[b-vvu8jtpwd7]  td a,
.panel-contenu[b-vvu8jtpwd7]  th a {
    color: rgb(232, 200, 255);
}

.panel-contenu[b-vvu8jtpwd7]  .titre-section {
    margin-top: 2rem;
}

.panel-contenu[b-vvu8jtpwd7]  .aide {
    margin: 0.75rem 0 0;
    font-size: 0.85rem;
}

.panel-contenu[b-vvu8jtpwd7]  .reglage {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.panel-contenu[b-vvu8jtpwd7]  .pastille-couleur {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.panel-contenu[b-vvu8jtpwd7]  .tete-joueur {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.panel-contenu[b-vvu8jtpwd7]  .tete-joueur img {
    border-radius: 3px;
    image-rendering: pixelated;
}

.panel-contenu[b-vvu8jtpwd7]  .liste-joueurs {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.panel-contenu[b-vvu8jtpwd7]  .liste-joueurs li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.panel-contenu[b-vvu8jtpwd7]  .podium {
    margin: 0;
    padding-left: 1.4rem;
}

.panel-contenu[b-vvu8jtpwd7]  .sans-retour {
    white-space: nowrap;
}

.panel-contenu[b-vvu8jtpwd7]  .detail-journal {
    min-width: 18rem;
    max-width: 40rem;
    overflow-wrap: anywhere;
}

/* ============================== MOBILE ============================== */

@media (max-width: 760px) {
    .panel-corps[b-vvu8jtpwd7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .panel-nav[b-vvu8jtpwd7] {
        flex-direction: row;
        overflow-x: auto;
        padding: 0.5rem 0.75rem;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        scroll-padding-inline: 0.75rem;
    }

    .panel-nav[b-vvu8jtpwd7]  a {
        flex: none;
        white-space: nowrap;
    }

    .panel-nav[b-vvu8jtpwd7]  a.active {
        box-shadow: inset 0 -3px 0 rgb(201, 59, 194);
    }
}

@media (prefers-reduced-motion: reduce) {
    .panel-nav[b-vvu8jtpwd7]  a {
        transition: none;
    }
}
/* _content/AllianceElendil/Composants/Serveurs/AfficheurNombreConnectes/AfficheurNombreConnectes.razor.rz.scp.css */
.compteur-connectes[b-wpx5ce8by8] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1.4rem;
    border-radius: var(--rayon-bordure-pilule);
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.28);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.point-live[b-wpx5ce8by8] {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: pulse-live-b-wpx5ce8by8 1.8s ease-out infinite;
}

@keyframes pulse-live-b-wpx5ce8by8 {
    0%  { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { box-shadow: 0 0 0 0.55rem rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.compteur-nombre[b-wpx5ce8by8] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(1.5rem, 3vw, 2rem);
    background: var(--gradient-vert-jaune);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
}

.compteur-label[b-wpx5ce8by8] {
    font-family: var(--police-texte);
    font-size: var(--taille-texte);
    color: rgba(255, 255, 255, 0.82);
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .point-live[b-wpx5ce8by8] {
        animation: none;
    }
}
/* _content/AllianceElendil/Composants/Serveurs/BlocsServeur/BlocTexteImageServeur/BlocTexteImageServeur.razor.rz.scp.css */
.contenu[b-7ymyx849o6] {

    width: 100%;
    height: 100%;
}
/* _content/AllianceElendil/Composants/Serveurs/BlocsServeur/HautPage/HautPage.razor.rz.scp.css */
.contenu[b-nnnjopyms4] {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.img-haut-page[b-nnnjopyms4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contenu[b-nnnjopyms4]  .foreground {
    z-index: 2;
}

.logo-serveur[b-nnnjopyms4] {
    width: auto;
    height: clamp(4rem, 10vw, 8rem);
    border-radius: 1rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.interieur[b-nnnjopyms4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

h1[b-nnnjopyms4] {
    font-size: var(--h1-taille-texte);
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    color: white;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
    margin: 0;
}

/* ============================== CHIPS ============================== */

.chips-haut-page[b-nnnjopyms4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.chip[b-nnnjopyms4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.8rem;
    border-radius: 50px;
    font-family: var(--police-texte);
    font-size: 0.82rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.chip-en-ligne[b-nnnjopyms4] {
    background: linear-gradient(rgba(34, 197, 94, 0.20), rgba(34, 197, 94, 0.20)), rgba(8, 6, 20, 0.72);
    border-color: rgba(34, 197, 94, 0.55);
    color: #b6ffce;
}

.chip-hors-ligne[b-nnnjopyms4] {
    background: linear-gradient(rgba(220, 38, 38, 0.20), rgba(220, 38, 38, 0.20)), rgba(8, 6, 20, 0.72);
    border-color: rgba(220, 38, 38, 0.55);
    color: #ffc4c4;
}

.chip-ouvert[b-nnnjopyms4] {
    background: linear-gradient(rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.15)), rgba(8, 6, 20, 0.72);
    border-color: rgba(34, 197, 94, 0.45);
    color: #c5fcd6;
}

.chip-ferme[b-nnnjopyms4] {
    background: linear-gradient(rgba(220, 38, 38, 0.15), rgba(220, 38, 38, 0.15)), rgba(8, 6, 20, 0.72);
    border-color: rgba(220, 38, 38, 0.45);
    color: #ffd1d1;
}

.chip-version[b-nnnjopyms4] {
    background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), rgba(8, 6, 20, 0.72);
    border-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.chip-plateforme[b-nnnjopyms4] {
    background: linear-gradient(rgba(99, 102, 241, 0.20), rgba(99, 102, 241, 0.20)), rgba(8, 6, 20, 0.72);
    border-color: rgba(129, 140, 248, 0.55);
    color: #dfe1ff;
}

.point-en-ligne[b-nnnjopyms4] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: pulse-hero-b-nnnjopyms4 1.8s ease-out infinite;
}

@keyframes pulse-hero-b-nnnjopyms4 {
    0%  { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { box-shadow: 0 0 0 0.45rem rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

/* ============================== ADRESSE ============================== */

.rejoindre[b-nnnjopyms4] {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-top: 0.4rem;
}

/* ============================== CTA ============================== */

.cta-haut-page[b-nnnjopyms4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.5rem;
}

.btn-hero[b-nnnjopyms4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.5rem;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: white;
    font-family: var(--police-texte);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.btn-hero:hover[b-nnnjopyms4] {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.50);
    transform: translateY(-2px);
    color: white;
}

.btn-discord[b-nnnjopyms4] {
    background: rgba(88, 101, 242, 0.25);
    border-color: rgba(88, 101, 242, 0.55);
}

.btn-discord:hover[b-nnnjopyms4] {
    background: rgba(88, 101, 242, 0.40);
    border-color: rgba(88, 101, 242, 0.80);
}

.btn-discord img[b-nnnjopyms4] {
    width: 1.1rem;
    height: 1.1rem;
    object-fit: contain;
}

.btn-fleche[b-nnnjopyms4] {
    display: inline-block;
    transition: transform 0.25s ease;
}

.btn-hero:hover .btn-fleche[b-nnnjopyms4] {
    transform: translateY(2px);
}


@media (prefers-reduced-motion: reduce) {
    .btn-hero[b-nnnjopyms4],
    .point-en-ligne[b-nnnjopyms4] {
        transition: none;
        animation: none;
    }
}
/* _content/AllianceElendil/Composants/Serveurs/BlocsServeur/InformationsServeur/InformationsServeur.razor.rz.scp.css */
/* ============================== BANDE INFORMATIONS SERVEUR ============================== */

.bande-informations[b-qcyi34fr2x] {
    width: 100%;
    background: var(--couleur-fond-panneau);
    padding-block: clamp(1.75rem, 3.5vw, 2.5rem);
    padding-inline: clamp(1rem, 6vw, 6rem);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.informations-interieur[b-qcyi34fr2x] {
    max-width: 72rem;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
}

.tags[b-qcyi34fr2x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
}

.chip[b-qcyi34fr2x] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 50px;
    font-family: var(--police-texte);
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid;
    line-height: 1;
}

.chip-taille[b-qcyi34fr2x] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.22);
    color: white;
}

.tag[b-qcyi34fr2x] {
    padding: 0.3rem 0.7rem;
    border-radius: 50px;
    font-family: var(--police-texte);
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);
    line-height: 1;
}

.lien-externe[b-qcyi34fr2x] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1.1rem;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--police-texte);
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.lien-externe:hover[b-qcyi34fr2x] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.30);
    color: white;
}

.lien-externe img[b-qcyi34fr2x] {
    width: 1.1rem;
    height: 1.1rem;
    object-fit: contain;
}

/* Ecrans tactiles : cible d'au moins 44 px */
@media (pointer: coarse) {
    .lien-externe[b-qcyi34fr2x] {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lien-externe[b-qcyi34fr2x] {
        transition: none;
    }
}
/* _content/AllianceElendil/Composants/Serveurs/CarteJoueur/CarteJoueur.razor.rz.scp.css */
.gradient[b-7fiisewlcq] {
    display: block;
    width: 100%;
    background: var(--gradient-violet-rose-peche);
    padding: 2px;
    border-radius: var(--force-bordures);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.gradient:hover[b-7fiisewlcq] {
    transform: translateY(-4px);
    box-shadow:
        0 0 0 1px rgba(232, 161, 202, 0.55),
        0 14px 32px rgba(124, 5, 223, 0.35),
        0 8px 18px rgba(0, 0, 0, 0.55);
}

.contenu[b-7fiisewlcq] {
    width: 100%;
    height: 5.6rem;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    background-color: var(--couleur-carte);
    border-radius: calc(var(--force-bordures) - 2px);
    padding: 0.7rem 0.9rem;
    gap: 0.85rem;
    overflow: hidden;
}

.skin[b-7fiisewlcq] {
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skin img[b-7fiisewlcq] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: pixelated;
}

.infos[b-7fiisewlcq] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 0.3rem;
}

.infos .pseudo[b-7fiisewlcq] {
    font-size: 1.05rem;
    color: var(--couleur-texte);
    font-family: var(--police-texte);
    font-weight: 500;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.serveur[b-7fiisewlcq] {
    display: inline-flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.infos .serveur p[b-7fiisewlcq] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--police-texte);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.serveur img[b-7fiisewlcq] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    object-fit: contain;
}
/* _content/AllianceElendil/Composants/Serveurs/CarteServeur/CarteServeur.razor.rz.scp.css */
/* ============================== CARTE SERVEUR ============================== */

.carte-serveur[b-of55cecn2g] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--couleur-carte, #1a1b26);
    border-radius: var(--force-bordures);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.06),
        0 12px 30px rgba(0, 0, 0, 0.35);
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.carte-serveur:hover[b-of55cecn2g] {
    transform: translateY(-4px);
    box-shadow:
        0 0 0 2px rgba(167, 12, 201, 0.55),
        0 18px 40px rgba(124, 5, 223, 0.30),
        0 12px 30px rgba(0, 0, 0, 0.45);
}

/* ============================== BANNIERE ============================== */

.carte-banniere[b-of55cecn2g] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    isolation: isolate;
}

.banniere-fond[b-of55cecn2g] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.carte-serveur:hover .banniere-fond[b-of55cecn2g] {
    transform: scale(1.04);
}

.banniere-overlay[b-of55cecn2g] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(15, 13, 30, 0.05) 0%,
        rgba(15, 13, 30, 0.55) 60%,
        rgba(15, 13, 30, 0.85) 100%
    );
    pointer-events: none;
}

.puce-version[b-of55cecn2g] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.3rem 0.7rem;
    border-radius: var(--rayon-bordure-pilule);
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: white;
    font-family: var(--police-texte);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    z-index: 2;
}

.banniere-statut[b-of55cecn2g] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
}

.puce-en-ligne[b-of55cecn2g],
.puce-hors-ligne[b-of55cecn2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.7rem;
    border-radius: var(--rayon-bordure-pilule);
    font-family: var(--police-texte);
    font-size: 0.75rem;
    font-weight: 600;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid;
}

.puce-en-ligne[b-of55cecn2g] {
    background: rgba(34, 197, 94, 0.20);
    border-color: rgba(34, 197, 94, 0.55);
    color: #b6ffce;
}

.puce-hors-ligne[b-of55cecn2g] {
    background: rgba(220, 38, 38, 0.20);
    border-color: rgba(220, 38, 38, 0.55);
    color: #ffc4c4;
}

.point-en-ligne[b-of55cecn2g] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: pulse-en-ligne-b-of55cecn2g 1.8s ease-out infinite;
}

@keyframes pulse-en-ligne-b-of55cecn2g {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { box-shadow: 0 0 0 0.5rem rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.banniere-titre[b-of55cecn2g] {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    z-index: 2;
}

.banniere-icone[b-of55cecn2g] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.banniere-titre h3[b-of55cecn2g] {
    margin: 0;
    color: white;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(1.3rem, 2.2vw, 1.7rem);
    line-height: 1.1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* ============================== CORPS ============================== */

.carte-corps[b-of55cecn2g] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
}

/* ============================== CHIPS META ============================== */

.meta-chips[b-of55cecn2g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.chip[b-of55cecn2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border-radius: var(--rayon-bordure-pilule);
    font-family: var(--police-texte);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.92);
}

.chip img[b-of55cecn2g] {
    width: 0.95rem;
    height: 0.95rem;
    object-fit: contain;
}

.chip-ouvert[b-of55cecn2g] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.40);
    color: #c5fcd6;
}

.chip-ferme[b-of55cecn2g] {
    background: rgba(220, 38, 38, 0.14);
    border-color: rgba(220, 38, 38, 0.40);
    color: #ffd1d1;
}

.chip-bedrock-oui[b-of55cecn2g] {
    background: rgba(99, 102, 241, 0.14);
    border-color: rgba(99, 102, 241, 0.40);
    color: #d5d8ff;
}

.chip-bedrock-non[b-of55cecn2g] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.65);
}

/* ============================== TAGS ============================== */

.tags[b-of55cecn2g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tag[b-of55cecn2g] {
    padding: 0.25rem 0.6rem;
    border-radius: var(--rayon-bordure-pilule);
    font-family: var(--police-texte);
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);
    line-height: 1;
}

/* ============================== PIED ============================== */

.carte-pied[b-of55cecn2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.18);
}

.btn-presentation[b-of55cecn2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 1rem;
    border-radius: var(--rayon-bordure-pilule);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--police-texte);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.btn-presentation:hover[b-of55cecn2g] {
    background: rgba(167, 12, 201, 0.20);
    border-color: rgba(167, 12, 201, 0.55);
    color: white;
    transform: translateX(2px);
}

.btn-fleche[b-of55cecn2g] {
    display: inline-block;
    transition: transform 0.25s ease;
}

.btn-presentation:hover .btn-fleche[b-of55cecn2g] {
    transform: translateX(3px);
}

.compteur-joueurs[b-of55cecn2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--police-texte);
    font-size: 0.85rem;
}

.compteur-joueurs img[b-of55cecn2g] {
    width: 1.1rem;
    height: 1.1rem;
    object-fit: contain;
}

.compteur-joueurs strong[b-of55cecn2g] {
    color: white;
    font-weight: 700;
}

.compteur-joueurs .rouge[b-of55cecn2g] {
    color: #ff8a8a;
}

/* ============================== RESPONSIVE ============================== */

@media (max-width: 640px) {
    .banniere-titre h3[b-of55cecn2g] {
        font-size: 1.2rem;
    }
    .banniere-icone[b-of55cecn2g] {
        width: 2.1rem;
        height: 2.1rem;
    }
    .carte-corps[b-of55cecn2g] {
        padding: 0.85rem 0.9rem;
    }
    .carte-pied[b-of55cecn2g] {
        padding: 0.75rem 0.9rem 0.85rem;
        flex-direction: column;
        align-items: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .carte-serveur[b-of55cecn2g],
    .banniere-fond[b-of55cecn2g],
    .point-en-ligne[b-of55cecn2g] {
        transition: none;
        animation: none;
    }
}

/* Ecrans tactiles : cible d'au moins 44 px */
@media (pointer: coarse) {
    .btn-presentation[b-of55cecn2g] {
        min-height: 44px;
        justify-content: center;
    }
}
/* _content/AllianceElendil/Composants/Serveurs/PanelJoueursConnectes/PanelJoueursConnectes.razor.rz.scp.css */
/* ==================== PANEL JOUEURS (bande full-width) ==================== */

.panel-joueurs[b-3civ4dkdo1] {
    width: 100%;
    /* Halos verts/bleus discrets pour signifier "activite online" */
    background:
        radial-gradient(ellipse at 15% 0%, rgba(0, 200, 120, 0.10), transparent 55%),
        radial-gradient(ellipse at 85% 100%, rgba(60, 100, 220, 0.10), transparent 60%),
        var(--couleur-fond-panneau);
    padding-block: clamp(3.5rem, 8vw, 6rem);
    padding-inline: clamp(2rem, 6vw, 6rem);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.panel-joueurs-entete[b-3civ4dkdo1] {
    max-width: 96rem;
    margin: 0 auto 2.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.9rem;
}

/* Pastille "live" : point vert pulsant */
.pastille-live[b-3civ4dkdo1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(0, 200, 120, 0.12);
    border: 1px solid rgba(0, 200, 120, 0.35);
    color: rgba(180, 255, 220, 0.95);
    font-family: var(--police-texte);
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pastille-live-point[b-3civ4dkdo1] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #2dd47f;
    box-shadow: 0 0 8px rgba(45, 212, 127, 0.8);
    animation: pulsation-live-b-3civ4dkdo1 1.6s ease-in-out infinite;
}

@keyframes pulsation-live-b-3civ4dkdo1 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.55; transform: scale(0.85); }
}

.panel-joueurs-titre[b-3civ4dkdo1] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    color: white;
    margin: 0;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

.compteur[b-3civ4dkdo1] {
    font-size: clamp(3.5rem, 9vw, 6rem);
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.55) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 40px rgba(45, 212, 127, 0.18);
}

.compteur-label[b-3civ4dkdo1] {
    font-size: clamp(1.1rem, 2.2vw, 1.6rem);
    color: rgba(255, 255, 255, 0.82);
    font-family: var(--police-sous-titre);
    font-weight: var(--poids-police-sous-titre);
}

.panel-joueurs-soustitre[b-3civ4dkdo1] {
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    color: rgba(255, 255, 255, 0.75);
    max-width: 60ch;
    margin: 0 auto;
    line-height: 1.55;
}

/* Trait gradient sous l'entete (rappel identite) */
.panel-joueurs-entete[b-3civ4dkdo1]::after {
    content: '';
    width: 9rem;
    height: 0.4rem;
    border-radius: 50px;
    background: var(--gradient-violet-rose-peche);
    margin-top: 0.4rem;
}

/* ==================== GRILLE JOUEURS ==================== */

.grille-joueurs[b-3civ4dkdo1] {
    max-width: 96rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1rem;
}

/* Stagger d'apparition pilote par data-scroll-reveal du parent (Index) */
.cellule-joueur[b-3civ4dkdo1] {
    opacity: 0;
    transform: translateY(0.8rem);
    transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-joueur, 0ms),
                transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-joueur, 0ms);
}

[data-scroll-reveal].visible .cellule-joueur[b-3civ4dkdo1] {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .cellule-joueur[b-3civ4dkdo1] {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .pastille-live-point[b-3civ4dkdo1] {
        animation: none;
    }
}

@media (max-width: 640px) {
    .grille-joueurs[b-3civ4dkdo1] {
        grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
        gap: 0.7rem;
    }
    .panel-joueurs-entete[b-3civ4dkdo1] {
        margin-bottom: 2rem;
    }
}
/* _content/AllianceElendil/Pages/Index/Index.razor.rz.scp.css */
.contenu[b-1ev80kbstg] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}

/* ==================== BANDE SERVEURS (full-width) ==================== */

.bande-serveurs[b-1ev80kbstg] {
    width: 100%;
    /* Couleur de panneau (un cran plus claire que la page) + halos violets */
    background:
        radial-gradient(ellipse at 15% 0%, rgba(124, 5, 223, 0.18), transparent 55%),
        radial-gradient(ellipse at 85% 100%, rgba(167, 12, 201, 0.14), transparent 60%),
        var(--couleur-fond-panneau);
    padding-block: clamp(3.5rem, 8vw, 6rem);
    padding-inline: clamp(2rem, 6vw, 6rem);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.bande-serveurs-interieur[b-1ev80kbstg] {
    max-width: 96rem;
    margin-inline: auto;
}

.bande-serveurs-entete[b-1ev80kbstg] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.bande-serveurs-titre[b-1ev80kbstg] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    margin: 0 0 0.6rem;
    color: white;
}

/* Soulignement gradient sous le titre, dans l'esprit de Titre1 */
.bande-serveurs-titre[b-1ev80kbstg]::after {
    content: '';
    display: block;
    width: 9rem;
    height: 0.4rem;
    margin: 0.8rem auto 0;
    border-radius: 50px;
    background: var(--gradient-violet-rose-peche);
}

.bande-serveurs-soustitre[b-1ev80kbstg] {
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    color: rgba(255, 255, 255, 0.85);
    max-width: 60ch;
    margin: 0 auto;
    line-height: 1.6;
}

.bande-serveurs-bas[b-1ev80kbstg] {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

/* ==================== BENTO ==================== */

.bento[b-1ev80kbstg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 11rem;
    gap: 1rem;
}

.bento-cellule[b-1ev80kbstg] {
    position: relative;
    overflow: hidden;
    border-radius: var(--force-bordures);
    text-decoration: none;
    color: white;
    isolation: isolate;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    /* Entree en cascade pilotee par l'attribut data-scroll-reveal du parent */
    opacity: 0;
    transform: translateY(1.2rem);
    transition-delay: var(--delai-bento, 0ms);
}

[data-scroll-reveal].visible .bento-cellule[b-1ev80kbstg] {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-bento, 0ms),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-bento, 0ms),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Vedette : 2x2 */
.bento-cellule.vedette[b-1ev80kbstg] {
    grid-column: span 2;
    grid-row: span 2;
}

.bento-fond[b-1ev80kbstg] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.bento-overlay[b-1ev80kbstg] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.45) 45%,
        rgba(0, 0, 0, 0.10) 100%
    );
    transition: background 0.45s ease;
}

.bento-contenu[b-1ev80kbstg] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 1rem 1.2rem;
    gap: 0.4rem;
}

.bento-nom[b-1ev80kbstg] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: 1.3rem;
    margin: 0;
    line-height: 1.15;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}

.bento-cellule.vedette .bento-nom[b-1ev80kbstg] {
    font-size: clamp(1.8rem, 3.2vw, 2.6rem);
}

.bento-statut[b-1ev80kbstg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-family: var(--police-texte);
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.bento-point[b-1ev80kbstg] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
    flex-shrink: 0;
}

.bento-point.hors-ligne[b-1ev80kbstg] {
    background: #9ca3af;
    box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.25);
}

.bento-tags[b-1ev80kbstg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0.2rem 0 0;
    padding: 0;
    list-style: none;
}

.bento-tags li[b-1ev80kbstg] {
    padding: 0.28rem 0.65rem;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-family: var(--police-texte);
    font-size: 0.74rem;
    line-height: 1;
}

/* Derniere carte etiree pour terminer la ligne (etendue calculee dans Index.razor.cs) */
.bento-cellule:last-child:not(.vedette)[b-1ev80kbstg] {
    grid-column: span var(--fin-4, 1);
}

/* Hover : lift + zoom image + glow violet + overlay plus contraste */
.bento-cellule:hover[b-1ev80kbstg] {
    transform: translateY(-6px);
    box-shadow:
        0 0 0 2px rgba(167, 12, 201, 0.55),
        0 18px 40px rgba(124, 5, 223, 0.35),
        0 12px 30px rgba(0, 0, 0, 0.6);
}

.bento-cellule:hover .bento-fond[b-1ev80kbstg] {
    transform: scale(1.06);
}

.bento-cellule:hover .bento-overlay[b-1ev80kbstg] {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.92) 0%,
        rgba(20, 0, 50, 0.55) 50%,
        rgba(0, 0, 0, 0.10) 100%
    );
}

/* Focus accessibilite */
.bento-cellule:focus-visible[b-1ev80kbstg] {
    outline: 3px solid rgba(232, 161, 202, 0.9);
    outline-offset: 3px;
}

/* ==================== RESPONSIVE BENTO ==================== */

@media (max-width: 1024px) {
    /* La vedette occupe seule la premiere rangee, plus haute que les suivantes */
    .bento[b-1ev80kbstg] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 16rem;
        grid-auto-rows: 10rem;
    }

    .bento-cellule.vedette[b-1ev80kbstg] {
        grid-column: span 3;
        grid-row: span 1;
    }

    .bento-cellule:last-child:not(.vedette)[b-1ev80kbstg] {
        grid-column: span var(--fin-3, 1);
    }
}

@media (max-width: 640px) {
    .bento[b-1ev80kbstg] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 14rem;
        grid-auto-rows: 9rem;
        gap: 0.7rem;
    }

    .bento-cellule.vedette[b-1ev80kbstg] {
        grid-column: span 2;
        grid-row: span 1;
    }

    .bento-cellule:last-child:not(.vedette)[b-1ev80kbstg] {
        grid-column: span var(--fin-2, 1);
    }

    .bento-contenu[b-1ev80kbstg] {
        padding: 0.8rem 0.9rem;
    }

    .bento-nom[b-1ev80kbstg] {
        font-size: 1.1rem;
    }

    .bande-serveurs-entete[b-1ev80kbstg] {
        margin-bottom: 1.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bento-cellule[b-1ev80kbstg] {
        opacity: 1;
        transform: none;
    }
    .bento-cellule:hover[b-1ev80kbstg] {
        transform: none;
    }
    .bento-cellule:hover .bento-fond[b-1ev80kbstg] {
        transform: none;
    }
}

/* ==================== PARTENAIRES ==================== */

.bande-partenaires[b-1ev80kbstg] {
    width: 100%;
    padding-block: clamp(3.5rem, 8vw, 6rem);
    padding-inline: clamp(1.5rem, 5vw, 5rem);
    background:
        radial-gradient(circle at 10% 20%, rgba(103, 58, 183, 0.14), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(255, 214, 51, 0.10), transparent 24%),
        radial-gradient(circle at 70% 100%, rgba(24, 208, 255, 0.10), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
        var(--couleur-fond-panneau);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.bande-partenaires-interieur[b-1ev80kbstg] {
    max-width: 96rem;
    margin-inline: auto;
}

.bande-partenaires-entete[b-1ev80kbstg] {
    text-align: center;
    margin-bottom: clamp(2rem, 5vw, 3rem);
}

.bande-partenaires-surtitre[b-1ev80kbstg] {
    margin: 0 0 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
    font-family: var(--police-texte);
}

.bande-partenaires-titre[b-1ev80kbstg] {
    margin: 0;
    color: white;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(2rem, 4.4vw, 3.2rem);
}

.bande-partenaires-titre[b-1ev80kbstg]::after {
    content: '';
    display: block;
    width: 10rem;
    height: 0.4rem;
    margin: 0.9rem auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #8f5cff, #ffcf4b 60%, #ffffff);
}

.bande-partenaires-soustitre[b-1ev80kbstg] {
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    max-width: 66ch;
    margin: 1rem auto 0;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.65;
}

.grille-partenaires[b-1ev80kbstg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.2rem;
}

.carte-partenaire[b-1ev80kbstg] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    overflow: hidden;
    min-height: 20rem;
    border-radius: 1.8rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
}

.carte-ggforevent[b-1ev80kbstg] {
    background:
        linear-gradient(145deg, rgba(77, 31, 143, 0.96), rgba(27, 18, 67, 0.98) 62%),
        radial-gradient(circle at top right, rgba(255, 105, 180, 0.22), transparent 32%);
}

.carte-skorpia[b-1ev80kbstg] {
    background:
        radial-gradient(circle at top right, rgba(255, 214, 51, 0.18), transparent 28%),
        linear-gradient(145deg, #080808, #131313 60%, #1b1b1b);
}

.carte-partenaire-contenu[b-1ev80kbstg] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.8rem;
    padding: clamp(1.35rem, 2.4vw, 2rem);
}

.carte-partenaire-haut[b-1ev80kbstg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.carte-partenaire-logo[b-1ev80kbstg] {
    display: block;
    max-width: 11rem;
    height: auto;
}

.carte-partenaire-logo-ggforevent[b-1ev80kbstg] {
    width: clamp(7rem, 14vw, 9rem);
}

.carte-partenaire-logo-skorpia[b-1ev80kbstg] {
    width: clamp(8rem, 16vw, 10rem);
}

.carte-partenaire-badge[b-1ev80kbstg] {
    padding: 0.45rem 0.9rem;
    font-family: var(--police-texte);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: white;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.carte-partenaire-badge-skorpia[b-1ev80kbstg] {
    background: linear-gradient(135deg, rgba(255, 243, 177, 0.22), rgba(255, 198, 0, 0.24));
    color: #ffe17a;
    border: 1px solid rgba(255, 214, 51, 0.32);
}

.carte-partenaire-titre[b-1ev80kbstg] {
    margin: 0;
    color: white;
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(1.7rem, 2.6vw, 2.35rem);
    line-height: 1.05;
}

.carte-partenaire-texte[b-1ev80kbstg] {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    font-family: var(--police-lecture);
    font-size: 1.15rem;
    max-width: 62ch;
}

.carte-partenaire-texte.second[b-1ev80kbstg] {
    color: rgba(255, 255, 255, 0.72);
}

.carte-partenaire-actions[b-1ev80kbstg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.25rem;
}

.bouton-partenaire[b-1ev80kbstg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.8rem 1.15rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.bouton-partenaire:hover[b-1ev80kbstg] {
    transform: translateY(-2px);
}

.bouton-partenaire-primaire[b-1ev80kbstg] {
    color: white;
    background: linear-gradient(135deg, #8a5cff, #e449b9);
    box-shadow: 0 16px 32px rgba(142, 92, 255, 0.28);
}

.bouton-partenaire-secondaire[b-1ev80kbstg] {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
}

.bouton-skorpia-primaire[b-1ev80kbstg] {
    color: #111111;
    background: linear-gradient(135deg, #fff3b1, #ffd43b 55%, #f0a500);
    box-shadow: 0 16px 32px rgba(255, 206, 51, 0.22);
}

.bouton-skorpia-secondaire[b-1ev80kbstg] {
    color: #ffe17a;
    border: 1px solid rgba(255, 214, 51, 0.35);
    background: rgba(255, 214, 51, 0.08);
}

.carte-partenaire-media[b-1ev80kbstg] {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
}

.carte-partenaire-media-ggforevent[b-1ev80kbstg] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}

.carte-partenaire-media-skorpia[b-1ev80kbstg] {
    align-items: center;
    padding: 1.5rem;
}

.carte-partenaire-image[b-1ev80kbstg] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carte-partenaire-media-ggforevent[b-1ev80kbstg]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(23, 9, 59, 0.12), rgba(12, 6, 35, 0.86));
}

.carte-partenaire-lueur[b-1ev80kbstg] {
    position: absolute;
    inset: auto;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    filter: blur(24px);
    opacity: 0.55;
}

.carte-partenaire-lueur-violette[b-1ev80kbstg] {
    right: -3rem;
    bottom: -3rem;
    background: radial-gradient(circle, rgba(255, 84, 207, 0.7), rgba(132, 84, 255, 0.05) 70%);
}

.carte-partenaire-lueur-jaune[b-1ev80kbstg] {
    right: -2rem;
    bottom: -2rem;
    background: radial-gradient(circle, rgba(255, 214, 51, 0.9), rgba(255, 214, 51, 0.08) 72%);
}

.skorpia-illustration[b-1ev80kbstg] {
    position: relative;
    z-index: 2;
    width: min(100%, 20rem);
    aspect-ratio: 1;
    border-radius: 2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 214, 51, 0.18);
    display: grid;
    place-items: center;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 18px 40px rgba(0, 0, 0, 0.45);
}

.skorpia-illustration svg[b-1ev80kbstg] {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 26px rgba(255, 214, 51, 0.15));
}

@media (max-width: 1100px) {
    .carte-partenaire[b-1ev80kbstg] {
        grid-template-columns: 1fr;
    }

    .carte-partenaire-media-ggforevent[b-1ev80kbstg] {
        min-height: 18rem;
    }

    .carte-partenaire-media-skorpia[b-1ev80kbstg] {
        min-height: 18rem;
    }
}

@media (max-width: 640px) {
    .carte-partenaire[b-1ev80kbstg] {
        border-radius: 1.4rem;
    }

    .carte-partenaire-haut[b-1ev80kbstg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .carte-partenaire-badge[b-1ev80kbstg] {
        white-space: normal;
    }

    .carte-partenaire-actions[b-1ev80kbstg] {
        flex-direction: column;
    }

    .bouton-partenaire[b-1ev80kbstg] {
        width: 100%;
    }

    .carte-partenaire-media-ggforevent[b-1ev80kbstg] {
        min-height: 14rem;
    }
}

/* _content/AllianceElendil/Pages/PageAgora/PageAgora.razor.rz.scp.css */
.contenu[b-9pqrg6hzum] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}
/* _content/AllianceElendil/Pages/PagePanneaux/PagePanneaux.razor.rz.scp.css */
.contenu[b-ls8s3t5dtb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10vh;

    color : black;
}

h1[b-ls8s3t5dtb] {
    margin-top: 10vh;
}

.dimension-rectangle[b-ls8s3t5dtb] {
    width: calc(3 * 40vh);
    height: calc(2 * 40vh);
    margin-bottom: 12vh;
}

.pan-isildur[b-ls8s3t5dtb] {
    background-image: url(/Images/Agora/panneau1.png);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-left: 15vh;
    padding-right: 15vh;

    /* border : 3px solid red; */

    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
}

.logo-elendil[b-ls8s3t5dtb] {
    height: 10vh;
}

.cont-titre[b-ls8s3t5dtb] {
    display : flex;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    margin-top: 15vh;
    width: 100%;
}

.titre1[b-ls8s3t5dtb] {
    font-size: 5vh;
    font-weight: 700;
    color : black;
}

.texte1[b-ls8s3t5dtb] {
    margin-top: 1.4vh;
    font-size: 4.5vh;
    font-weight: 700;
    color : black;
    margin-left: 4vh;
    margin-right: 4vh;
    text-align: center;
}


.pan-b1[b-ls8s3t5dtb] {
    padding-top: 2.6vh;    
}

.pan-b2[b-ls8s3t5dtb] {
    padding-top: 2.6vh;    
}

.pan-b3[b-ls8s3t5dtb] {
    padding-top: 2.6vh;   

}

.pan-b4[b-ls8s3t5dtb] {
    padding-top: 1.8vh;    
}

.pan-b5[b-ls8s3t5dtb] {
    padding-top: 1.8vh;    
}

.pan-b6[b-ls8s3t5dtb] {
    padding-top: 1.8vh;    
}


.pan-b7[b-ls8s3t5dtb] {
    padding-top: 0.7vh;    
}

.pan-b8[b-ls8s3t5dtb] {
    padding-top: 0.4vh;    
}

.grad1[b-ls8s3t5dtb] {
    background: #075e6b;
background: linear-gradient(73deg, rgba(7, 94, 107, 1) 16%, rgba(27, 81, 105, 1) 30%, rgba(95, 38, 96, 1) 61%, rgba(145, 6, 90, 1) 91%);
}
/* _content/AllianceElendil/Pages/PagePartenaireGGForEvent/PagePartenaireGGForEvent.razor.rz.scp.css */
.ggforevent-logo-zone[b-yeprjnk9lo] {
    display: flex;
    justify-content: center;
}

.ggforevent-logo[b-yeprjnk9lo] {
    width: clamp(120px, 18vw, 220px);
    height: auto;
    border-radius: 24px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
}
/* _content/AllianceElendil/Pages/PagePresentation/PagePresentation.razor.rz.scp.css */
.contenu[b-2fa4b81xv4] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}
/* _content/AllianceElendil/Pages/PagePresentationServeur/PagePresentationServeur.razor.rz.scp.css */
.haut-page[b-sw9m54y6iz] {

    height: 100vh;
    width: 100%;
}
/* _content/AllianceElendil/Pages/PageServeurs/PageServeurs.razor.rz.scp.css */
/* ==================== BANDE LISTE SERVEURS ==================== */

.bande-page-serveurs[b-sk3xkyoc4x] {
    width: 100%;
    background:
        radial-gradient(ellipse at 15% 0%, rgba(124, 5, 223, 0.16), transparent 55%),
        radial-gradient(ellipse at 85% 100%, rgba(167, 12, 201, 0.12), transparent 60%),
        var(--couleur-fond-panneau);
    padding-block: clamp(3.5rem, 8vw, 6rem);
    padding-inline: clamp(2rem, 6vw, 6rem);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.bande-page-serveurs-interieur[b-sk3xkyoc4x] {
    max-width: 96rem;
    margin-inline: auto;
}

.bande-page-serveurs-entete[b-sk3xkyoc4x] {
    text-align: center;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.bande-page-serveurs-titre[b-sk3xkyoc4x] {
    font-family: var(--police-titre);
    font-weight: var(--poids-police-titre);
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    color: white;
    margin: 0;
}

.bande-page-serveurs-entete[b-sk3xkyoc4x]::after {
    content: '';
    width: 9rem;
    height: 0.4rem;
    border-radius: 50px;
    background: var(--gradient-violet-rose-peche);
    margin-top: 0.4rem;
}

.bande-page-serveurs-soustitre[b-sk3xkyoc4x] {
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    color: rgba(255, 255, 255, 0.85);
    max-width: 60ch;
    margin: 0 auto;
    line-height: 1.55;
}

/* ==================== FILTRES ==================== */

.filtres[b-sk3xkyoc4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.4rem;
    border-radius: var(--force-bordures);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* La barre de navigation flotte en haut : l'ancre ne doit pas passer dessous */
    scroll-margin-top: 6rem;
}

.groupe-filtres[b-sk3xkyoc4x] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-width: 0;
}

.groupe-styles[b-sk3xkyoc4x] {
    flex-basis: 100%;
}

.libelle-filtres[b-sk3xkyoc4x] {
    margin: 0;
    font-family: var(--police-texte);
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
}

/* Sur mobile seulement, ou l'option active peut etre hors de vue dans la ligne qui defile */
.choix-courant[b-sk3xkyoc4x] {
    display: none;
    color: white;
}

.options-filtres[b-sk3xkyoc4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.option-filtre[b-sk3xkyoc4x] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.3rem;
    padding: 0.35rem 0.95rem;
    border-radius: var(--rayon-bordure-pilule);
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--police-texte);
    font-size: 0.85rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.option-filtre:hover[b-sk3xkyoc4x] {
    background: rgba(167, 12, 201, 0.14);
    border-color: rgba(167, 12, 201, 0.6);
    color: white;
}

.option-filtre[aria-current="true"][b-sk3xkyoc4x] {
    background: rgba(167, 12, 201, 0.32);
    border-color: rgba(201, 59, 194, 0.9);
    color: white;
}

.option-filtre[aria-current="true"][b-sk3xkyoc4x]::before {
    content: "✓";
    font-weight: 700;
}

/* Un filtre ne doit pas faire defiler la page :
   - pas d'ancrage du defilement sur une carte, que le filtre deplace dans la grille ;
   - hauteur reservee, pour que la page ne raccourcisse pas au point de faire remonter le visiteur. */
.resultats-serveurs[b-sk3xkyoc4x] {
    overflow-anchor: none;
    min-height: calc(100vh - 6rem);
}

.resultat-filtres[b-sk3xkyoc4x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 1rem;
    margin: 0 0 1.25rem;
    font-family: var(--police-texte);
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
}

.resultat-filtres a[b-sk3xkyoc4x] {
    color: white;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.aucun-serveur[b-sk3xkyoc4x] {
    margin: 2rem auto 0;
    text-align: center;
    font-family: var(--police-lecture);
    font-size: var(--taille-texte-lecture);
    color: rgba(255, 255, 255, 0.85);
}

/* ==================== GRILLE AUTO-FIT ==================== */

.grille-serveurs[b-sk3xkyoc4x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    gap: 1.6rem;
}

.cellule-serveur[b-sk3xkyoc4x] {
    display: flex;
    opacity: 0;
    transform: translateY(1.2rem);
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-serveur, 0ms),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1) var(--delai-serveur, 0ms);
}

[data-scroll-reveal].visible .cellule-serveur[b-sk3xkyoc4x] {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .cellule-serveur[b-sk3xkyoc4x] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .option-filtre[b-sk3xkyoc4x] {
        transition: none;
    }
}

@media (max-width: 640px) {
    .grille-serveurs[b-sk3xkyoc4x] {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .filtres[b-sk3xkyoc4x] {
        padding: 1rem;
        gap: 1rem 1.5rem;
    }

    /* Les deux options d'un groupe tiennent sur une ligne des 360 px */
    .option-filtre[b-sk3xkyoc4x] {
        padding-inline: 0.8rem;
        font-size: 0.82rem;
    }

    .choix-courant[b-sk3xkyoc4x] {
        display: inline;
    }

    /* Styles sur une ligne qui defile, jusqu'au bord du panneau, au lieu de cinq lignes de pastilles */
    .groupe-styles .options-filtres[b-sk3xkyoc4x] {
        flex-wrap: nowrap;
        overflow-x: auto;
        /* Marges internes : le contour de focus (3 px + 3 px d'ecart) n'est pas rogne */
        margin: -0.4rem -1rem;
        padding: 0.4rem 1rem;
        /* Pastille atteinte au clavier : amenee a distance du bord, contour de focus compris */
        scroll-padding-inline: 1rem;
        scrollbar-width: none;
    }

    .groupe-styles .options-filtres[b-sk3xkyoc4x]::-webkit-scrollbar {
        display: none;
    }
}

/* Ecrans tactiles : cible d'au moins 44 px */
@media (pointer: coarse) {
    .option-filtre[b-sk3xkyoc4x] {
        min-height: 44px;
    }
}