/* Builder Skill Trees ARC Raiders - PT-BR com ícones wiki */
:root{--mob:#FFD60A; --con:#22C55E; --sur:#EF4444}
.builder-wrap{max-width:1200px; margin:0 auto}
.builder-header{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px}
.builder-stat{background:#1A1E22; border:1px solid #23282E; padding:14px; text-align:center; border-top:3px solid #FF6B35}
.builder-stat strong{font-family:Orbitron; font-size:22px; display:block}
.builder-stat span{font-family:'JetBrains Mono',monospace; font-size:11px; color:#6B7B8A; letter-spacing:1px}
.builder-stat.mob{border-top-color:var(--mob)} .builder-stat.con{border-top-color:var(--con)} .builder-stat.sur{border-top-color:var(--sur)}
.builder-global{grid-column:1/-1; background:linear-gradient(135deg, #1A1E22 0%, #121417 100%); border:1px solid #23282E; padding:12px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px}
.builder-trees{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.tree-col{background:#1A1E22; border:1px solid #23282E; border-radius:4px; overflow:hidden}
.tree-head{padding:12px; text-align:center; font-family:Orbitron; font-weight:800; letter-spacing:1px; font-size:13px; border-bottom:1px solid #23282E}
.tree-head.mobility{background:rgba(255,214,10,0.12); color:var(--mob); border-bottom:3px solid var(--mob)}
.tree-head.conditioning{background:rgba(34,197,94,0.12); color:var(--con); border-bottom:3px solid var(--con)}
.tree-head.survival{background:rgba(239,68,68,0.12); color:var(--sur); border-bottom:3px solid var(--sur)}
.tree-body{padding:10px}
.skill{border:1px solid #23282E; background:#121417; padding:8px; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; gap:8px; transition:.15s}
.skill.locked{opacity:.5; filter:grayscale(.2)}
.skill.maxed{border-color:#FF6B35; background:#1A1E22}
.skill-info{flex:1}
.skill-name{font-size:12px; font-weight:700; color:#fff}
.skill-desc{font-size:11px; color:#6B7B8A; line-height:1.3}
.skill-meta{font-family:'JetBrains Mono',monospace; font-size:10px; color:#6B7B8A}
.skill-ctrls{display:flex; align-items:center; gap:6px}
.skill-btn{width:28px; height:28px; border:1px solid #23282E; background:#1A1E22; color:#fff; cursor:pointer; font-weight:800; border-radius:3px}
.skill-btn:hover{background:#FF6B35; border-color:#FF6B35}
.skill-btn:disabled{opacity:.3; cursor:not-allowed}
.skill-pts{font-family:Orbitron; font-size:13px; min-width:32px; text-align:center}
/* Ícone com fundo que preenche conforme nível */
.skill-icon{width:44px; height:44px; min-width:44px; border:1px solid #23282E; background:#0F1113; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:4px}
.skill-icon img{width:36px; height:36px; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.skill-icon-fill{position:absolute; left:0; bottom:0; width:100%; z-index:1; transition:height .3s; opacity:.95}
.skill-icon.mob .skill-icon-fill{background:var(--mob)}
.skill-icon.con .skill-icon-fill{background:var(--con)}
.skill-icon.sur .skill-icon-fill{background:var(--sur)}
.skill-icon.locked{filter:grayscale(1); opacity:.6}
.tier-label{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px; color:#6B7B8A; padding:4px 0 6px; border-bottom:1px dashed #23282E; margin:8px 0 6px; text-transform:uppercase}
.progress{height:6px; background:#0F1113; border-radius:3px; overflow:hidden; border:1px solid #23282E}
.progress-bar{height:100%; transition:.2s}
@media(max-width:1000px){.builder-trees{grid-template-columns:1fr} .builder-header{grid-template-columns:1fr}}