/* MODEL's authored rig replaces the static art only after its first good frame. */
.equip-art.character-live{inset:0 0 0 53%;background:none;clip-path:none;z-index:0;opacity:1}
.equip-art.character-live:after{display:none}
.equip-scene:has(.character-live):before{background:linear-gradient(165deg,#26e0ee 0%,#0b90e3 30%,#123bce 68%,#0a25ae 100%)}
.character-canvas{display:block;width:100%;height:100%;pointer-events:none}
.equip-art:not(.character-live) .character-canvas{visibility:hidden}
@media(min-width:641px){
  .equip-art.character-live{clip-path:polygon(47% 0,100% 0,100% 100%,11% 100%,23.5% 72%,23.5% 32%)}
  .equip-scene:has(.character-live):after{clip-path:polygon(0 0,75% 0,64% 32%,64% 72%,58% 100%,0 100%)}
  .equip-scene:has(.character-live) .equipment-sheet{width:27%;max-height:76%;padding-right:10px}
  .reader-content .equip-scene:has(.character-live) .equipment-sheet h4{font-size:clamp(19px,1.8vw,24px)}
}
@media(max-width:640px) and (orientation:portrait){
  .equip-scene:has(.character-live){padding-bottom:350px}
  .equip-art.character-live{inset:auto 0 0;height:380px;width:100%;opacity:1}
  .equip-scene:has(.character-live) .equipment-sheet{min-height:400px}
  .equip-scene:has(.character-live):after{clip-path:polygon(0 0,100% 0,100% 65%,0 77%)}
}