.ability-patch-stock{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid #cbd9e8;border-radius:9px;background:#edf3ff;color:#405b87;font-size:12px}
.ability-patch-stock:hover:not(:disabled){background:#e1eaff;border-color:#93add2}.ability-patch-stock:disabled{opacity:.55;cursor:default}
.ability-patch-stock .icon{width:20px;height:20px;flex:none}.ability-patch-stock small{font-size:11px}
.j-supplies>.ability-patch-stock{grid-column:1/-1}.j-supplies>.ability-patch-stock small{width:auto;color:#405b87;margin:0}
.pk-overview{flex-wrap:wrap}.pk-overview>.ability-patch-stock{max-width:180px}.pk-overview>.ability-patch-stock small{font-size:10px}
.j-scene-creatures.j-scene-professor{right:50%;translate:50% 0;gap:12px;bottom:25px}.j-scene-professor>.professor-sprite{width:158px;height:158px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 4px 0 #142f3630)}
.j-scene-professor>.sprite{width:98px;height:108px}.j-scene-art.professor .j-scene-caption{text-align:center}
.ability-patch-dialog{max-width:610px;width:calc(100% - 28px)}.ability-patch-body{padding:28px 24px 22px!important}
.ability-patch-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0 22px}.ability-patch-heading h2{margin:0!important;font-size:27px}
.ability-patch-heading>span{display:flex;align-items:center;gap:8px;border-radius:8px;background:#edf3ff;color:#405b87;padding:10px 12px;font-weight:800}
.ability-patch-group{margin:18px 0}.ability-patch-group h3{font-size:12px;color:#64798b;margin-bottom:9px}
.ability-patch-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #dae3ee;background:#f7faff;border-radius:10px;min-height:82px;padding:10px 13px;margin:8px 0}
.ability-patch-row:hover:not(:disabled){border-color:#91aaca;background:#edf3ff}.ability-patch-row:disabled{opacity:.55;cursor:default}.ability-patch-row>.sprite{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;flex:none}
.ability-patch-row>span{display:grid;gap:6px;font-size:13px;min-width:0}.ability-patch-row small{font-size:11px;color:#62748c;line-height:1.5}.ability-patch-target{margin-left:auto;text-align:right;max-width:48%;color:#405b87}
.ability-patch-confirm{text-align:center}.ability-patch-confirm>.sprite{display:block;width:120px;height:120px;image-rendering:pixelated;object-fit:contain;margin:12px auto}.ability-patch-confirm h2{margin-bottom:20px}
.ability-patch-change{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:15px;background:#edf3ff;border-radius:10px;font-size:15px}.ability-patch-change>strong{color:#405b87}.ability-patch-change>.icon{width:20px;flex:none}.ability-patch-cost{font-size:12px;font-weight:700;color:#6a6381;margin:22px 0!important}
@media(max-width:520px){.ability-patch-body{padding:24px 17px 18px!important}.ability-patch-heading h2{font-size:23px}.ability-patch-row{gap:8px;padding:8px}.ability-patch-row>.sprite{width:46px;height:46px}.ability-patch-row>span{font-size:12px}.ability-patch-row small{font-size:10px}.j-scene-professor>.professor-sprite{width:134px;height:134px}.j-scene-professor>.sprite{width:80px;height:90px}.pk-overview>.ability-patch-stock{padding:8px;gap:5px;max-width:145px}}