#skillBar .skill-hotbar{position:relative;min-width:155px;justify-content:flex-start}#skillBar .skill-hotbar span{display:flex;flex-direction:column;gap:2px}#skillBar .skill-hotbar strong{font-size:12px}#skillBar .skill-hotbar small{font-size:10px;color:#aebbb6}.skill-system-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px;margin:14px 0}.skill-card,.skill-spec-card{border:1px solid #566761;background:#101b1f;border-radius:12px;padding:12px}.skill-card-head{display:flex;gap:12px;align-items:center}.skill-card-head h3,.skill-spec-card h3{margin:0 0 4px}.skill-system-icon{border:1px solid #77867f;border-radius:10px;background:#0e171a}.skill-facts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.skill-facts span{border:1px solid #465751;border-radius:999px;padding:3px 8px;font-size:11px}.skill-values{display:flex;flex-direction:column;gap:3px;border-left:3px solid #75877d;padding:6px 9px;margin:8px 0}.skill-values.next{opacity:.78}.skill-points{padding:9px 11px;border:1px solid #6e775e;border-radius:9px;background:#18201f}.skill-empty{max-width:320px}.status-skill-line{margin:8px 0;padding:8px 10px;border:1px solid #4d5d58;border-radius:8px}
@media(max-width:700px){#skillBar{display:grid;grid-template-columns:1fr 1fr}.skill-system-list{grid-template-columns:1fr}#skillBar .skill-hotbar{min-width:0;padding:7px}.skill-hotbar .skill-system-icon{width:32px!important;height:32px!important}}