/* Effect placeholders inherit the card's canonical element/role palette.
   Only artwork interiors are owned here; card layout stays with its owner. */
body[data-progression="xp"] :is(.ability-art,.inspection-art)>.effect-art{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:5px;width:100%;height:100%;min-width:0;min-height:0;padding:5px;
 color:var(--role,var(--gold,#f1cc7e));
 background:radial-gradient(ellipse at center,color-mix(in srgb,currentColor 14%,transparent),transparent 72%);
}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-medallion{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:min(100%,115px);aspect-ratio:1;max-height:100%;flex:0 1 auto;min-height:0;
 border:2px solid currentColor;border-radius:18%;
 background:linear-gradient(145deg,#24382bef,#0c211def);
 box-shadow:inset 0 0 0 3px #10241c,inset 0 0 0 4px color-mix(in srgb,currentColor 42%,transparent),0 3px 8px #0007;
}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-main{
 display:block;width:76%;height:76%;min-height:0;fill:none;stroke:currentColor;
 stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-buff{
 position:absolute;right:-3px;bottom:-3px;width:32%;height:32%;padding:2px;
 fill:none;stroke:currentColor;stroke-width:2;border:1px solid currentColor;
 border-radius:4px;background:#13271e;
}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-secondary{
 display:flex;align-items:center;justify-content:center;gap:7px;flex:none;
}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-detail{
 width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;
 stroke-linecap:round;stroke-linejoin:round;
}
body[data-progression="xp"] .inspection-art .effect-art-medallion{width:min(100%,190px)}
body[data-progression="xp"] .inspection-art .effect-art-detail{width:30px;height:30px}
body[data-progression="xp"] :is(.ability-art,.inspection-art)>.effect-art-empty{background:none}

body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-painted{width:100%;height:100%;object-fit:contain;padding:2px;filter:drop-shadow(0 2px 2px #0009)}
body[data-progression="xp"] :is(.ability-art,.inspection-art) .effect-art-fallback{display:none}
@media(max-height:500px){body[data-progression="xp"] .ability-art .effect-art-painted{display:none}body[data-progression="xp"] .ability-art .effect-art-fallback{display:block}}