.abilities-page{padding-bottom:10px}
.abilities-page .abilities-title{font-size:19px;font-weight:700}
.abilities-study-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:14px}
.abilities-study-summary p{margin:0}
.abilities-study-summary strong{color:#f4d465;font-variant-numeric:tabular-nums}
.abilities-price{display:flex;align-items:center;gap:4px;white-space:nowrap}
.abilities-price img{display:block;object-fit:contain}
.abilities-learn{display:block;width:100%}
.abilities-learn:disabled{cursor:default;filter:saturate(.35);opacity:.65}
.abilities-study-hint{margin:6px 0 0;color:#bcbcbc;text-align:center;font-size:12px;line-height:14px}
.abilities-message{margin:0;color:#f4d465;text-align:center;font-size:12px;line-height:14px}
.abilities-message:not(:empty){margin-top:7px;padding-top:7px;border-top:1px solid #3b3c3e}
.abilities-message[data-tone="error"]{color:#ffb38f}
.abilities-list{display:grid;gap:5px;margin-top:5px}
.ability-card{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:10px;row-gap:6px;margin:0;padding:8px 10px}
.ability-card.is-improved,.ability-card.is-studying{border-color:#7a9361;box-shadow:inset 0 0 12px #517d231a,0 1px 2px #0008}
.ability-art{grid-row:1;display:block;width:80px;height:80px;border:1px solid #62615b;border-radius:6px;object-fit:cover;background:#161818;box-shadow:0 1px 3px #0009}
.ability-details{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.ability-name{margin:0 0 3px;color:#2bc6d8;font-size:15px;font-weight:700;line-height:17px;overflow-wrap:anywhere}
.ability-level,.ability-effect{margin:0;color:#f1f1ee;font-size:14px;font-weight:700;line-height:17px}
.ability-level strong{color:#f4d465;font-weight:700;font-variant-numeric:tabular-nums}
.ability-effect{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.ability-effect img{display:block;width:17px;height:17px;object-fit:contain}
.ability-effect strong{color:inherit;font-variant-numeric:tabular-nums}
.ability-description{margin:4px 0 0;color:#c7c7c7;font-size:12px;font-weight:400;line-height:14px}
.ability-study-hint,.ability-learn{grid-column:1/-1}
.ability-study-hint{margin:0}
.abilities-note{margin-bottom:5px;color:#20c335;text-align:center;font-size:14px;font-weight:400;line-height:18px}
@media(max-width:390px){.ability-card{grid-template-columns:72px minmax(0,1fr);column-gap:8px}.ability-art{width:72px;height:72px}}

.abilities-study-summary{flex-wrap:wrap}
.abilities-study-summary[hidden]{display:none}
.abilities-crew-balance{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 0 8px;color:#bcbcbc;font-size:14px;line-height:18px}
.abilities-crew-balance img{display:block;object-fit:contain}
.abilities-crew-balance strong{color:#f4d465;font-variant-numeric:tabular-nums}
.abilities-timer{margin:0 0 8px;padding:7px 0;border-top:1px solid #3b3c3e}
.abilities-timer>p:first-child{margin:0 0 6px;text-align:center;font-size:14px;line-height:18px}
.abilities-timer strong{color:#35c5db;font-variant-numeric:tabular-nums}
.abilities-study-progress{display:block;appearance:none;width:100%;height:8px;border:1px solid #15191d;border-radius:3px;overflow:hidden;background:#161a1d;color:#218bce}
.abilities-study-progress::-webkit-progress-bar{background:#161a1d}
.abilities-study-progress::-webkit-progress-value{background:linear-gradient(#38adf4,#0766b1)}
.abilities-study-progress::-moz-progress-bar{background:linear-gradient(#38adf4,#0766b1)}
.abilities-shortage{margin:6px 0 0;text-align:center;color:#ffb38f;font-size:12px;line-height:14px}
.abilities-shortage:empty{display:none}
.ability-card.is-max .ability-level strong{color:#20c335}
.abilities-schedule summary{color:#d4b879;text-align:center;cursor:pointer;font-size:14px;font-weight:700;line-height:18px}
.abilities-schedule summary:focus-visible,.abilities-table-scroll:focus-visible{outline:2px solid #b5d9f5;outline-offset:2px}
.abilities-table-scroll{max-height:320px;overflow:auto;margin-top:8px;border:1px solid #3b3c3e;border-radius:4px}
.abilities-table{width:100%;border-collapse:collapse;font-size:14px;line-height:18px;font-variant-numeric:tabular-nums}
.abilities-table caption{padding:6px;color:#bcbcbc;font-size:12px}
.abilities-table th,.abilities-table td{padding:5px 4px;border-bottom:1px solid #3b3c3e;text-align:left;white-space:nowrap}
.abilities-table thead th{position:sticky;top:0;background:#343537;color:#e9eaec;font-size:12px}
.abilities-table th:first-child{width:28px;text-align:center}
.abilities-table td:nth-child(3),.abilities-table td:nth-child(4){text-align:right}
.abilities-table td img{vertical-align:middle;margin-right:4px;object-fit:contain}
.abilities-table .is-current{background:#35352b;color:#f4d465}
.abilities-totals section{padding:8px 0 0}
.abilities-totals h2{margin:0 0 4px;color:#35c5db;font-size:15px;line-height:18px}
.abilities-totals p{margin:2px 0;color:#bcbcbc;font-size:14px;line-height:18px}