.ability-art-icon{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden;border:1px solid #655782;border-radius:9px;background:#080e20;box-shadow:inset 0 0 0 1px #090e20;vertical-align:middle}
.ability-art-icon canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.ability-art-icon [hidden]{display:none!important}
.ability-art-fallback{color:#d7ba76;font:24px/1 serif}
.ability-art-large{width:96px;height:96px;border-radius:12px}
#abilities-list .ability-action{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;align-items:start;text-align:left}
#abilities-list .ability-action>.ability-art-icon{grid-column:1;grid-row:1/4}
#abilities-list .ability-action>strong,#abilities-list .ability-action>small,#abilities-list .ability-action>p{grid-column:2;margin:0;overflow-wrap:anywhere}
#abilities-list .ability-action:disabled .ability-art-icon{filter:saturate(.45);opacity:.65}
.skill-name-with-art{display:flex;align-items:center;gap:9px;min-width:0}
.skill-name-with-art>.ability-art-icon{width:32px;height:32px;border-radius:6px}
@media(max-width:480px){#abilities-list .ability-action{grid-template-columns:40px minmax(0,1fr);gap:4px 9px}#abilities-list .ability-action>.ability-art-icon{width:40px;height:40px}}