/* Modern Muun panel for character equipment page */
.flame-extra-muun .cworkshop{
    width:100%;
}
.muunHead2,
.muunHead3{
    width:100%;
    height:auto;
    min-height:0;
    margin:0;
    background:none!important;
}
.muunHead2 .equipments,
.muunHead3 .equipments{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:stretch;
    width:100%;
}
.equipments .item-mapping{
    position:relative!important;
    float:none!important;
    left:auto!important;
    top:auto!important;
    width:108px!important;
    height:112px!important;
    line-height:normal!important;
    padding:30px 10px 10px;
    text-align:center;
    border-radius:12px;
    background:radial-gradient(circle at 50% 58%,rgba(232,216,146,.11),rgba(255,255,255,.035) 45%,rgba(0,0,0,.20));
    border:1px solid rgba(232,216,146,.16);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 6px 16px rgba(0,0,0,.20);
}
.equipments .item-mapping:before{
    position:absolute;
    top:8px;
    left:8px;
    right:8px;
    color:#d8c27c;
    font-size:12px;
    line-height:14px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    opacity:.92;
}
.equipments .pet_hero_item:before{content:'Brave';}
.equipments .pet_main_item:before{content:'Main';}
.equipments .pet_help_item:before{content:'Sub';}
.equipments .item-mapping:after{
    content:'';
    position:absolute;
    inset:31px 14px 12px;
    border-radius:10px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(255,255,255,.065);
    pointer-events:none;
}
.equipments .item-mapping img{
    position:relative!important;
    z-index:1;
    display:block;
    max-width:58px!important;
    max-height:58px!important;
    width:auto;
    height:auto;
    margin:10px auto 0;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.55));
}
@media (max-width:460px){
    .muunHead2 .equipments,
    .muunHead3 .equipments{gap:8px;}
    .equipments .item-mapping{
        width:31%!important;
        height:100px!important;
        padding-left:6px;
        padding-right:6px;
    }
    .equipments .item-mapping img{max-width:50px!important;max-height:50px!important;}
}

/* v13: make Muun slots the same compact height language as Pets */
.flame-extra-equipment-info .muunHead2 .equipments,
.flame-extra-equipment-info .muunHead3 .equipments{
    gap:10px!important;
    align-items:stretch!important;
}
.flame-extra-equipment-info .equipments .item-mapping{
    width:96px!important;
    height:100px!important;
    padding:26px 8px 8px!important;
}
.flame-extra-equipment-info .equipments .item-mapping:after{
    inset:26px 8px 8px!important;
}
.flame-extra-equipment-info .equipments .item-mapping img{
    max-width:54px!important;
    max-height:54px!important;
    margin:6px auto 0!important;
}



/* v21 scoped Muun safety repair */
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping{
    display:block!important;
    float:none!important;
    left:auto!important;
    top:auto!important;
    line-height:normal!important;
}


/* v22 scoped Muun centering repair */
.flame-extra-equipment-info .flame-extra-muun .cworkshop,
.flame-extra-equipment-info .flame-extra-muun .muunHead2,
.flame-extra-equipment-info .flame-extra-muun .muunHead3{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    flex:1 1 auto!important;
    min-height:154px!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    width:100%!important;
    min-height:138px!important;
    margin:0!important;
    padding:0!important;
}
.flame-extra-equipment-info .equipments .item-mapping{
    flex:0 0 112px!important;
    width:112px!important;
    height:124px!important;
    padding:31px 9px 9px!important;
}
.flame-extra-equipment-info .equipments .item-mapping:after{
    inset:36px 10px 10px!important;
}
@media (max-width:460px){
    .flame-extra-equipment-info .flame-extra-muun .equipments{gap:8px!important;}
    .flame-extra-equipment-info .equipments .item-mapping{
        flex:1 1 31%!important;
        width:31%!important;
        height:108px!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
}
/* v36 mobile-only restore: keep Muun item art inside the small inner slot box.
   Re-applies the mobile containment fix after later hover/cursor tweaks. Desktop stays untouched. */
@media (max-width:993px), (hover:none) and (pointer:coarse){
    .flame-extra-equipment-info .flame-extra-muun .cworkshop,
    .flame-extra-equipment-info .flame-extra-muun .muunHead2,
    .flame-extra-equipment-info .flame-extra-muun .muunHead3{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        background:none!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments{
        display:flex!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:8px!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        height:104px!important;
        padding:31px 6px 8px!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:before{
        z-index:3!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:after{
        inset:34px 8px 8px!important;
        z-index:0!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping img,
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping img.flame-muun-tooltip-item{
        display:block!important;
        position:relative!important;
        z-index:2!important;
        width:auto!important;
        height:auto!important;
        max-width:78px!important;
        max-height:56px!important;
        margin:0 auto!important;
        object-fit:contain!important;
    }
}
@media (max-width:360px){
    .flame-extra-equipment-info .flame-extra-muun .equipments{
        gap:6px!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping{
        height:98px!important;
        padding-left:5px!important;
        padding-right:5px!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping img,
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping img.flame-muun-tooltip-item{
        max-width:70px!important;
        max-height:52px!important;
    }
}


/* v37 restore: keep v36 mobile fit AND restore inner-only Muun cursor/hover behavior.
   Cursor stays default on the large outer slot. Pointer/glow activates only when hovering the actual item image/tooltip target. */
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping{
    cursor:default!important;
    transition:border-color .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:after{
    cursor:pointer!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping img,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping .flame-muun-tooltip-item{
    cursor:pointer!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:hover,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:focus,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:focus-within{
    border-color:rgba(179,111,55,.42)!important;
    box-shadow:inset 0 0 0 1px rgba(255,213,133,.055),0 8px 18px rgba(0,0,0,.36)!important;
    filter:none!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:hover:after,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:focus:after,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:focus-within:after{
    border-color:rgba(214,150,82,.22)!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,224,151,.05)!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(img:hover),
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(img.flame-muun-tooltip-item:hover),
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(.flame-muun-tooltip-item:focus){
    border-color:rgba(238,184,94,.55)!important;
    box-shadow:inset 0 0 0 1px rgba(255,226,148,.12),0 0 14px rgba(225,112,45,.18),0 8px 18px rgba(0,0,0,.36)!important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.70))!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(img:hover):after,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(img.flame-muun-tooltip-item:hover):after,
.flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:has(.flame-muun-tooltip-item:focus):after{
    border-color:rgba(238,184,94,.42)!important;
    box-shadow:inset 0 0 0 1px rgba(255,226,148,.09),inset 0 0 18px rgba(0,0,0,.68),0 0 12px rgba(225,112,45,.14)!important;
}