/* _content/AllianceElendil/Composants/Global/BlocsContenu/Bloc3Contenu/Bloc3Contenu.razor.rz.scp.css */
.contenu[b-kdfb94gnt9] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
}

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

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

.contenu-droite[b-kdfb94gnt9], .contenu-gauche[b-kdfb94gnt9], .contenu-centre[b-kdfb94gnt9] {

    height: 100%;
    width: 32%;
}

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


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

@media (max-width: 1024px) {

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

    .contenu-droite[b-kdfb94gnt9], .contenu-gauche[b-kdfb94gnt9], .contenu-centre[b-kdfb94gnt9] {
        width: 100%;
        margin-bottom: 0;
    }

    .contenu-droite[b-kdfb94gnt9] {
        width: 100%;
    }

    .contenu-bas[b-kdfb94gnt9] {
        margin-top: 0.6rem;
    }
}

@media (max-width: 640px) {
    .contenu-bas[b-kdfb94gnt9] {
        margin-top: 0.3rem;
    }
}
/* _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%;
}

.texte p[b-61jgd9d7us], .texte-haut p[b-61jgd9d7us] {

    word-wrap: break-word;
    font-family: var(--police-texte);
    font-size: var(--taille-texte);
}

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

.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/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);
}

.texte p[b-1rsy2mhlp3], .texte-haut p[b-1rsy2mhlp3] {

    word-wrap: break-word;
    font-family: var(--police-texte);
    font-size: var(--taille-texte);
}

h3[b-1rsy2mhlp3] {
    font-size: var(--h3-taille-texte);
    font-family: var(--police-grand-titre);
    font-weight: var(--poids-police-grand-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/BoutonBlanc/BoutonBlanc.razor.rz.scp.css */
.carousel-button[b-0qwgsd8dfu] {
    background-color: white; 
    color: black; 
    padding-left: 1.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1.8rem;
    font-family: var(--police-texte);
    font-style: var(--font-style-texte);
    font-weight: var(--poids-police-texte);
    border: none; 
    border-radius: 60px; 
    font-size: 1.2rem; 
    cursor: pointer; 
    transition: transform 0.3s ease, background-color 0.3s ease; 

    height: 3.1rem;
}

.carousel-button:hover[b-0qwgsd8dfu] {
    background-color: rgba(255, 255, 255, 0.9);
    color: black; 
    transform: scale(1.1);
}
/* _content/AllianceElendil/Composants/Global/Boutons/BoutonDiscord/BoutonDiscord.razor.rz.scp.css */
/* Surcharge la base partagee dans wwwroot/css/boutons.css */

.bouton[b-qn7dj507u2] {
    border-radius: 13px;
    font-size: 170%;
    color: var(--couleur-texte);
    padding-left: 1rem;
    padding-right: 1rem;
}

button[b-qn7dj507u2] {
    transition: var(--transition-grossissement);
    background: var(--gradient-discord);
}

.bouton[b-qn7dj507u2]::before {
    transition: width 0.14s ease-in-out;
}
/* _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);
}

button[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);
}

button[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 */
/* Overlay pour assombrir l'image derriere le texte */
.entete-page .background[b-1bc19xyko7]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.20) 0%,
        rgba(0, 0, 0, 0.55) 45%,
        rgba(0, 0, 0, 0.65) 65%,
        rgba(0, 0, 0, 0.30) 100%
    );
    z-index: 1;
}

/* Le foreground doit passer par-dessus l'overlay */
.entete-page .foreground[b-1bc19xyko7] {
    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;
}

.entete-page .interieur :global(.bouton)[b-1bc19xyko7] {
    animation: entree-haut-b-1bc19xyko7 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
    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 :global(.bouton)[b-1bc19xyko7] {
        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;
    }
}
/* _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;
    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;
}

.logo-link[b-07zf8m67h6] {
    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);
}

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

.nav-link.active[b-07zf8m67h6] {
    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],
.logo-link:focus-visible[b-07zf8m67h6],
.nav-link:focus-visible[b-07zf8m67h6] {
    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;
    }
}
/* _content/AllianceElendil/Composants/Global/Serveurs/CarouselServeur/CarouselServeur.razor.rz.scp.css */
.page-carousel[b-63q4b1vfhz] {
    position: relative;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    border-radius: 20px;


}

.page-carousel[b-63q4b1vfhz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--couleur-fond-navbar);
    opacity: 0.46;
    z-index: 1;
    border-radius: inherit;
}

.carousel-background[b-63q4b1vfhz] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
}

.carousel-content[b-63q4b1vfhz] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: white;
}

.carousel-title[b-63q4b1vfhz] {
    font-size: 3rem;
    margin-bottom: 2rem;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
}


/* _content/AllianceElendil/Composants/Layout/MainLayout.razor.rz.scp.css */
.contenu[b-xgmibe3kar] {
    background-color: var(--couleur-de-fond);
}
/* _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-grand-titre);
    font-weight: var(--poids-police-grand-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;
}

.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-grand-titre);
    font-weight: var(--poids-police-grand-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;
}

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

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

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

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

.chip-version[b-nnnjopyms4] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.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); }
}

/* ============================== 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(3rem, 6vw, 5rem);
    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);
}

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

.meta-chips[b-qcyi34fr2x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.chip[b-qcyi34fr2x] {
    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;
    border: 1px solid;
    line-height: 1;
}

.chip-en-ligne[b-qcyi34fr2x] {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.45);
    color: #b6ffce;
}

.chip-hors-ligne[b-qcyi34fr2x] {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.45);
    color: #ffc4c4;
}

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

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

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

.chip-taille[b-qcyi34fr2x],
.chip-version[b-qcyi34fr2x] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
}

.point-en-ligne[b-qcyi34fr2x] {
    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-info-b-qcyi34fr2x 1.8s ease-out infinite;
}

@keyframes pulse-info-b-qcyi34fr2x {
    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); }
}

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

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

.adresse-copy[b-qcyi34fr2x] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1.1rem;
    border-radius: 0.6rem;
    background: rgba(0, 0, 0, 0.30);
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.25s ease, background 0.25s ease;
}

.adresse-copy:hover[b-qcyi34fr2x] {
    background: rgba(0, 0, 0, 0.45);
    border-color: rgba(255, 255, 255, 0.25);
}

.adresse-copy img[b-qcyi34fr2x] {
    width: 1.1rem;
    height: 1.1rem;
    object-fit: contain;
    opacity: 0.8;
}

.adresse-copy code[b-qcyi34fr2x] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.9rem;
    color: white;
}

.copy-icon[b-qcyi34fr2x] {
    font-size: 1rem;
    opacity: 0.55;
    margin-left: 0.2rem;
}

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

.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-discord[b-qcyi34fr2x] {
    background: rgba(88, 101, 242, 0.15);
    border-color: rgba(88, 101, 242, 0.40);
}

.lien-discord:hover[b-qcyi34fr2x] {
    background: rgba(88, 101, 242, 0.28);
    border-color: rgba(88, 101, 242, 0.65);
}

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

@media (max-width: 640px) {
    .liens-serveur[b-qcyi34fr2x] {
        flex-direction: column;
        align-items: stretch;
    }

    .lien-externe[b-qcyi34fr2x] {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .point-en-ligne[b-qcyi34fr2x],
    .lien-externe[b-qcyi34fr2x],
    .adresse-copy[b-qcyi34fr2x] {
        transition: none;
        animation: 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-grand-titre);
    font-weight: var(--poids-police-grand-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);
}

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

.adresse[b-of55cecn2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.7rem;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.55rem;
}

.adresse img[b-of55cecn2g] {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    opacity: 0.85;
}

.adresse code[b-of55cecn2g] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.85);
    word-break: break-all;
}

/* ============================== 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;
    }
}
/* _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-grand-titre);
    font-weight: var(--poids-police-grand-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);
}

.panel-joueurs-soustitre[b-3civ4dkdo1] {
    font-family: var(--police-texte);
    font-size: var(--taille-texte);
    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;
}

.gradient[b-1ev80kbstg] {
    width: 100%;
    height: 100%;
    background: var(--gradient-bleu-fonce);
}

/* ==================== 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-grand-titre);
    font-weight: var(--poids-police-grand-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-texte);
    font-size: var(--taille-texte);
    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-grand-titre);
    font-weight: var(--poids-police-grand-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-badge[b-1ev80kbstg] {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    background: var(--gradient-violet-rose-peche);
    font-size: 0.78rem;
    font-family: var(--police-texte);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(167, 12, 201, 0.5);
}

/* 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) {
    .bento[b-1ev80kbstg] {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 10rem;
    }

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

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

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

    .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-grand-titre);
    font-weight: var(--poids-police-grand-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] {
    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;
    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-grand-titre);
    font-weight: var(--poids-police-grand-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-size: 0.98rem;
    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;
    }
}

/* ==================== AUTRES (existant) ==================== */

@media (max-width: 1024px) {

    .interieur[b-1ev80kbstg] {
        margin: 0.7rem;
    }

}
/* _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-grand-titre);
    font-weight: var(--poids-police-grand-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-texte);
    font-size: var(--taille-texte);
    color: rgba(255, 255, 255, 0.85);
    max-width: 60ch;
    margin: 0 auto;
    line-height: 1.55;
}

/* ==================== 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;
    }
}

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

/* Hide leftover anchor placeholder */
#serveurs p[b-sk3xkyoc4x] {
    display: none;
}