.elementor-3338 .elementor-element.elementor-element-486e9095{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-225px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:1px;}.elementor-3338 .elementor-element.elementor-element-486e9095:not(.elementor-motion-effects-element-type-background), .elementor-3338 .elementor-element.elementor-element-486e9095 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBDBDB;background-image:url("https://pierre.fouesnant.mds-nantes.fr/wp-content/uploads/2026/01/vampire-survival-game-v-rising-gets-may-2024-release-date_feature.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-3338 .elementor-element.elementor-element-486e9095.e-con{--align-self:center;}.elementor-3338 .elementor-element.elementor-element-112be1a3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;}.elementor-3338 .elementor-element.elementor-element-112be1a3:not(.elementor-motion-effects-element-type-background), .elementor-3338 .elementor-element.elementor-element-112be1a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06000080;}.elementor-3338 .elementor-element.elementor-element-112be1a3.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3338 .elementor-element.elementor-element-209e413b.elementor-element{--align-self:center;}.elementor-3338 .elementor-element.elementor-element-209e413b .elementor-heading-title{text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-3338 .elementor-element.elementor-element-43fd541f{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3338 .elementor-element.elementor-element-6233c04b{text-align:center;}.elementor-3338 .elementor-element.elementor-element-6233c04b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-b9f718c );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3338 .elementor-element.elementor-element-55fba0dc{width:var( --container-widget-width, 40.563% );max-width:40.563%;--container-widget-width:40.563%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-3338 .elementor-element.elementor-element-55fba0dc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3338 .elementor-element.elementor-element-615f9f52{--display:flex;}.elementor-3338 .elementor-element.elementor-element-3b07f601 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-3338 .elementor-element.elementor-element-a74dca6{--display:flex;}body.elementor-page-3338:not(.elementor-motion-effects-element-type-background), body.elementor-page-3338 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1366px){.elementor-3338 .elementor-element.elementor-element-486e9095{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-3338 .elementor-element.elementor-element-486e9095{--width:100%;}.elementor-3338 .elementor-element.elementor-element-112be1a3{--width:43%;}}@media(max-width:767px){.elementor-3338 .elementor-element.elementor-element-486e9095{--min-height:275px;}.elementor-3338 .elementor-element.elementor-element-a74dca6{--width:100%;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for html, class: .elementor-element-28277e1 */#grille {
    background-color: #000000;
    padding: 30px !important;
    border: 3px solid #F59E0B;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

#grille .weapon-row {
    display: flex !important;
    gap: 20px;
    align-items: flex-start;
    padding: 25px 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s ease;
}

#grille .weapon-row:hover {
    background-color: rgba(245, 158, 11, 0.1);
}

#grille .weapon-main {
    flex: 0 0 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#grille .weapon-icon-large img {
    width: 90px;
    height: 90px;
    border: 3px solid #F59E0B;
    border-radius: 12px;
    padding: 5px;
    background: #000;
    object-fit: cover;
}

#grille .weapon-name {
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 12px;
    text-transform: uppercase;
    text-align: center;
}

#grille .spell-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
}

#grille .spell-title {
    color: #F59E0B;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

#grille .spell-title img {
    width: 35px;
    height: 35px;
    border: 1px solid #7A7A7A;
    border-radius: 4px;
}

#grille .spell-desc {
    color: #bbbbbb;
    font-size: 0.85rem;
    line-height: 1.4;
    margin: 0;
}

/* --- ADAPTATION MOBILE --- */
@media (max-width: 900px) {
    #grille .weapon-row {
        flex-direction: column; 
        align-items: center;
        text-align: center;
        gap: 25px;
    }

    #grille .weapon-main {
        flex: 0 0 auto;
        width: 100%;
        border-bottom: 1px solid rgba(245, 158, 11, 0.3);
        padding-bottom: 15px;
    }

    #grille .spell-card {
        width: 100%;
        padding: 0;
    }

    #grille .spell-title {
        justify-content: center;
    }
}/* End custom CSS */