/* A12-R8 GUERREROS SKILLS R1
   Player-facing ability reference inside Resumen.
   Data remains sourced from canonical STAR_UPGRADES in play/index.html.
*/

#characterDetail .warrior-skills-card{
  margin:14px 0 0;
  padding:14px;
  border:1px solid rgba(183,142,72,.55);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(31,18,42,.92),rgba(16,10,23,.94));
  box-shadow:
    inset 0 1px rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.18);
}

#characterDetail .warrior-skills-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  padding:0 0 9px;
  border-bottom:1px solid rgba(183,142,72,.28);
}

#characterDetail .warrior-skills-head span{
  display:block;
  color:#d6ad68;
  font:800 .68rem/1.1 Georgia,serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}

#characterDetail .warrior-skills-head strong{
  display:block;
  margin-top:3px;
  color:#f3dfb5;
  font:800 1rem/1.15 Georgia,serif;
}

#characterDetail .warrior-skills-head small{
  color:#a99aae;
  font:600 .72rem/1.25 system-ui,sans-serif;
  text-align:right;
}

#characterDetail .warrior-skills-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#characterDetail .warrior-skill-entry{
  min-width:0;
  padding:12px 13px;
  border:1px solid rgba(112,79,128,.58);
  border-radius:10px;
  background:rgba(12,8,18,.64);
}

#characterDetail .warrior-skill-type{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  margin-bottom:7px;
  border:1px solid rgba(208,163,88,.48);
  border-radius:999px;
  color:#e8c985;
  background:rgba(91,59,27,.18);
  font:800 .62rem/1 system-ui,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#characterDetail .warrior-skill-entry h5{
  margin:0 0 6px;
  color:#f3e6ca;
  font:800 .92rem/1.2 Georgia,serif;
}

#characterDetail .warrior-skill-entry p{
  margin:0;
  color:#c8bacd;
  font:500 .78rem/1.48 system-ui,sans-serif;
}

@media(max-width:850px){
  #characterDetail .warrior-skills-grid{
    grid-template-columns:1fr;
  }

  #characterDetail .warrior-skills-head{
    display:block;
  }

  #characterDetail .warrior-skills-head small{
    display:block;
    margin-top:6px;
    text-align:left;
  }
}