.flame-extra-equipment-info{
    margin:14px auto 0;
    max-width:980px;
    width:100%;
}
.flame-extra-equipment-info *{box-sizing:border-box;}
.flame-extra-equipment-info .flame-extra-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
    align-items:flex-start;
    margin:0;
}
.flame-extra-equipment-info .flame-extra-card{
    background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
    border-radius:12px;
}
.flame-extra-equipment-info .flame-extra-title,
.class-ability .flame-ability-title{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    margin:0 0 10px;
    padding:0 8px;
    color:#e8d892;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-shadow:0 1px 8px rgba(232,216,146,.25);
}
.flame-extra-equipment-info .flame-extra-muun{width:auto;min-width:340px;max-width:100%;}
.flame-extra-equipment-info .flame-extra-pets{width:auto;min-width:340px;max-width:100%;}
.flame-extra-equipment-info .flame-extra-artifact{
    width:390px;
    max-width:100%;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
}
.flame-extra-equipment-info .flame-extra-ability-row{margin-top:12px;}
.flame-extra-equipment-info .flame-extra-ability{
    width:960px;
    max-width:100%;
    padding:14px;
    overflow:hidden;
}

/* Pets: same card language as Muun, always 3 visible slots */
.flame-pets-grid{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:stretch;
    width:100%;
}
.flame-pet-slot{
    position:relative;
    width:96px;
    height:100px;
    padding:26px 8px 8px;
    border-radius:12px;
    text-align:center;
    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);
}
.flame-pet-label{
    position:absolute;
    top:8px;
    left:8px;
    right:8px;
    margin:0;
    color:#d8c27c;
    font-size:12px;
    line-height:14px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    opacity:.92;
}
.flame-pet-itembox{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:0;
    width:100%;
    height:64px;
    margin:0 auto;
    border-radius:10px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(255,255,255,.065);
}
.flame-pet-itembox:empty:after{
    content:'';
    width:36px;
    height:36px;
    border-radius:8px;
    border:1px dashed rgba(232,216,146,.16);
    background:rgba(255,255,255,.025);
}
.flame-pet-itembox img{
    display:block;
    max-width:54px!important;
    max-height:54px!important;
    width:auto;
    height:auto;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.55));
}

/* Artifact compact block */
.flame-artifact-grid{
    position:relative;
    width:300px;
    height:240px;
    margin:0 auto;
    background:radial-gradient(circle at center,rgba(215,195,123,.075),rgba(0,0,0,.11) 58%,rgba(0,0,0,.20));
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    overflow:hidden;
}
.flame-artifact-grid .artifactIcon img{max-width:100%;max-height:100%;}

/* Ability Cards modern readable table */
.ability,
.class-ability{
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    background:none!important;
    position:relative;
    text-align:left;
    color:#ddd;
    overflow:visible;
    font-family:"Roboto Condensed",Arial,sans-serif;
    font-size:14px;
}
.class-ability .flame-ability-title{
    height:auto;
    padding-top:0!important;
    font-size:18px;
    margin-bottom:10px;
}
.class-ability .flame-ability-scroll{
    width:100%;
    max-width:100%;
    height:auto;
    max-height:580px;
    margin:0;
    padding:2px 8px 2px 2px;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
.class-ability .flame-ability-scroll::-webkit-scrollbar{width:7px;height:7px;}
.class-ability .flame-ability-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:10px;}
.class-ability .flame-ability-scroll::-webkit-scrollbar-thumb{background:rgba(232,216,146,.42);border-radius:10px;}
.class-ability .flame-ability-scroll::-webkit-scrollbar-thumb:hover{background:rgba(232,216,146,.62);}
.class-ability table{
    width:100%!important;
    table-layout:auto!important;
    border-collapse:separate;
    border-spacing:0 5px;
}
.class-ability table tr{background:none!important;}
.class-ability table tr td{
    padding:0!important;
    vertical-align:middle;
    border:0!important;
}
.class-ability table tr td.title-ability{
    height:30px;
    padding:6px 12px!important;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-align:left;
    border-radius:8px!important;
    background:none!important;
    letter-spacing:.03em;
}
.class-ability table tr td.title-red{background:linear-gradient(90deg,rgba(157,59,42,.9),rgba(92,26,20,.35))!important;}
.class-ability table tr td.title-blue{background:linear-gradient(90deg,rgba(48,91,170,.9),rgba(22,39,83,.35))!important;}
.class-ability table tr td.title-green{background:linear-gradient(90deg,rgba(44,130,73,.9),rgba(18,67,36,.35))!important;}
.class-ability table tr td.title-purple{background:linear-gradient(90deg,rgba(105,64,158,.9),rgba(50,27,82,.35))!important;}
.class-ability table tr.line-ability{color:#d9d9d9;background:rgba(255,255,255,.035)!important;border-radius:8px;}
.class-ability table tr.line-ability td{
    height:auto;
    padding-top:6px!important;
    padding-bottom:6px!important;
    background:rgba(255,255,255,.035)!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
    border-bottom:1px solid rgba(0,0,0,.16)!important;
}
.class-ability table tr.line-red td{background:rgba(157,59,42,.115)!important;border-top-color:rgba(255,108,86,.095)!important;}
.class-ability table tr.line-blue td{background:rgba(48,91,170,.105)!important;border-top-color:rgba(93,143,255,.09)!important;}
.class-ability table tr.line-green td{background:rgba(44,130,73,.105)!important;border-top-color:rgba(92,224,126,.09)!important;}
.class-ability table tr.line-purple td{background:rgba(105,64,158,.115)!important;border-top-color:rgba(176,121,255,.095)!important;}
.class-ability table tr.line-ability td:first-child{width:46px;padding-left:10px!important;border-radius:8px 0 0 8px!important;}
.class-ability table tr.line-ability td:nth-child(2){width:64px;color:#f2dc57;font-weight:700;text-shadow:0 0 6px rgba(242,220,87,.42);white-space:nowrap;}
.class-ability table tr.line-ability td:nth-child(3){width:auto;color:#d7d7d7;font-size:14px;line-height:18px;}
.class-ability table tr.line-ability td:nth-child(3) span{
    display:block;
    width:100%;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal;
}
.class-ability table tr.line-ability td:nth-child(3) sup{margin-left:3px;color:#c9bff0;font-size:10px;white-space:nowrap;}
.class-ability table tr.line-ability td:nth-child(4){width:38px;color:#f2dc57;text-align:right;padding-right:10px!important;border-radius:0 8px 8px 0!important;white-space:nowrap;}
.class-ability table tr td img{display:block;width:auto;max-width:28px!important;max-height:28px!important;margin:0 auto;}
.class-ability table tr.line-gray img{filter:grayscale(100%);opacity:.65;}
.class-ability table tr td:nth-child(3).active{color:#fff!important;text-shadow:0 0 5px rgba(255,255,255,.35);}
.class-ability table tr td:nth-child(4).active{text-shadow:0 0 7px gold;}
.class-ability table tr td img.active-red{filter:drop-shadow(0 0 5px #ff4a4a) brightness(1.25);}
.class-ability table tr td img.active-blue{filter:drop-shadow(0 0 5px #43a8ff) brightness(1.25);}
.class-ability table tr td img.active-green{filter:drop-shadow(0 0 5px #33dd5d) brightness(1.25);}
.class-ability table tr td img.active-purple{filter:drop-shadow(0 0 5px #9567ff) brightness(1.25);}

@media (max-width:767px){
    .flame-extra-equipment-info{margin-top:12px;}
    .flame-extra-equipment-info .flame-extra-row{gap:10px;}
    .flame-extra-equipment-info .flame-extra-card{width:100%;padding:12px;}
    .flame-extra-equipment-info .flame-extra-muun,
    .flame-extra-equipment-info .flame-extra-pets{min-width:0;}
    .flame-pets-grid{gap:8px;}
    .flame-pet-slot{width:31%;padding-left:6px;padding-right:6px;}
    .class-ability .flame-ability-scroll{max-height:460px;}
    .class-ability table tr.line-ability td:nth-child(3){font-size:13px;}
    .flame-artifact-grid{transform:scale(.9);transform-origin:top center;margin-bottom:-24px;}
}
@media (max-width:420px){
    .class-ability table tr.line-ability td:first-child{width:40px;padding-left:6px!important;}
    .class-ability table tr.line-ability td:nth-child(2){width:48px;font-size:13px;}
    .class-ability table tr.line-ability td:nth-child(4){width:28px;padding-right:6px!important;}
    .class-ability table tr td img{max-width:24px!important;max-height:24px!important;}
}

/* v13: compact height/width fixes for screenshot layout */
.flame-extra-equipment-info .flame-extra-row{
    align-items:flex-start!important;
    gap:14px!important;
}
.flame-extra-equipment-info .flame-extra-card{
    flex:0 0 auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:14px!important;
}

.flame-extra-equipment-info .flame-extra-ability .flame-ability-cworkshop{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
}

.flame-extra-equipment-info .flame-extra-title,
.class-ability .flame-ability-title{
    margin-bottom:12px!important;
}
.flame-extra-equipment-info .flame-extra-muun,
.flame-extra-equipment-info .flame-extra-pets{
    width:390px!important;
    min-width:0!important;
    max-width:100%!important;
}
.flame-extra-equipment-info .flame-extra-muun .cworkshop,
.flame-extra-equipment-info .flame-extra-muun .muunHead2,
.flame-extra-equipment-info .flame-extra-muun .muunHead3{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
}
.flame-extra-equipment-info .flame-extra-pets .flame-pets-grid,
.flame-extra-equipment-info .flame-extra-muun .equipments{
    min-height:0!important;
    height:auto!important;
}
.flame-extra-equipment-info .flame-extra-artifact{
    width:390px!important;
    min-width:0!important;
    max-width:100%!important;
    padding:14px!important;
}
.flame-artifact-grid{
    width:300px!important;
    height:210px!important;
    max-width:100%!important;
}
@media (max-width:460px){
    .flame-extra-equipment-info .flame-extra-muun,
    .flame-extra-equipment-info .flame-extra-pets,
    .flame-extra-equipment-info .flame-extra-artifact{
        width:100%!important;
    }
    .flame-artifact-grid{height:200px!important;}
}



/* v21 clean final layout repair, scoped only to extra character equipment blocks */
.flame-extra-equipment-info{
    width:100%!important;
    max-width:1120px!important;
    margin:16px auto 0!important;
    clear:both!important;
}
.flame-extra-equipment-info *{box-sizing:border-box;}
.flame-extra-equipment-info .flame-extra-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    margin:0!important;
    overflow:visible!important;
}
.flame-extra-equipment-info .flame-extra-bottom-row{margin-top:14px!important;}
.flame-extra-equipment-info .flame-extra-card{
    display:block!important;
    float:none!important;
    height:auto!important;
    min-height:0!important;
    padding:16px!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(167,62,38,.20),transparent 46%),
        linear-gradient(180deg,rgba(58,25,18,.90),rgba(22,15,14,.96) 56%,rgba(8,8,9,.98))!important;
    border:1px solid rgba(186,105,57,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,224,151,.08),inset 0 0 24px rgba(231,94,48,.07),0 10px 26px rgba(0,0,0,.34)!important;
}
.flame-extra-equipment-info .flame-extra-title,
.flame-extra-equipment-info .flame-ability-title{
    color:#f0d58f!important;
    text-shadow:0 0 10px rgba(236,126,55,.28),0 1px 0 rgba(0,0,0,.85)!important;
    letter-spacing:.09em!important;
}
.flame-extra-equipment-info .flame-extra-muun,
.flame-extra-equipment-info .flame-extra-pets,
.flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-ability,
.flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-artifact{
    flex:0 0 calc(50% - 7px)!important;
    width:calc(50% - 7px)!important;
    max-width:calc(50% - 7px)!important;
    min-width:0!important;
    margin:0!important;
}
.flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-ability{
    flex:0 1 650px!important;
    width:650px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-artifact{
    flex:0 1 560px!important;
    width:560px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.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,
.flame-extra-equipment-info .flame-pets-grid{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
}
.flame-extra-equipment-info .equipments .item-mapping,
.flame-extra-equipment-info .flame-pet-slot{
    position:relative!important;
    overflow:hidden!important;
    flex:0 0 106px!important;
    width:106px!important;
    height:118px!important;
    padding:30px 8px 8px!important;
    border-radius:13px!important;
    background:
        radial-gradient(circle at 50% 44%,rgba(95,54,28,.34),rgba(20,13,10,.88) 62%,rgba(5,5,5,.96)),
        linear-gradient(180deg,rgba(43,22,15,.78),rgba(9,8,8,.96))!important;
    border:1px solid 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;
}
.flame-extra-equipment-info .equipments .item-mapping:after,
.flame-extra-equipment-info .flame-pet-itembox{
    background:radial-gradient(circle at 50% 48%,rgba(58,35,20,.32),rgba(7,7,7,.90) 56%,rgba(0,0,0,.98))!important;
    border:1px solid 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 .equipments .item-mapping:after{
    inset:34px 10px 10px!important;
    z-index:0!important;
}
.flame-extra-equipment-info .equipments .item-mapping:before{z-index:2!important;}
.flame-extra-equipment-info .equipments .item-mapping img{
    z-index:2!important;
    max-width:90px!important;
    max-height:90px!important;
    margin:15px auto 0!important;
}
.flame-extra-equipment-info .flame-pet-label{z-index:2!important;}
.flame-extra-equipment-info .flame-pet-itembox{
    position:relative!important;
    z-index:1!important;
    height:70px!important;
    border-radius:10px!important;
}
.flame-extra-equipment-info .flame-pet-itembox img{
    max-width:110px!important;
    max-height:110px!important;
}
.flame-extra-equipment-info .flame-extra-ability{overflow:hidden!important;}
.flame-extra-equipment-info .flame-extra-ability .flame-ability-cworkshop,
.flame-extra-equipment-info .flame-extra-ability .ability,
.flame-extra-equipment-info .flame-extra-ability .class-ability{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    overflow:visible!important;
}
.flame-extra-equipment-info .class-ability .flame-ability-scroll{
    max-height:520px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 10px 2px 2px!important;
    background:rgba(0,0,0,.10)!important;
    border-radius:10px!important;
}
.flame-extra-equipment-info .flame-extra-artifact{
    text-align:center!important;
    overflow:hidden!important;
}
.flame-extra-equipment-info .flame-artifact-grid{
    position:relative!important;
    width:100%!important;
    max-width:430px!important;
    height:360px!important;
    min-height:360px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border-radius:13px!important;
    background:
        radial-gradient(circle at 50% 50%,rgba(78,43,20,.20),rgba(10,10,10,.92) 57%,rgba(0,0,0,.98)),
        linear-gradient(180deg,rgba(20,13,9,.97),rgba(4,4,5,.99))!important;
    border:1px solid rgba(205,128,59,.34)!important;
    box-shadow:inset 0 0 28px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,222,142,.05),0 7px 18px rgba(0,0,0,.30)!important;
}
.flame-extra-equipment-info .flame-artifact-grid:before{
    content:'';
    position:absolute;
    left:50%;top:50%;
    width:330px;height:330px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    pointer-events:none;
    opacity:.55;
    background:
        repeating-conic-gradient(from 0deg,rgba(198,93,32,.22) 0 1deg,transparent 1deg 12deg),
        radial-gradient(circle,transparent 0 31%,rgba(190,93,31,.18) 31.3% 31.8%,transparent 32.1% 45%,rgba(190,93,31,.15) 45.3% 46%,transparent 46.4% 61%,rgba(190,93,31,.18) 61.3% 62%,transparent 62.4%),
        linear-gradient(45deg,transparent 49.4%,rgba(190,93,31,.20) 49.7% 50.3%,transparent 50.6%),
        linear-gradient(-45deg,transparent 49.4%,rgba(190,93,31,.14) 49.7% 50.3%,transparent 50.6%);
    filter:drop-shadow(0 0 12px rgba(204,91,28,.18));
}
.flame-extra-equipment-info .flame-artifact-grid:after{
    content:'';
    position:absolute;
    left:50%;top:50%;
    width:236px;height:236px;
    transform:translate(-50%,-50%) rotate(30deg);
    pointer-events:none;
    opacity:.35;
    background:
        linear-gradient(30deg,transparent 48.8%,rgba(208,103,36,.28) 49.4% 50.6%,transparent 51.2%),
        linear-gradient(90deg,transparent 48.8%,rgba(208,103,36,.20) 49.4% 50.6%,transparent 51.2%),
        linear-gradient(150deg,transparent 48.8%,rgba(208,103,36,.20) 49.4% 50.6%,transparent 51.2%);
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon{
    z-index:3!important;
    filter:drop-shadow(0 0 10px rgba(255,70,50,.18));
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon img{
    display:block!important;
    max-width:100%!important;
    max-height:100%!important;
}
@media (max-width:980px){
    .flame-extra-equipment-info .flame-extra-muun,
    .flame-extra-equipment-info .flame-extra-pets,
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-ability,
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-artifact,
    .flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-ability,
    .flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-artifact{
        flex:0 1 100%!important;
        width:100%!important;
        max-width:100%!important;
    }
    .flame-extra-equipment-info .flame-artifact-grid{
        height:300px!important;
        min-height:300px!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll{max-height:460px!important;}
}
@media (max-width:460px){
    .flame-extra-equipment-info .flame-extra-card{padding:12px!important;}
    .flame-extra-equipment-info .flame-extra-muun .equipments,
    .flame-extra-equipment-info .flame-pets-grid{gap:8px!important;}
    .flame-extra-equipment-info .equipments .item-mapping,
    .flame-extra-equipment-info .flame-pet-slot{
        flex:1 1 31%!important;
        width:31%!important;
        height:108px!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
    .flame-extra-equipment-info .flame-artifact-grid:before{width:250px;height:250px;}
    .flame-extra-equipment-info .flame-artifact-grid:after{width:180px;height:180px;}
}


/* v22 final center/equal-card repair
   Keeps normal equipment/sidebar untouched. Scoped only inside .flame-extra-equipment-info. */
.flame-extra-equipment-info{
    max-width:1120px!important;
    clear:both!important;
}
.flame-extra-equipment-info .flame-extra-top-row,
.flame-extra-equipment-info .flame-extra-bottom-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    justify-content:center!important;
    align-items:stretch!important;
    width:100%!important;
    overflow:visible!important;
}
.flame-extra-equipment-info .flame-extra-card{
    float:none!important;
    box-sizing:border-box!important;
}
.flame-extra-equipment-info .flame-extra-muun,
.flame-extra-equipment-info .flame-extra-pets,
.flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-ability,
.flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-artifact{
    flex:0 0 calc(50% - 7px)!important;
    width:calc(50% - 7px)!important;
    max-width:calc(50% - 7px)!important;
    min-width:0!important;
    margin:0!important;
}
.flame-extra-equipment-info .flame-extra-top-row .flame-extra-muun,
.flame-extra-equipment-info .flame-extra-top-row .flame-extra-pets{
    display:flex!important;
    flex-direction:column!important;
}
.flame-extra-equipment-info .flame-extra-top-row .flame-extra-title{
    margin:0 0 12px!important;
}
.flame-extra-equipment-info .flame-extra-muun .cworkshop,
.flame-extra-equipment-info .flame-extra-muun .muunHead2,
.flame-extra-equipment-info .flame-extra-muun .muunHead3,
.flame-extra-equipment-info .flame-extra-pets .flame-pets-grid{
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
}
.flame-extra-equipment-info .flame-extra-muun .equipments,
.flame-extra-equipment-info .flame-pets-grid{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.flame-extra-equipment-info .equipments .item-mapping,
.flame-extra-equipment-info .flame-pet-slot{
    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;
}
.flame-extra-equipment-info .flame-pet-itembox{
    height:74px!important;
    max-width:90px!important;
    max-height:90px!important;
    margin:6px auto 0!important;
}
.flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-ability{
    flex:0 1 650px!important;
    width:650px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-artifact{
    flex:0 1 560px!important;
    width:560px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-extra-equipment-info .flame-extra-bottom-row{
    align-items:flex-start!important;
}
.flame-extra-equipment-info .flame-extra-artifact{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    overflow:hidden!important;
}
.flame-extra-equipment-info .flame-artifact-grid{
    width:100%!important;
    max-width:430px!important;
    height:360px!important;
    min-height:360px!important;
    margin:0 auto!important;
    display:block!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon{
    z-index:3!important;
    will-change:left,top!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon img{
    display:block!important;
}

@media (max-width:980px){
    .flame-extra-equipment-info .flame-extra-muun,
    .flame-extra-equipment-info .flame-extra-pets,
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-ability,
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-artifact,
    .flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-ability,
    .flame-extra-equipment-info:not(.has-artifact-ability-pair) .flame-extra-artifact{
        flex:0 1 100%!important;
        width:100%!important;
        max-width:100%!important;
    }
    .flame-extra-equipment-info .flame-extra-top-row .flame-extra-muun,
    .flame-extra-equipment-info .flame-extra-top-row .flame-extra-pets{
        min-height:0!important;
    }
}
@media (max-width:460px){
    .flame-extra-equipment-info .flame-extra-muun .equipments,
    .flame-extra-equipment-info .flame-pets-grid{
        gap:8px!important;
    }
    .flame-extra-equipment-info .equipments .item-mapping,
    .flame-extra-equipment-info .flame-pet-slot{
        flex:1 1 31%!important;
        width:31%!important;
        height:108px!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
}

/* v23 Flame equipment inventory card
   Matches Muun/Guardian frame language, scoped only to the character equipment table. */
.flame-equipment-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0 auto!important;
}
.flame-equipment-table{
    width:100%!important;
    margin:14px auto 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.flame-equipment-table thead{
    display:none!important;
}
.flame-equipment-table tr,
.flame-equipment-table th,
.flame-equipment-table td,
.flame-equipment-table.table-striped tbody tr:nth-of-type(odd),
.flame-equipment-table.table-striped tbody tr:nth-of-type(even){
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.flame-equipment-table td{
    padding:0!important;
    text-align:center!important;
}
.flame-equipment-card{
    display:block!important;
    box-sizing:border-box!important;
    width:560px!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 auto 16px!important;
    padding:16px 20px 20px!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(167,62,38,.20),transparent 46%),
        linear-gradient(180deg,rgba(58,25,18,.90),rgba(22,15,14,.96) 56%,rgba(8,8,9,.98))!important;
    border:1px solid rgba(186,105,57,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,224,151,.08),inset 0 0 24px rgba(231,94,48,.07),0 10px 26px rgba(0,0,0,.34)!important;
    overflow:visible!important;
}
.flame-equipment-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:26px!important;
    margin:0 0 14px!important;
    padding:0 8px!important;
    color:#f0d58f!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 10px rgba(236,126,55,.28),0 1px 0 rgba(0,0,0,.85)!important;
}
.flame-equipment-card .dmn-character-equipment-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    overflow:visible!important;
}
.flame-equipment-card #inventoryc{
    display:block!important;
    float:none!important;
    margin:0 auto!important;
    background:transparent!important;
    overflow:visible!important;
}
.flame-equipment-card #inventoryc .inv-slot-bg{
    background:
        radial-gradient(circle at 50% 48%,rgba(58,35,20,.32),rgba(7,7,7,.90) 56%,rgba(0,0,0,.98)),
        linear-gradient(180deg,rgba(43,22,15,.78),rgba(9,8,8,.96))!important;
    border:1px solid 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),0 8px 18px rgba(0,0,0,.28)!important;
}
.flame-equipment-card #inventoryc .inv-slot-bg:after{
    content:'';
    position:absolute;
    inset:5px;
    border-radius:inherit;
    pointer-events:none;
    background:radial-gradient(circle at 50% 42%,rgba(255,220,145,.035),rgba(0,0,0,.10) 62%,rgba(0,0,0,.22));
    border:1px solid rgba(255,224,151,.035);
}
.flame-equipment-card #inventoryc > img{
    border:1px solid rgba(214,150,82,.22)!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.70),0 8px 22px rgba(0,0,0,.45)!important;
}
.flame-equipment-card #inventoryc > div[id^="in_"]{
    cursor:pointer!important;
    box-sizing:border-box!important;
    filter:drop-shadow(0 4px 9px rgba(0,0,0,.55));
    transition:box-shadow .16s ease, filter .16s ease;
}
.flame-equipment-card #inventoryc > div[id^="in_"]:hover,
.flame-equipment-card #inventoryc > div[id^="in_"]:focus{
    box-shadow:inset 0 0 0 1px rgba(238,184,94,.34),0 0 14px rgba(225,112,45,.18)!important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.70));
    outline:none!important;
}
.flame-equipment-card #inventory{
    margin:0 auto!important;
    max-width:100%!important;
}
@media (max-width:767px), (hover:none) and (pointer:coarse){
    .flame-equipment-table-wrap{
        overflow:visible!important;
    }
    .flame-equipment-card{
        width:calc(100vw - 22px)!important;
        max-width:calc(100vw - 22px)!important;
        padding:12px 10px 14px!important;
        margin-bottom:12px!important;
        overflow:hidden!important;
    }
    .flame-equipment-title{
        min-height:22px!important;
        margin-bottom:9px!important;
        font-size:16px!important;
        letter-spacing:.075em!important;
    }
    .flame-equipment-card .dmn-character-equipment-wrap{
        max-width:100%!important;
        overflow:hidden!important;
    }
    .flame-equipment-card #inventoryc,
    .flame-equipment-card #inventory{
        transform-origin:top center!important;
    }
}

/* v26 hard responsive equipment fit for character page.
   Important: ability_card.css is loaded after the main theme CSS on this page, so this override must also live here. */
.flame-equipment-table-wrap.table-responsive-sm,
.flame-equipment-table-wrap,
.flame-equipment-table,
.flame-equipment-table tbody,
.flame-equipment-table tr,
.flame-equipment-table td,
.flame-equipment-card,
.flame-equipment-card .dmn-character-equipment-wrap,
.flame-equipment-card .dmn-character-equipment-scale{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}
.flame-equipment-table-wrap.table-responsive-sm,
.flame-equipment-table-wrap,
.flame-equipment-card,
.flame-equipment-card .dmn-character-equipment-wrap,
.flame-equipment-card .dmn-character-equipment-scale{
    overflow:hidden!important;
}
.flame-equipment-table,
.flame-equipment-table tbody,
.flame-equipment-table tr,
.flame-equipment-table td{
    display:block!important;
    width:100%!important;
}
.flame-equipment-table-wrap{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-equipment-card{
    width:560px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-equipment-card .dmn-character-equipment-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    padding:0!important;
}
.flame-equipment-card .dmn-character-equipment-scale{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:398px!important;
    height:320px!important;
    margin:0 auto!important;
    padding:0!important;
    --dmn-inventory-scale:1;
}
.flame-equipment-card .dmn-character-equipment-scale > #inventoryc,
.flame-equipment-card .dmn-character-equipment-scale > #inventory{
    position:absolute!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    max-width:none!important;
    zoom:1!important;
    transform:scale(var(--dmn-inventory-scale,1))!important;
    transform-origin:top left!important;
}
@media (max-width:993px), (hover:none) and (pointer:coarse){
    .flame-equipment-card{
        width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    .flame-equipment-title{
        min-height:22px!important;
        margin-bottom:9px!important;
        font-size:16px!important;
        letter-spacing:.075em!important;
    }
}
@media (max-width:360px){
    .flame-equipment-card{
        padding-left:4px!important;
        padding-right:4px!important;
    }
}

/* v27 mobile-only extra equipment polish
   1) Muun/Guardian images stay inside their dark slot boxes.
   2) Ability Cards Book has a visible scrollbar indicator before scrolling.
   3) On mobile/tablet, Spider Artifact is shown before Ability Cards when both exist.
   Desktop layout is intentionally untouched. */
@media (max-width:993px), (hover:none) and (pointer:coarse){
    /* Mobile order: Muuns -> Guardian Pets -> Spider Artifact -> Ability Cards */
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-bottom-row{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-artifact{
        order:1!important;
    }
    .flame-extra-equipment-info.has-artifact-ability-pair .flame-extra-ability{
        order:2!important;
    }

    /* Muun slots: image is limited by the inside box, not by the full card height. */
    .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;
        min-height:0!important;
        height:auto!important;
        width:100%!important;
        margin:0!important;
        padding:0!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;
        height:104px!important;
        padding:31px 6px 8px!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-extra-muun .equipments .item-mapping:after{
        inset:34px 8px 8px!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;
    }

    /* Guardian Pets: large pet art is contained inside the itembox. */
    .flame-extra-equipment-info .flame-pets-grid{
        display:flex!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:8px!important;
        width:100%!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-slot{
        display:flex!important;
        flex-direction:column!important;
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        height:106px!important;
        padding:30px 8px 8px!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:1 1 auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-width:none!important;
        max-height:none!important;
        margin:0 auto!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox img,
    .flame-extra-equipment-info .flame-pet-itembox img.flame-pet-tooltip-item{
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:86px!important;
        max-height:58px!important;
        margin:0 auto!important;
        object-fit:contain!important;
    }

    /* Ability Cards mobile scrollbar v29.
       Use only the real/native scrollbar, made wider and always allocated by overflow-y:scroll. */
    .flame-extra-equipment-info .class-ability{
        position:relative!important;
        overflow:visible!important;
        padding-right:0!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll{
        overflow-y:scroll!important;
        overflow-x:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
        scrollbar-width:auto!important;
        scrollbar-color:rgba(214,168,95,.95) rgba(0,0,0,.45)!important;
        -ms-overflow-style:auto!important;
        padding-right:8px!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar{
        width:12px!important;
        height:12px!important;
        display:block!important;
        -webkit-appearance:none!important;
        background:rgba(0,0,0,.45)!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar-track{
        background:rgba(0,0,0,.45)!important;
        border-radius:10px!important;
        box-shadow:inset 0 0 0 1px rgba(255,224,151,.06)!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar-thumb{
        background:rgba(214,168,95,.95)!important;
        border-radius:10px!important;
        border:2px solid rgba(0,0,0,.45)!important;
        box-shadow:0 0 8px rgba(214,168,95,.18)!important;
    }
    .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar-thumb:hover{
        background:rgba(232,190,116,1)!important;
    }
    .flame-extra-equipment-info .class-ability .dmn-ability-scrollbar{
        display:none!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;
    }
    .flame-extra-equipment-info .flame-pet-slot{
        height:100px!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox img,
    .flame-extra-equipment-info .flame-pet-itembox img.flame-pet-tooltip-item{
        max-width:76px!important;
        max-height:54px!important;
    }
}
/* v36 mobile-only restore: keep Guardian Pet 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-pets-grid{
        display:flex!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:8px!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-slot{
        display:flex!important;
        flex-direction:column!important;
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        height:106px!important;
        padding:30px 8px 8px!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-label{
        z-index:3!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:1 1 auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-width:none!important;
        max-height:none!important;
        margin:0 auto!important;
        overflow:hidden!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox img,
    .flame-extra-equipment-info .flame-pet-itembox img.flame-pet-tooltip-item{
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:86px!important;
        max-height:58px!important;
        margin:0 auto!important;
        object-fit:contain!important;
    }
}
@media (max-width:360px){
    .flame-extra-equipment-info .flame-pet-slot{
        height:100px!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
    .flame-extra-equipment-info .flame-pet-itembox img,
    .flame-extra-equipment-info .flame-pet-itembox img.flame-pet-tooltip-item{
        max-width:76px!important;
        max-height:54px!important;
    }
}


/* v37 restore: keep v36 mobile fit AND restore Guardian inner-only cursor/hover + white Artifact hover.
   Cursor stays default on the large outer Guardian slot. Pointer/glow activates only on the small inner item box when it has an item. */
.flame-extra-equipment-info .flame-pet-slot,
.flame-extra-equipment-info .flame-pet-slot .flame-pet-itembox{
    cursor:default!important;
    transition:border-color .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.flame-extra-equipment-info .flame-pet-slot .flame-pet-itembox:has(img),
.flame-extra-equipment-info .flame-pet-slot .flame-pet-itembox img,
.flame-extra-equipment-info .flame-pet-slot .flame-pet-tooltip-item{
    cursor:pointer!important;
}
.flame-extra-equipment-info .flame-pet-slot:hover,
.flame-extra-equipment-info .flame-pet-slot: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-pet-slot:hover .flame-pet-itembox,
.flame-extra-equipment-info .flame-pet-slot:focus-within .flame-pet-itembox{
    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-pet-slot:hover .flame-pet-itembox img,
.flame-extra-equipment-info .flame-pet-slot:focus-within .flame-pet-itembox img{
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))!important;
}
.flame-extra-equipment-info .flame-pet-slot:has(.flame-pet-itembox img):has(.flame-pet-itembox:hover),
.flame-extra-equipment-info .flame-pet-slot:has(.flame-pet-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-pet-slot:has(.flame-pet-itembox img):has(.flame-pet-itembox:hover) .flame-pet-itembox,
.flame-extra-equipment-info .flame-pet-slot:has(.flame-pet-tooltip-item:focus) .flame-pet-itembox{
    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;
}
.flame-extra-equipment-info .flame-pet-slot:has(.flame-pet-itembox img):has(.flame-pet-itembox:hover) .flame-pet-itembox img,
.flame-extra-equipment-info .flame-pet-slot:has(.flame-pet-tooltip-item:focus) .flame-pet-itembox img{
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(238,184,94,.22))!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon{
    cursor:pointer!important;
    transition:filter .16s ease, transform .16s ease!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon img{
    transition:filter .16s ease!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon:hover,
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon:focus{
    z-index:8!important;
}
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon:hover img,
.flame-extra-equipment-info .flame-artifact-grid .artifactIcon:focus img{
    filter:drop-shadow(0 0 1px rgba(255,255,255,.80)) drop-shadow(0 0 6px rgba(255,255,255,.38)) drop-shadow(0 5px 10px rgba(0,0,0,.60))!important;
}