/* Equipped skill/pet art follows the runtime loadout, including all characters. */
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{isolation:isolate!important;background:#102738!important;box-shadow:inset 0 1px #bdefff13!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button::after{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background-image:linear-gradient(180deg,#06192a10 0%,#081b2b24 35%,#081b2bcc 65%,#061725f5 100%),var(--hud-card-art,none)!important;background-size:100% 100%,140% auto!important;background-position:center,50% 22%!important;background-repeat:no-repeat!important;opacity:.85!important;filter:saturate(1.14)!important;transition:opacity .18s}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button:hover::after{opacity:1!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button :is(.arcane-skill-orb,img){background-color:#0a2336b3!important;border-color:#96becfb3!important;box-shadow:0 2px 9px #0009,inset 0 0 5px #bdedff22!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button small{position:relative!important;z-index:3!important;text-shadow:0 1px 3px #000,0 0 6px #031321!important;color:#ecf6ff!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>b{position:relative!important;z-index:3!important;text-shadow:0 1px 3px #000!important;color:#b7d3e6!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-state=ready]{border-color:#80cbd4a6!important;box-shadow:inset 0 0 13px #46afc61c,0 0 5px #35a9be25!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-state=cooldown]::before{z-index:2!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>em{z-index:4!important;box-shadow:0 2px 6px #0009!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:48px!important;box-sizing:border-box!important;padding:7px 9px!important;gap:9px!important;border:1px solid #668da5!important;background:#102b3e!important;box-shadow:inset 0 1px #b6eaff15!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--hud-card-art,none);background-repeat:no-repeat;background-size:auto 145px;background-position:85% 45%;opacity:.65;filter:saturate(1.12);pointer-events:none}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a2538eb 0%,#0b2339bb 40%,#0a203478 75%,#0a2034b8 100%);pointer-events:none}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud>img{width:32px!important;height:32px!important;flex:none!important;object-fit:contain!important;filter:drop-shadow(0 2px 3px #0009)}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud b{font-size:12px!important;color:#e4f3ff!important;text-shadow:0 1px 4px #000!important;line-height:1.25!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud small{font-size:10px!important;color:#b4d1e4!important;text-shadow:0 1px 4px #000!important;line-height:1.4!important;margin-top:3px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud progress{width:56px!important;flex:0 0 56px!important;height:6px!important;accent-color:#7dcddd}
@media(prefers-reduced-motion:reduce){body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button::after{transition:none!important}}

/* Purpose-painted portraits: no enlarged icon, no crop, full illustration. */
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted]{padding:53px 3px 5px!important;gap:2px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted]::after{background-image:linear-gradient(180deg,transparent 0%,transparent 40%,#07192930 53%,#071929a8 70%,#061726e8 100%),var(--hud-card-art)!important;background-size:100% 100%,100% 100%!important;background-position:center!important;opacity:1!important;filter:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted] :is(.arcane-skill-orb,img){display:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted]>em{top:18px!important;background:#061525d9!important;border-color:#9cbdcf8c!important;font-size:12px!important;height:22px!important;line-height:20px!important;min-width:37px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted][data-state=cooldown]::before{width:38px!important;height:38px!important;top:10px!important;border:1px solid #a1cadd66;box-sizing:border-box}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted] small{min-height:27px!important;height:27px!important;font-size:10px!important;text-shadow:0 1px 3px #000!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted]>b{font-size:9px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]{min-height:64px!important;height:64px!important;padding:8px 9px!important;gap:8px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]::before{background-size:100% 100%!important;background-position:center!important;opacity:1!important;filter:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]::after{background:linear-gradient(90deg,#0a203390 0%,#0a203340 40%,transparent 65%)!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]>span{align-self:flex-start!important;padding-top:2px!important;flex:0 1 56%!important;min-width:0!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted] b{font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted] small{font-size:9px!important;white-space:nowrap}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]>img{width:26px!important;height:30px!important;align-self:flex-start!important;margin-top:3px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .pet-combat-hud[data-hud-art=painted]>progress{position:absolute!important;left:44px!important;bottom:9px!important;width:87px!important;height:5px!important}
@media(max-height:740px) and (min-width:901px){body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-hud-art=painted]{padding-top:46px!important}}