/* Compact, school-colored skill progression. */
.skill-key{font-size:12px;color:#bdb3c8;margin:0 0 12px;max-width:78ch}
.skill-level-group{margin:0;border-top:1px solid #423048;padding:12px 0 6px}
.skill-level-group>h4{margin:0 0 7px;color:#ffcf68;font:700 12px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.skill-level-group .skill{padding:4px 0 8px;border-bottom:0;font-size:14px;line-height:1.6}
.skill-kind{font-size:10px;color:#beadc8;text-transform:uppercase;margin-right:5px}
.skill-base{display:block;font:600 12px/1.6 system-ui,sans-serif;color:var(--school,#bbc6d5);margin-top:3px}
.school-fire{--school:#ff9c65}.school-water{--school:#6ac9ff}.school-nature{--school:#99dd79}.school-wind{--school:#75e5d7}.school-holy{--school:#ffe08a}.school-shadow{--school:#c9a0ff}.school-physical{--school:#c3cede}
.manual-level-group>h4{margin:22px 0 10px;color:#ffcf68;font:700 13px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.manual-level-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.manual-level-skills .ability-deep-card{display:block;min-width:0;border-top:2px solid var(--school,#c3cede)}
.manual-level-skills .ability-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.manual-level-skills .ability-title h4{font-size:19px;margin:0}
.school-label{color:var(--school);font:600 10px system-ui,sans-serif;white-space:nowrap}
.skill-chart{margin:12px 0 0;padding:10px;background:#14121b;border-radius:7px;min-width:0}
.chart-control{display:flex;gap:8px;align-items:center;justify-content:space-between;font:12px system-ui,sans-serif;color:#d3cbdc}
.chart-control select{font:inherit;color:#f0e9f5;background:#211a2b;border:1px solid #584563;border-radius:4px;min-width:0;max-width:77%;padding:4px}
.chart-control select:focus-visible,.chart-values summary:focus-visible{outline:2px solid var(--school);outline-offset:3px}
.chart-unit{display:block;color:var(--school);font:600 11px system-ui,sans-serif;margin:9px 0 0}
.skill-chart svg{width:100%;height:auto;display:block;overflow:visible}
.chart-grid{stroke:#38313f;stroke-width:1}
.chart-tick{fill:#bfb4cb;font:11px system-ui,sans-serif}
.chart-point-value{fill:var(--school);font:600 11px system-ui,sans-serif}
.chart-line{stroke:var(--school);fill:none;stroke-width:2.5;stroke-linejoin:round}
.chart-point{fill:var(--school);stroke:#14121b;stroke-width:1.5}
.chart-note{font:11px/1.5 system-ui,sans-serif;color:#bcb2c7;margin:6px 0 0}
.chart-values{font:11px system-ui,sans-serif;color:#c7bfd0;margin-top:3px}
.chart-values>summary{cursor:pointer;padding:5px 0}
.chart-value-grid{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}
.chart-value-grid span{padding:5px 7px;background:#211a2b;border-radius:4px}
.chart-value-grid b{display:block;color:var(--school);margin-top:3px}
@media(max-width:760px){.manual-level-skills{grid-template-columns:1fr}.skill-level-group .skill-list{grid-template-columns:1fr}.manual-level-skills .ability-title h4{font-size:18px}}
@media(prefers-reduced-motion:reduce){.skill-chart *{transition:none}}

.school-magic{--school:#c9a0ff}

.manual-level-group{margin:0 0 16px;scroll-margin-top:150px}.skill-level-groups,.ability-timeline{scroll-margin-top:150px}