/* =====================================================================
   BUILDS DAS SKILLS (05/10) — dentro do Grimório. Desenho: src/ui/skills-builds.js.
   Mesmas cores do Grimório. Toda letra usa --text-scale (100–130%).
   ===================================================================== */
.skg.com-builds .skg-trilho{align-content:start}
.skb-tile .skg-tile-ic{background:radial-gradient(circle at 50% 35%,#3a2f1c,#120f0b 75%)}
.skb-caixa{display:grid;gap:9px;min-width:0;padding:10px;border:1px solid #3c3550;border-radius:10px;background:linear-gradient(170deg,#1a1726,#121019)}
.skb-estrelas{display:inline-flex;gap:1px;font-size:calc(14px * var(--text-scale,1));line-height:1}
.skb-estrelas i{font-style:normal;color:#3a3446}.skb-estrelas i.on{color:#ffd45e;text-shadow:0 0 6px rgba(255,200,80,.55)}
.skb-despertar,.skb-equipar{display:grid!important;gap:3px;justify-items:center;min-height:42px!important;padding:5px 12px!important;border:1px solid var(--botao-ouro-borda)!important;border-radius:9px!important;background:var(--botao-ouro-fundo)!important;color:var(--botao-ouro-texto)!important;cursor:var(--cur-mao,pointer)}
.skb-despertar>span,.skb-equipar>span{font-size:calc(10.5px * var(--text-scale,1));font-weight:900;letter-spacing:.5px}
.skb-despertar>small{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}
.skb-despertar:disabled,.skb-equipar:disabled,.skb-op:disabled{filter:grayscale(.85);opacity:.6;cursor:not-allowed}
.skb-custo{display:inline-flex;align-items:center;gap:3px;font-size:calc(10px * var(--text-scale,1));color:#f5dc96;font-variant-numeric:tabular-nums;white-space:nowrap}
.skb-custo img{width:16px;height:16px;object-fit:contain}
.skb-custo.falta b{color:#ff8f8f}
.skb-max,.skb-tranca,.skb-equipada{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #447157;border-radius:8px;color:#80d39c;font-weight:900;font-size:calc(10px * var(--text-scale,1));text-align:center}
.skb-tranca{border-color:#4b3d22;color:#e6cf93;font-weight:700}
.skb-equipada{border-color:#5d4a8f;color:#c9a8ff;min-height:34px}
.skb-dica{margin:0;color:#a69dbb;font-size:calc(10px * var(--text-scale,1));line-height:1.4}
.skb-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.skb-op{display:grid!important;align-content:start;gap:3px;min-width:0;min-height:58px!important;padding:7px 8px!important;border:1px solid #343b46!important;border-radius:9px!important;background:#151a21!important;color:#dfe5ee!important;text-align:left;cursor:var(--cur-mao,pointer);box-shadow:none!important}
.skb-op:hover:not(:disabled){border-color:#7a62b0!important}
.skb-op.sel{border-color:#c9a8ff!important;background:linear-gradient(170deg,#2b2142,#171320)!important;box-shadow:inset 0 0 0 1px rgba(201,168,255,.35)!important}
.skb-op>b{font-size:calc(11.5px * var(--text-scale,1));line-height:1.2;overflow-wrap:anywhere}
.skb-op>small{font-size:calc(9.5px * var(--text-scale,1));color:#a9b3c2;line-height:1.3;overflow-wrap:anywhere}
.skb-op.sel>small{color:#d9ccf2}
.skb-det .skb-topo-det{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.skb-det .skb-topo-det>div>span{display:block;color:#d9b45a;font-size:calc(9px * var(--text-scale,1));font-weight:900;letter-spacing:.6px}
.skb-det .skb-topo-det h3{margin:2px 0;font-size:calc(17px * var(--text-scale,1));color:#f3f5f8}
.skb-det .skb-topo-det p{margin:0;color:#b5bfcc;font-size:calc(10.5px * var(--text-scale,1));line-height:1.4}
.skb-grande-ic img{width:56px;height:56px;object-fit:contain}
.skb-grande-ic:empty{display:none}
.skb-vagas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.skb-vaga{display:grid!important;justify-items:center;gap:3px;min-height:76px!important;padding:6px 4px!important;border:1px dashed #4a4360!important;border-radius:10px!important;background:#13111a!important;color:#cfd6df!important;cursor:var(--cur-mao,pointer)}
.skb-vaga.sel{border:1px solid #c9a8ff!important;background:#231c35!important}
.skb-vaga.trancada{opacity:.5;cursor:not-allowed}
.skb-vaga-ic{display:grid;place-items:center;width:44px;height:44px}
.skb-vaga-ic img{width:44px;height:44px;object-fit:contain}
.skb-vaga>small{font-size:calc(9px * var(--text-scale,1));line-height:1.2;text-align:center;overflow-wrap:anywhere}
.skb-passivas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.skb-passiva{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"ic tx acao" "est est est";gap:6px 9px;align-items:center;min-width:0;padding:8px;border:1px solid #343b46;border-radius:10px;background:#151a21}
.skb-passiva.eq{border-color:#7a62b0;background:linear-gradient(170deg,#211a33,#14121c)}
.skb-passiva-ic{grid-area:ic;display:grid;place-items:center;width:48px;height:48px}
.skb-passiva-ic img{width:48px;height:48px;object-fit:contain}
.skb-passiva-ic .skg-sem-arte{width:36px;height:36px}
.skb-passiva-tx{grid-area:tx;display:grid;gap:2px;min-width:0}
.skb-passiva-tx>b{font-size:calc(12px * var(--text-scale,1));color:#f0f3f7;line-height:1.2;overflow-wrap:anywhere}
.skb-passiva-tx>em{justify-self:start;padding:0 6px;border-radius:999px;background:#3a2d16;color:#f0cd6e;font-style:normal;font-weight:900;font-size:calc(8px * var(--text-scale,1));letter-spacing:.5px}
.skb-passiva-tx>small{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:calc(10px * var(--text-scale,1));color:#9fe0b4;line-height:1.3}
.skb-passiva-tx>small.skb-pvp{color:#a9b3c2}.skb-passiva-tx>small.skb-zero{color:#8b95a4}
.skb-passiva-acao{grid-area:acao}
.skb-passiva-estrela{grid-area:est;min-width:0}
.skb-passiva .skb-despertar{min-height:38px!important}
@media (max-width:1280px){.skb-passivas{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .skg.com-builds .skg-trilho{grid-template-columns:repeat(3,minmax(0,1fr))}
  .skb-ops{grid-template-columns:minmax(0,1fr)}
  .skb-op{min-height:0!important}
  .skb-despertar{width:100%}
  .skb-vagas{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .skb-passiva{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ic tx" "acao acao" "est est"}
  .skb-passiva-acao>*{width:100%}
}
/* ---- Passo a passo (opção A, 05/10) ---- */
.skb-caixa{gap:10px}
.skb-cab2{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.skb-cab2>span{color:#c9a8ff;font-size:calc(11px * var(--text-scale,1));font-weight:900;letter-spacing:.8px}
.skb-troca{display:inline-flex;padding:2px;border:1px solid #3c3550;border-radius:999px;background:#100e16}
.skb-troca>button{min-height:28px!important;padding:2px 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#a69dbb!important;font-weight:900;font-size:calc(10px * var(--text-scale,1));cursor:var(--cur-mao,pointer);box-shadow:none!important}
.skb-troca>button.sel{background:#3a2c5c!important;color:#f1e8ff!important}
.skb-passo{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #2f2a3d;border-radius:10px;background:#14121c}
.skb-passo-tit{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px}
.skb-passo-tit>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d9b45a;color:#1a1408;font-style:normal;font-weight:900;font-size:calc(11px * var(--text-scale,1))}
.skb-passo-tit>b{color:#f2d27a;font-size:calc(11px * var(--text-scale,1));letter-spacing:.7px}
.skb-passo-tit>small{color:#a69dbb;font-size:calc(10px * var(--text-scale,1));text-align:right;overflow-wrap:anywhere}
.skb-est2{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}
.skb-est2-tx{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.skb-est2-tx .skb-estrelas{font-size:calc(18px * var(--text-scale,1))}
.skb-est2.curta .skb-estrelas{font-size:calc(14px * var(--text-scale,1))}
.skb-est2-tx>b{color:#f2d27a;font-size:calc(13px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.skb-est2-tx>small{color:#a69dbb;font-size:calc(10px * var(--text-scale,1))}.skb-est2-tx>small em{font-style:normal;color:#9fe0b4;font-weight:900}
.skb-tem{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;color:#8b95a4;font-size:calc(9.5px * var(--text-scale,1))}
.skb-tem .skb-custo b{color:#cfd6df}
.skb-despertar.falta:disabled{filter:none;opacity:.75}
.skb-aviso{display:inline-flex;align-items:center;gap:6px;color:#e6cf93;font-size:calc(10px * var(--text-scale,1));font-weight:700}
.skb-cad{position:relative;display:inline-block;flex:none;width:10px;height:8px;margin-top:5px;border-radius:2px;background:#d9b45a}
.skb-cad::before{content:"";position:absolute;left:1.5px;top:-6px;width:4px;height:6px;border:1.5px solid #d9b45a;border-bottom:0;border-radius:4px 4px 0 0}
.skb-fileira{display:grid;gap:6px;min-width:0}
.skb-fileira+.skb-fileira{padding-top:8px;border-top:1px solid #241f30}
.skb-fileira-tit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px}
.skb-fileira-tit>b{color:#d9b45a;font-size:calc(9.5px * var(--text-scale,1));letter-spacing:.7px}
.skb-fileira-tit>small{color:#9fe0b4;font-size:calc(9.5px * var(--text-scale,1))}
.skb-fileira.feita .skb-fileira-tit>small{color:#a69dbb}
.skb-fileira.trancada .skb-fileira-tit>b{color:#7e7a88}
.skb-ops-mini{display:flex;flex-wrap:wrap;gap:6px}
.skb-op.mini{min-height:0!important;padding:4px 10px!important;border-radius:999px!important;border-style:dashed!important;background:transparent!important;filter:none!important;opacity:.75!important}
.skb-op.mini>b{font-size:calc(10px * var(--text-scale,1));color:#8b95a4}
.skb-ok{justify-self:start;margin-top:2px;padding:1px 7px;border-radius:999px;background:#c9a8ff;color:#1b1328;font-style:normal;font-weight:900;font-size:calc(8.5px * var(--text-scale,1));letter-spacing:.5px}
.skb-rodape{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px}
.skb-rod-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border:1px dashed #3c3550;border-radius:10px}
.skb-rod-item>div{display:grid;gap:2px;min-width:0}
.skb-rod-item b{color:#e7e2f0;font-size:calc(10.5px * var(--text-scale,1))}
.skb-rod-item small{color:#8b95a4;font-size:calc(9.5px * var(--text-scale,1));line-height:1.3}
.skb-sec{display:inline-flex!important;align-items:center;gap:6px;flex:none;min-height:32px!important;padding:3px 10px!important;border:1px solid #5d4a8f!important;border-radius:8px!important;background:#1c1729!important;color:#e2d6ff!important;font-weight:900;font-size:calc(9.5px * var(--text-scale,1));cursor:var(--cur-mao,pointer)}
.skb-sec .skb-custo b{color:#e2d6ff}
.skb-sec:disabled{opacity:.6;cursor:not-allowed}
.skb-vaga-ic .skb-cad{transform:scale(1.6)}
@media (max-width:760px){
  .skb-passo-tit{grid-template-columns:auto minmax(0,1fr)}.skb-passo-tit>small{grid-column:1/-1;text-align:left}
  .skb-est2{flex-direction:column;align-items:stretch}
  .skb-est2>.skb-tranca{width:100%}
  .skb-rod-item{flex-wrap:wrap}
}
.skb-op>small.skb-agora{color:#9fe0b4;font-weight:800}

/* ESCOLHAS PREMIUM (03/11, autor: "as escolhas achei pouco premium"): cartas de ouro com ícone. Sem brilho. */
.skb-op-ic{display:none}
.skb-fileira-tit>b{color:#e7c27a!important;letter-spacing:1.5px}
.skb-ops>.skb-op:not(.mini){position:relative;justify-items:center;text-align:center!important;padding:8px 7px 7px!important;border:1px solid #5d4826!important;border-radius:10px!important;background:linear-gradient(180deg,#2a1f12 0%,#17110a 70%)!important}
.skb-ops>.skb-op:not(.mini):hover:not(:disabled){border-color:#a9843f!important}
.skb-ops .skb-op-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a2b17,#120c06);border:1px solid #8a6a32}
.skb-ops .skb-op-ic img{width:28px;height:28px;object-fit:contain}
.skb-ops>.skb-op:not(.mini)>b{color:#f1d9a6;font-family:Cinzel,Georgia,serif;font-size:calc(12px * var(--text-scale,1))}
.skb-ops>.skb-op:not(.mini)>small{color:#c9b796}
.skb-ops>.skb-op:not(.mini).sel{border:2px solid #e0b35a!important;background:linear-gradient(180deg,#4a3517 0%,#20160b 75%)!important;box-shadow:none!important;padding-top:14px!important}
.skb-ops>.skb-op:not(.mini).sel>small{color:#f3e6c8}
.skb-ops .skb-ok{position:absolute;top:-1px;left:50%;transform:translate(-50%,-40%);margin:0;background:linear-gradient(180deg,#f3d48a,#c8953e);color:#2a1a06;border:1px solid #6b4a17;border-radius:4px;padding:1px 8px}
.skb-ops>.skb-op:not(.mini)>small.skb-agora{color:#a6e6b8!important;background:rgba(40,90,55,.35);border-radius:7px;padding:1px 7px}
@media (max-width:760px){
  .skb-ops>.skb-op:not(.mini){grid-template-columns:34px minmax(0,1fr);column-gap:10px;justify-items:start;text-align:left!important;align-items:center}
  .skb-ops>.skb-op:not(.mini)>*{grid-column:2}
  .skb-ops>.skb-op:not(.mini)>.skb-op-ic{grid-column:1;grid-row:1/span 4;align-self:center}
  .skb-ops .skb-ok{left:auto;right:10px;transform:translateY(-45%)}
}