/* Field tool pack 5 — Perk builder and weapon compare. */

/* --- perk builder --- */
.pb-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.pb-picker label{display:flex;flex-direction:column;gap:9px;color:#c8d1c3;font:800 11px 'DM Sans',sans-serif;letter-spacing:.11em}
.pb-picker select{display:block;width:100%;padding:12px;background:#101710;border:1px solid #4a563f;color:#f1f0e9;font:400 15px 'DM Sans',sans-serif}
.pb-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pb-card{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #3c463a;background:#151b14}
.pb-card.locked{opacity:.55}
.pb-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid #333d31}
.pb-slot{font:800 10px 'DM Sans',sans-serif;letter-spacing:.13em;color:#d9ef5c;text-transform:uppercase}
.pb-level{font:800 9px 'DM Sans',sans-serif;letter-spacing:.1em;color:#8d9783;text-transform:uppercase;text-align:right}
.pb-card h3{margin:0;font:800 25px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#f1f0e9}
.pb-desc{margin:0;color:#c3ccbb;font-size:13px;line-height:1.6}
.pb-notice{margin:0;padding:11px 13px;border-left:2px solid #d9ef5c;background:#1d251c;color:#b8c2b0;font-size:12px;line-height:1.55}
.pb-blind{margin:0;font:800 10px 'DM Sans',sans-serif;letter-spacing:.1em;color:#c08a6a}
.pb-blind b{display:block;margin-bottom:7px}
.pb-blind span{display:inline-block;margin:0 6px 6px 0;padding:4px 8px;border:1px solid #6b4a38;background:#231a14;color:#d6b49b;font:700 11px 'DM Sans',sans-serif}
.pb-watches{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;border-top:1px solid #333d31;padding-top:12px}
.pb-watches li{display:flex;flex-direction:column;gap:2px}
.pb-watches a{color:#d9ef5c;font:800 12px 'DM Sans',sans-serif;text-decoration:none}
.pb-watches a:hover{text-decoration:underline}
.pb-watches span{color:#8d9783;font-size:11px;line-height:1.45}

/* --- weapon compare --- */
.cmp-grid{display:flex;flex-direction:column;gap:20px}
.cmp-stats{border:1px solid #3c463a;background:#151b14}
.cmp-stat{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:11px 14px;border-bottom:1px solid #2f382d}
.cmp-stat:last-child{border-bottom:0}
.cmp-stat-label{font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#8d9783;text-transform:uppercase;align-self:center}
.cmp-stat-a,.cmp-stat-b{font:700 17px 'DM Sans',sans-serif;color:#e4e9de}
.cmp-stat-a{border-left:2px solid #d9ef5c;padding-left:10px}
.cmp-stat-b{border-left:2px solid #4a563f;padding-left:10px}
.cmp-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cmp-side{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #3c463a;background:#151b14}
.cmp-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0d110d;border:1px solid #333d31}
.cmp-shot-missing{color:#6f7a66;font:800 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:28px 14px}
.cmp-name{font:800 26px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#f1f0e9;text-decoration:none}
.cmp-name:hover{color:#d9ef5c}
.cmp-desc{margin:0;color:#b8c2b0;font-size:12px;line-height:1.55}
.cmp-apex{margin:auto 0 0;padding-top:10px;border-top:1px solid #333d31;font:800 10px 'DM Sans',sans-serif;letter-spacing:.1em;color:#d9ef5c}
.cmp-apex-none{color:#6f7a66}
.cmp-slots{display:flex;flex-wrap:wrap;gap:6px;padding:16px;border:1px solid #3c463a;background:#151b14}
.cmp-slots .cmp-stat-label{width:100%;margin-bottom:6px}
.cmp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #333d31;background:#111711;color:#5f6a58;font:700 11px 'DM Sans',sans-serif}
.cmp-chip i{font-style:normal;font-size:9px;letter-spacing:.06em;opacity:.85}
.cmp-chip.both{border-color:#4a563f;background:#1d251c;color:#dfe6d6}
.cmp-chip.one{border-color:#6b4a38;background:#231a14;color:#d6b49b}
.cmp-diffs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cmp-diffs p{margin:0;padding:16px;border:1px solid #3c463a;background:#151b14}
.cmp-diffs b{display:block;margin-bottom:10px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.11em;color:#8d9783}
.cmp-diffs p:first-child b{color:#d9ef5c}
.cmp-diffs span{display:inline-block;margin:0 6px 6px 0;padding:4px 8px;border:1px solid #4a563f;background:#1d251c;color:#dfe6d6;font:700 11px 'DM Sans',sans-serif}
.cmp-diffs i{color:#6f7a66;font-size:12px;font-style:normal}

@media(max-width:900px){
  .pb-picker,.pb-list{grid-template-columns:1fr}
  .cmp-panels,.cmp-diffs{grid-template-columns:1fr}
  .cmp-stat{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cmp-stat-label{grid-column:1/-1}
}