.skill-art-v48{display:inline-block;flex:none;width:40px;height:40px;border-radius:5px;background-size:600% 500%;background-repeat:no-repeat;background-color:#102129;box-shadow:0 1px 4px #0008;pointer-events:none}
.ui-v30 #hud .combat-status.status-badge{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:0;border-radius:5px;overflow:hidden}
.ui-v30 #hud .combat-status .skill-art-v48{width:100%;height:100%;display:block}
.ui-v30 #hud .status-hourglass{right:2px;top:5px;width:9px;height:28px;color:#fff2b2;filter:drop-shadow(0 1px 2px #000)}
.ui-v30 #hud .status-lasting{right:3px;bottom:3px;width:5px;height:5px;box-shadow:0 0 3px #000}
.ui-v30.app-mobile #hud .combat-status.status-badge{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:4px}
.ui-v30.app-mobile #hud .status-hourglass{height:22px;top:4px;width:7px}
.ui-v30 .status-detail-icon{width:44px;height:44px}.ui-v30 .status-detail-icon .skill-art-v48{width:44px;height:44px}
.painted-skill-v48{position:relative;overflow:visible}.painted-skill-v48>img{visibility:hidden}.painted-skill-v48>.skill-art-v48{position:absolute;inset:5%;width:90%;height:90%;border-radius:7px;z-index:0}
.painted-skill-v48>kbd,.painted-skill-v48>small,.painted-skill-v48>span:not(.skill-art-v48){position:relative;z-index:1;text-shadow:0 1px 3px #000,0 0 4px #000}
.ui-v30 #hud .hero-basic-skills .skill-art-v48{width:36px;height:36px}
.ui-v30.app-mobile #hud .hero-basic-skills button{border-radius:6px;padding:2px}
.ui-v30.app-mobile #hud .hero-basic-skills .skill-art-v48{display:block;position:absolute;inset:2px;width:40px;height:40px;border-radius:5px}
.ui-v30.app-mobile #hud .hero-basic-skills small{z-index:1;font-size:10px;bottom:1px;background:#06131ce6}
.ui-v30.app-mobile #hud .hero-basic-skills button:disabled{opacity:.8;filter:saturate(.65)}
.painted-skill-v48:disabled>.skill-art-v48{filter:saturate(.55) brightness(.72)}
.painted-skill-v48.ready>.skill-art-v48{box-shadow:0 0 0 1px #ffdf85,0 0 10px #ffc76899}

.ui-v30 .painted-skill-v48{border-radius:7px;background-color:#102129;box-shadow:inset 0 0 0 1px #c9a15c,0 2px 5px #0008}
.ui-v30 .painted-skill-v48:disabled{opacity:.8;filter:saturate(.55) brightness(.8)}
.ui-v30 .painted-skill-v48.ready{box-shadow:0 0 0 1px #ffdf85,0 0 10px #ffc76899}

.ui-v30 #hud .actions #skill.painted-skill-v48,.ui-v30 #hud .actions #skill.painted-skill-v48:after{border-radius:7px}