/* ==========================================================
   GBL Halloween 2026 - V2.6.3
   Desafíos Sangrientos · tarjetas estilo Misiones GM
   Mantiene carrusel horizontal V2.6.2 y lógica backend intacta.
   ========================================================== */

#misiones .gbl-hw-v262-carousel{
    padding:0 7px!important;
}

#misiones #missionGrid{
    gap:12px!important;
    padding:8px 2px 12px!important;
    align-items:stretch!important;
}

/* 4 tarjetas visibles en desktop, como catálogo horizontal */
#misiones #missionGrid > .mission-card{
    flex:0 0 calc((100% - 36px)/4)!important;
    min-width:0!important;
    min-height:0!important;
    height:392px!important;
    padding:10px!important;
    border-radius:11px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:
      linear-gradient(180deg,rgba(10,20,28,.92),rgba(14,5,8,.96))!important;
    border:1px solid rgba(255,92,26,.48)!important;
    box-shadow:
      inset 0 0 24px rgba(255,77,0,.035),
      0 0 13px rgba(0,0,0,.28)!important;
}

/* Variación sutil para conservar el toque Halloween */
#misiones #missionGrid > .mission-card:nth-child(even){
    border-color:rgba(205,43,203,.46)!important;
    box-shadow:
      inset 0 0 22px rgba(158,20,151,.045),
      0 0 13px rgba(0,0,0,.28)!important;
}

/* Cabecera pequeña: #ID + tipo */
#misiones .gbl-hw-v263-cardtop{
    order:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:26px;
    margin-bottom:5px;
}
#misiones .gbl-hw-v263-cardtop .mission-id{
    margin:0!important;
    padding:4px 8px!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1!important;
    background:rgba(24,43,57,.72)!important;
    border:1px solid rgba(85,122,145,.20)!important;
    color:#9cb6c7!important;
}
#misiones .gbl-hw-v263-type{
    margin-left:auto;
    padding:4px 9px;
    border-radius:7px;
    border:1px solid rgba(255,102,31,.58);
    background:rgba(75,18,7,.82);
    color:#ffc089;
    font:800 10px/1 Arial,sans-serif;
    white-space:nowrap;
    box-shadow:0 0 10px rgba(255,70,0,.10);
}

/* Preview protagonista, como Misiones GM */
#misiones .gbl-hw-v263-preview{
    order:1;
    height:137px;
    flex:0 0 137px;
    width:100%;
    border:1px solid rgba(67,104,128,.40);
    border-radius:8px;
    background:
      radial-gradient(circle at 50% 45%,rgba(50,98,125,.17),transparent 58%),
      rgba(9,24,33,.76);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
    margin-bottom:7px;
}
#misiones .gbl-hw-v263-preview::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:inset 0 0 24px rgba(0,0,0,.20);
}

/* Preview real de avatar/item/set */
#misiones .gbl-hw-v263-preview .preview{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
}
#misiones .gbl-hw-v263-preview .preview iframe{
    display:block!important;
    border:0!important;
    width:130%!important;
    height:130%!important;
    min-width:130%!important;
    min-height:130%!important;
    transform:translate(-11.5%,-11.5%) scale(1.12)!important;
    transform-origin:center center!important;
    background:transparent!important;
    pointer-events:none!important;
}

/* Fallback visual para desafíos sin avatar */
#misiones .gbl-hw-v263-fallback{
    width:82px;
    height:82px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,111,38,.25),rgba(50,11,4,.45) 68%,rgba(10,5,4,.1));
    border:1px solid rgba(255,99,23,.36);
    filter:drop-shadow(0 0 12px rgba(255,74,0,.28));
}
#misiones .gbl-hw-v263-fallback[data-kind="cash"]{
    background:radial-gradient(circle,rgba(40,181,95,.27),rgba(6,42,23,.46) 67%,rgba(3,11,7,.1));
    border-color:rgba(58,209,111,.38);
}
#misiones .gbl-hw-v263-fallback[data-kind="gp"]{
    background:radial-gradient(circle,rgba(74,176,255,.24),rgba(6,36,59,.48) 67%,rgba(3,8,12,.1));
    border-color:rgba(82,183,255,.40);
}

/* Título del desafío */
#misiones .mission-name{
    order:2;
    margin:0 0 6px!important;
    min-height:37px!important;
    max-height:37px!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:center!important;
}

/* Filas estilo Misiones GM */
#misiones .gbl-hw-v263-row{
    width:100%;
    min-height:28px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:5px 7px;
    border:1px solid rgba(60,96,119,.42);
    border-radius:6px;
    background:rgba(8,24,34,.54);
    color:#c8d5dd;
    font-size:10px;
    line-height:1.15;
    overflow:hidden;
}
#misiones .gbl-hw-v263-row + .gbl-hw-v263-row{margin-top:4px}
#misiones .gbl-hw-v263-row__label{
    flex:0 0 auto;
    color:#8fa7b6;
    text-transform:uppercase;
    font-size:9px;
    font-weight:800;
    letter-spacing:.03em;
}
#misiones .gbl-hw-v263-row__value{
    min-width:0;
    color:#f4f7f8;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#misiones .gbl-hw-v263-objective{order:3}
#misiones .gbl-hw-v263-rewardline{order:4;margin-top:4px}

/* Recompensas originales ya se resumen en la fila Premio */
#misiones .rewards{
    display:none!important;
}

/* Ocultar metadata/estado redundantes del layout antiguo */
#misiones .objective,
#misiones .meta,
#misiones .state{
    display:none!important;
}

/* Progreso compacto */
#misiones .gbl-hw-v263-progress{
    order:5;
    margin-top:6px;
    padding-top:6px;
    border-top:1px dashed rgba(83,120,141,.28);
}
#misiones .gbl-hw-v263-progresshead{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    margin-bottom:5px;
    color:#8fa6b4;
    font-size:10px;
}
#misiones .gbl-hw-v263-progresshead strong{
    color:#fff;
    font-size:11px;
}
#misiones .track{
    height:7px!important;
    margin:0!important;
    border:0!important;
    background:rgba(21,39,50,.84)!important;
    box-shadow:none!important;
}
#misiones .track .fill{
    border-radius:999px;
    box-shadow:0 0 7px rgba(255,129,25,.28);
}

/* Botón al pie */
#misiones .mission-card > .claim{
    order:6;
    margin-top:auto!important;
    min-height:31px!important;
    height:31px!important;
    padding:6px 8px!important;
    border-radius:6px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.02em;
}

/* Quitar elementos antiguos reubicados */
#misiones .mission-card > .mission-id{
    display:none!important;
}
#misiones .progressline{
    display:none!important;
}

/* Flechas un poco más discretas */
#misiones .gbl-hw-v262-nav{
    width:36px!important;
    height:58px!important;
    border-radius:8px!important;
    font-size:29px!important;
}
#misiones .gbl-hw-v262-prev{left:-9px!important}
#misiones .gbl-hw-v262-next{right:-9px!important}

/* Responsive */
@media(max-width:1080px){
    #misiones #missionGrid > .mission-card{
        flex-basis:calc((100% - 24px)/3)!important;
    }
}
@media(max-width:760px){
    #misiones #missionGrid > .mission-card{
        flex-basis:calc((100% - 12px)/2)!important;
        height:392px!important;
    }
}
@media(max-width:520px){
    #misiones #missionGrid > .mission-card{
        flex-basis:100%!important;
        height:390px!important;
    }
}