/* skills tab: a build per mech. Green phosphor icons (tools/gen_skills.sh) screened onto dark glass, rank pips like LEDs */
.skMechs{margin-top:-2px}
.skHead{display:flex;gap:14px;align-items:center;padding:9px 12px;font-size:11px;color:#cfe8c9}
.skSum{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.skRow{display:flex;align-items:center;gap:10px}
.skRow>span:first-child{font:bold 11px var(--f-ui);color:#6dff5a;letter-spacing:1px}
.skRow>b{font:16px var(--f-lcd,"VT323",monospace);color:#9dff80;text-shadow:0 0 6px rgba(109,255,90,.6);min-width:44px;text-align:right}
.skRow.sub{justify-content:space-between;gap:12px;flex-wrap:wrap}
.skRow.sub>span:first-child{font:inherit;color:#cfe8c9;letter-spacing:0}
.skRow b{color:#fff;font-weight:normal}
.skCap{flex:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:3px;background:#050c05;border:1px solid #1d4d1d;box-shadow:inset 0 0 6px rgba(0,0,0,.9)}
.skCap i,.skPips i{display:block;height:9px;background:#0f240f;box-shadow:inset 0 0 0 1px rgba(109,255,90,.12)}
.skCap i.on,.skPips i.on{background:linear-gradient(#b5ff9f,#4fe33a);box-shadow:0 0 6px rgba(109,255,90,.75)}
.skNote{margin:8px 2px 0;font-size:11px;line-height:1.5;color:#9fd79a}
.skGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.skCard{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px 7px 7px;font-size:11px;line-height:1.5;min-width:0;border:1px solid transparent}
.skCard.has{border-color:rgba(109,255,90,.35);box-shadow:inset 0 0 12px rgba(60,240,60,.12)}
.skIco{position:relative;width:64px;height:64px;background:#020602;border:1px solid #111;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
.skIco img{width:100%;height:100%;display:block;mix-blend-mode:screen;opacity:.5;filter:saturate(.6)}
.skCard.has .skIco img{opacity:1;filter:none}
.skIco::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.skTx{min-width:0}
.skTx h4{margin:0 0 2px;font:bold 11px var(--f-ui);color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.skPips{display:inline-grid;grid-template-columns:repeat(3,12px);gap:2px}
.skPips i{height:6px}
.skWhat{color:#cfe8c9}
.skVal{color:#9fd79a}
.skVal b{color:#9dff80;font-weight:normal;text-shadow:0 0 5px rgba(109,255,90,.5)}
.skMax{font:bold 11px var(--f-ui);color:#6dff5a;letter-spacing:1px;text-shadow:0 0 6px rgba(109,255,90,.6)}
@media (max-width:700px){.skGrid{grid-template-columns:minmax(0,1fr)}.skHead{flex-wrap:wrap}}
/* end game: elite slots (gold) in the build bar and on their card, veteran rank */
.skCap i.el{box-shadow:inset 0 0 0 1px rgba(255,210,74,.35)}
.skCap i.el.on,.skPips.el i.on{background:linear-gradient(#fff0b0,#e7bf1d);box-shadow:0 0 6px rgba(255,210,74,.75)}
.skCap i.el.lock{background:repeating-linear-gradient(-45deg,#1a1a0c 0 2px,#0b0b06 2px 4px);box-shadow:inset 0 0 0 1px rgba(255,210,74,.15)}
.skEnd{grid-template-columns:minmax(0,1fr) auto}
.skEnd h4 .rkb{vertical-align:middle}