.skills-directory{gap:var(--space-6);min-width:0;display:grid}.skills-count{color:var(--text-muted);font-size:var(--text-small)}.skills-state{align-content:center;justify-items:center;gap:var(--space-3);min-height:calc(var(--space-8)*6);padding:var(--space-6);border:var(--line-width) dashed var(--line);border-radius:var(--radius-lg);text-align:center;display:grid}.skills-state p,.skills-state>svg{color:var(--text-muted)}.skills-group{gap:var(--space-3);min-width:0;display:grid}.skills-group h2{font-size:var(--text-title)}.skills-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.skills-grid>li{min-width:0}.skill-card{gap:var(--space-3);min-width:0;height:100%;padding:var(--space-3);border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);background:var(--panel);color:inherit;transition:border-color var(--transition),transform var(--transition);grid-template-columns:72px minmax(0,1fr);text-decoration:none;display:grid}.skill-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.skill-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skill-card-media{aspect-ratio:1;padding:var(--space-2);border-radius:var(--radius-md);background:var(--item-media-bg,#2b2f33);place-items:center;display:grid}.skill-card-media .item-image{width:100%;height:100%}.skill-card-body{gap:var(--space-1);align-content:center;min-width:0;display:grid}.skill-card-name{font-weight:600;line-height:var(--leading-body);overflow-wrap:anywhere}.skill-card-en{color:var(--text-muted);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-card-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.skills-note{margin-top:var(--space-2)}.skills-detail .ref-detail-hero{align-items:start}.skill-description{white-space:pre-line}.skill-effects li p{line-height:var(--leading-body);margin:0}.skill-effects li a{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-target);color:inherit;text-decoration:none;display:flex}.skill-effects li a:hover{color:var(--resource-accent)}.skill-scale{align-items:center;gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:auto minmax(80px,1fr) auto;max-width:420px;display:grid}.skill-scale-end{color:var(--text-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap}.skill-scale-end--elite{color:var(--resource-accent)}.skill-scale-track{height:var(--space-2);border-radius:var(--radius-sm);background:var(--panel-soft);position:relative;overflow:hidden}.skill-scale-elite-zone{background:var(--resource-accent);opacity:.55;width:18%;position:absolute;top:0;bottom:0;right:0}.skill-tier{gap:var(--space-2);display:grid}.skill-tier+.skill-tier{margin-top:var(--space-5)}.skill-tier h3{align-items:center;gap:var(--space-2);font-size:var(--text-body);color:var(--text-muted);display:flex}.skill-tier--elite h3{margin-bottom:var(--space-1)}.skill-stations li>a{align-items:center}.skill-station-name{align-items:center;gap:var(--space-3);min-width:0;display:flex}.skill-station-name .item-image{width:calc(var(--space-8)*1.5);height:calc(var(--space-8)*1.5);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--item-media-bg,#2b2f33);flex:none}.skill-station-levels{justify-content:flex-end}.skill-siblings,.skill-station-levels{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-siblings{margin:0;padding:0;list-style:none}.skill-sibling{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:var(--line-width) solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:inherit;transition:border-color var(--transition);text-decoration:none;display:inline-flex}.skill-sibling:hover{border-color:var(--text-muted)}.skill-sibling .item-image{width:calc(var(--space-8)*1.25);height:calc(var(--space-8)*1.25);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--item-media-bg,#2b2f33);flex:none}@media (width>=1024px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1440px){.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=639px){.skills-grid{grid-template-columns:minmax(0,1fr)}.skill-card{grid-template-columns:56px minmax(0,1fr)}}