/* GunBound Legacy Halloween 2026 - V2.6 Desafios Sangrientos Approved Layout
   Solo modifica presentacion de #misiones. No altera endpoints, progreso ni reclamos. */

/* ===== Encabezado compacto ===== */
#misiones{
  padding:14px 14px 16px!important;
  overflow:hidden!important;
}
#misiones > .gbl-hw-v21-section-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(255,83,18,.28)!important;
}
#misiones .gbl-hw-v21-number{
  width:52px!important;height:52px!important;min-width:52px!important;
  border:2px solid #ff6a10!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:radial-gradient(circle,rgba(255,83,0,.16),rgba(18,4,4,.92) 72%)!important;
  color:#ffad55!important;font:900 22px/1 Arial,sans-serif!important;
  box-shadow:0 0 13px rgba(255,82,0,.34),inset 0 0 13px rgba(255,70,0,.06)!important;
}
#misiones .section-kicker,#misiones .section-rule{display:none!important}
#misiones .gbl-hw-v21-head-copy h2{
  margin:0!important;color:#ff5b1d!important;
  font:400 33px/1 Creepster,Impact,fantasy!important;
  text-shadow:0 0 8px rgba(255,57,0,.42)!important;
  letter-spacing:.015em!important;
}
#misiones .gbl-hw-v21-head-copy p{
  max-width:none!important;margin:3px 0 0!important;
  color:#d2aa9b!important;font:600 11px/1.32 Inter,Arial,sans-serif!important;
  text-align:left!important;
}
#misiones .gbl-hw-v21-section-tools{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  margin:0!important;align-self:center!important;
}

/* ===== Filtros igual al mockup aprobado ===== */
#misiones .gbl-hw-v21-mission-filters,
#misiones .gbl-c26-filters{
  display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
}
#misiones .gbl-hw-v21-filter,
#misiones .gbl-c26-filter{
  min-width:68px!important;height:32px!important;padding:0 13px!important;
  border-radius:6px!important;border:1px solid rgba(116,67,58,.56)!important;
  background:rgba(12,8,9,.88)!important;color:#aaa!important;
  font:800 10px/1 Inter,Arial,sans-serif!important;cursor:pointer!important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.26)!important;
  transition:.16s ease!important;
}
#misiones .gbl-hw-v21-filter.active,#misiones .gbl-hw-v21-filter:hover,
#misiones .gbl-c26-filter.active,#misiones .gbl-c26-filter:hover{
  color:#170704!important;border-color:#ff8a33!important;
  background:linear-gradient(180deg,#ff8a28,#e55208)!important;
  box-shadow:0 0 12px rgba(255,91,0,.24)!important;
}

/* ===== El carrusel actual pasa a ser una fila compacta de tarjetas ===== */
#misiones .gbl-hw-v21-mission-shell{
  display:block!important;position:relative!important;margin:0!important;padding:0!important;
}
#misiones .gbl-hw-v21-mission-shell > .gbl-hw-v21-scroll-btn{display:none!important}
#misiones .gbl-hw-v21-mission-grid,
#misiones #missionGrid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(215px,230px)!important;
  grid-template-columns:none!important;
  gap:10px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scrollbar-width:thin!important;
  padding:1px 1px 5px!important;margin:0!important;
  align-items:stretch!important;justify-content:start!important;
}
#misiones .gbl-hw-v21-mission-grid::-webkit-scrollbar,#misiones #missionGrid::-webkit-scrollbar{height:5px}
#misiones .gbl-hw-v21-mission-grid::-webkit-scrollbar-thumb,#misiones #missionGrid::-webkit-scrollbar-thumb{background:#6d210d;border-radius:9px}

/* ===== Tarjeta ===== */
#misiones .mission-card,
#misiones .gbl-hw-v21-mission-card{
  width:auto!important;max-width:none!important;min-width:0!important;
  min-height:218px!important;height:auto!important;
  margin:0!important;padding:9px!important;
  border:1px solid rgba(136,44,21,.74)!important;border-radius:7px!important;
  background:linear-gradient(180deg,rgba(27,7,8,.94),rgba(13,5,7,.96))!important;
  box-shadow:0 3px 14px rgba(0,0,0,.32),inset 0 0 18px rgba(255,44,0,.025)!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;
  scroll-snap-align:start!important;overflow:hidden!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#misiones .mission-card:hover,#misiones .gbl-hw-v21-mission-card:hover{
  transform:translateY(-2px)!important;border-color:#ff6d2a!important;
  box-shadow:0 7px 18px rgba(0,0,0,.38),0 0 12px rgba(255,74,0,.11)!important;
}
#misiones .gbl-c26-type-game{border-color:rgba(45,117,184,.62)!important}
#misiones .gbl-c26-type-gp{border-color:rgba(176,41,166,.66)!important}
#misiones .gbl-c26-type-souls{border-color:rgba(204,56,19,.72)!important}
#misiones .gbl-c26-type-avatar{border-color:rgba(130,50,184,.66)!important}

/* Header interno de la tarjeta */
#misiones .gbl-c26-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-height:23px!important}
#misiones .mission-id{
  display:inline-flex!important;align-items:center!important;width:max-content!important;
  padding:3px 6px!important;border-radius:5px!important;
  border:1px solid rgba(255,126,36,.62)!important;background:rgba(55,15,6,.76)!important;
  color:#ff9d52!important;font:900 10px/1 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;
}
#misiones .gbl-c26-type-badge{
  display:inline-flex;align-items:center;justify-content:center;height:21px;padding:0 8px;border-radius:6px;
  font:800 9px/1 Inter,Arial,sans-serif;color:#d7c8c3;border:1px solid #5b3c37;background:#151013;
  box-shadow:0 0 8px rgba(0,0,0,.25);
}
#misiones .gbl-c26-type-badge[data-type="game"]{color:#bfe7ff;border-color:#255d91;background:#0c2237;box-shadow:0 0 8px rgba(37,116,193,.25)}
#misiones .gbl-c26-type-badge[data-type="gp"]{color:#ffc0f8;border-color:#8e2587;background:#35092f;box-shadow:0 0 8px rgba(196,31,184,.25)}
#misiones .gbl-c26-type-badge[data-type="souls"]{color:#ffc1a2;border-color:#a42f12;background:#3e0f08;box-shadow:0 0 8px rgba(255,58,0,.24)}
#misiones .gbl-c26-type-badge[data-type="avatar"]{color:#efc5ff;border-color:#743796;background:#281035;box-shadow:0 0 8px rgba(164,54,220,.22)}

#misiones .mission-name{
  margin:1px 0 0!important;color:#fff!important;
  font:900 15px/1.12 Inter,Arial,sans-serif!important;
  min-height:34px!important;max-height:51px!important;overflow:hidden!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
}
/* La referencia aprobada no muestra fechas ni descripción larga en cada tarjeta. */
#misiones .objective,#misiones .meta,#misiones .state{display:none!important}

/* Progreso */
#misiones .progressline{
  order:3!important;margin:1px 0 0!important;color:#f0d1c3!important;
  font:700 10px/1.2 Inter,Arial,sans-serif!important;text-align:center!important;
}
#misiones .progressline strong{font-weight:900!important;color:#fff!important}
#misiones .track{
  order:4!important;height:9px!important;margin:0 0 2px!important;
  border-radius:6px!important;border:1px solid rgba(97,34,19,.72)!important;
  background:rgba(50,12,7,.70)!important;overflow:hidden!important;
}
#misiones .track .fill{
  height:100%!important;border-radius:6px!important;
  background:linear-gradient(90deg,#ff6d10,#ff9a24)!important;
  box-shadow:0 0 8px rgba(255,93,0,.35)!important;
}

/* Recompensas */
#misiones .rewards,
#misiones .gbl-hw-v21-reward-list{
  order:5!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;margin:2px 0 0!important;min-height:62px!important;
}
#misiones .rewards > :only-child,#misiones .gbl-hw-v21-reward-list[data-count="1"]{grid-template-columns:1fr!important}
#misiones .mission-reward,
#misiones .gbl-hw-v21-reward{
  min-width:0!important;min-height:58px!important;height:58px!important;
  padding:5px 6px!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(100,36,22,.66)!important;border-radius:6px!important;
  background:rgba(12,5,7,.88)!important;overflow:hidden!important;
  text-align:left!important;
}
#misiones .mission-reward .preview,
#misiones .gbl-hw-v21-reward .preview{
  width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;
  margin:0!important;border-radius:7px!important;overflow:hidden!important;background:transparent!important;
  display:grid!important;place-items:center!important;
}
#misiones .mission-reward .preview iframe,
#misiones .gbl-hw-v21-reward iframe{
  width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;
  border:0!important;transform:scale(.56)!important;transform-origin:center!important;background:transparent!important;
}
#misiones .reward-name{
  color:#fff!important;font:900 11px/1.06 Inter,Arial,sans-serif!important;
  margin:0!important;white-space:normal!important;overflow:hidden!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
}
#misiones .reward-set{color:#b99c90!important;font:600 8.5px/1.1 Inter,Arial,sans-serif!important;margin-top:2px!important}
#misiones .gbl-hw-v21-reward-copy{min-width:0!important;overflow:hidden!important}

/* Iconos temáticos no-avatar */
#misiones .gbl-c26-reward-icon{
  width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:8px;
  border:1px solid rgba(255,112,30,.58);background:radial-gradient(circle at 45% 35%,rgba(255,111,28,.22),rgba(51,11,7,.76));
  box-shadow:0 0 8px rgba(255,76,0,.13);color:#ff9b38;
}
#misiones .gbl-c26-reward-icon svg{width:30px;height:30px;display:block}
#misiones .gbl-c26-reward-icon[data-type="souls"]{color:#ff7a18}
#misiones .gbl-c26-reward-icon[data-type="cash"]{color:#58e679;border-color:rgba(48,175,77,.55);background:radial-gradient(circle,rgba(29,189,71,.14),rgba(8,35,16,.66))}
#misiones .gbl-c26-reward-icon[data-type="gold"],#misiones .gbl-c26-reward-icon[data-type="gp"]{color:#ffc84d}
#misiones .gbl-c26-reward-icon[data-type="horn"]{color:#f0c463}
#misiones .gbl-c26-reward-icon[data-type="vip"]{color:#ffe371}
#misiones .gbl-c26-reward-icon[data-type="power"]{color:#9ed7ff}
#misiones .gbl-c26-reward-icon[data-type="avatar"]{
  overflow:hidden;padding:0;background:radial-gradient(circle,rgba(255,90,0,.18),rgba(30,7,5,.72));
}
#misiones .gbl-c26-reward-icon[data-type="avatar"] img{width:42px;height:42px;object-fit:cover;object-position:50% 18%;display:block}
#misiones .gbl-hw-v21-reward-icon{display:none!important}

/* Estado/botón inferior */
#misiones .mission-claim,
#misiones .mission-card > .claim,
#misiones .gbl-hw-v21-mission-card > .claim{
  order:6!important;margin-top:auto!important;width:100%!important;height:30px!important;min-height:30px!important;
  padding:0 7px!important;border-radius:5px!important;
  border:1px solid rgba(107,52,35,.72)!important;
  background:rgba(56,25,17,.72)!important;color:#aaa!important;
  font:900 10px/1 Inter,Arial,sans-serif!important;text-transform:uppercase!important;
  cursor:pointer!important;
}
#misiones .mission-claim:not(:disabled){
  color:#fff!important;border-color:#f8a45b!important;background:linear-gradient(180deg,#ff7d1a,#b93808)!important;
  box-shadow:0 0 9px rgba(255,74,0,.18)!important;
}

@media(max-width:1040px){
  #misiones > .gbl-hw-v21-section-head{grid-template-columns:52px minmax(0,1fr)!important}
  #misiones .gbl-hw-v21-section-tools{grid-column:2!important;justify-content:flex-start!important;margin-top:3px!important}
  #misiones .gbl-hw-v21-mission-grid,#misiones #missionGrid{grid-auto-columns:minmax(210px,225px)!important}
}
@media(max-width:700px){
  #misiones{padding:11px 9px 13px!important}
  #misiones > .gbl-hw-v21-section-head{grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important}
  #misiones .gbl-hw-v21-number{width:44px!important;height:44px!important;min-width:44px!important;font-size:18px!important}
  #misiones .gbl-hw-v21-head-copy h2{font-size:28px!important}
  #misiones .gbl-hw-v21-section-tools{grid-column:1/-1!important;margin:2px 0 0 55px!important;overflow-x:auto!important;justify-content:flex-start!important}
  #misiones .gbl-hw-v21-mission-filters,#misiones .gbl-c26-filters{width:max-content!important}
  #misiones .gbl-hw-v21-mission-grid,#misiones #missionGrid{grid-auto-columns:minmax(205px,82vw)!important}
}