.abilities-panel{margin-top:22px;padding:24px;background:linear-gradient(145deg,#1d272b,#191d25 58%)}
.abilities-panel>.section-heading{margin-bottom:10px}
.abilities-panel>p{color:#a5b5b8;font-size:12px;line-height:1.6}
.ability-recharge-rules{display:grid;gap:6px;margin:12px 0 18px;padding:12px 16px 12px 31px;border:1px solid #405749;border-radius:8px;background:#1d2c29;color:#c5d9c7;font-size:11px;line-height:1.5}
.ability-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.ability-slot{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #3d4b52;border-radius:9px;background:#141e24;text-align:left}
.ability-slot.selected{border-color:#b5f578;box-shadow:inset 0 0 0 1px #b5f57855;background:#263429}
.ability-slot kbd,.ability-hud-item kbd{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #647b6d;border-radius:6px;background:#324336;color:#c9f3ac;font-weight:800;font-size:15px}
.ability-slot span{display:grid;min-width:0;gap:4px}.ability-slot strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-slot small{color:#96a8aa;font-size:10px}
.ability-categories{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.ability-categories button{border:1px solid #36434a;border-radius:6px;background:#152027;padding:8px 12px;color:#aababe;font-size:11px}.ability-categories button[aria-pressed=true]{border-color:#93c776;background:#2b3b2c;color:#d9f4cb}
.ability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:430px;overflow-y:auto;padding-right:5px}
.ability-card{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;min-width:0;padding:11px;border:1px solid #35434b;border-radius:8px;background:#131d24}
.ability-card:hover,.ability-card:focus-visible{border-color:var(--ability-color);background:#1e2b30}.ability-card.equipped{border-color:#60705e}
.ability-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ability-color);border-radius:7px;color:var(--ability-color);font-size:22px;line-height:1}
.ability-copy{display:grid;gap:3px;min-width:0}.ability-copy strong{font-size:12px}.ability-copy small{font-size:10px;color:#b0bfc4;line-height:1.45}.ability-copy em{font-size:10px;color:#91ab97;font-style:normal;line-height:1.35}
.ability-meta{display:grid;justify-items:end;align-self:start;gap:7px;color:#b7c7cb;font-size:10px;white-space:nowrap}.ability-meta small{color:#91ab97;font-size:9px}.ability-meta b{display:grid;place-items:center;width:19px;height:19px;border-radius:4px;background:#3a5331;color:#d8f5bd}
.abilities-panel .loadout-save-row{margin-top:17px}.abilities-panel .form-error{min-height:1em}
.ability-hud{position:absolute;z-index:4;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;pointer-events:none}
.ability-hud-item{display:flex;align-items:center;gap:5px;min-width:84px;max-width:130px;padding:5px 7px;border:1px solid #596c63;border-radius:6px;background:#101a20df;box-shadow:0 3px 13px #09121988;color:var(--ability-color)}
.ability-hud-item kbd{width:22px;height:22px;font-size:12px}.ability-hud-item>span{font-size:19px;line-height:1}.ability-hud-item small{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#dfecdf}.ability-hud-item.cooling{opacity:.62;filter:saturate(.45)}.ability-hud-item.cooling small{color:#ffd59f}
@media(max-width:760px){.ability-list{grid-template-columns:1fr}.ability-slots{grid-template-columns:1fr}.ability-slot{padding:10px}.ability-hud{bottom:5px}.ability-hud-item{min-width:64px;padding:3px 4px}.ability-hud-item small{max-width:49px}}