/* ==========================================================================
   Fairy Nexus Companion Forms
   The engine still uses legacy prefixes internally.
   Shiny is presented publicly as Brilliant.
   ========================================================================== */

img[src*="/Shiny "],
img[src*="/Shiny%20"] {
    filter:
        saturate(1.14)
        brightness(1.08)
        drop-shadow(0 0 4px rgba(255,205,232,.78))
        drop-shadow(0 0 8px rgba(183,220,255,.38));
}

img[src*="/Dark "],
img[src*="/Dark%20"] {
    filter:
        saturate(.82)
        brightness(.68)
        contrast(1.24)
        drop-shadow(0 0 4px rgba(178,68,115,.78));
}

img[src*="/Metallic "],
img[src*="/Metallic%20"] {
    filter:
        grayscale(.58)
        saturate(.55)
        brightness(1.14)
        contrast(1.18)
        drop-shadow(0 0 4px rgba(204,235,255,.95));
}

img[src*="/Mystic "],
img[src*="/Mystic%20"] {
    filter:
        hue-rotate(245deg)
        saturate(1.38)
        brightness(1.1)
        drop-shadow(0 0 5px rgba(221,154,255,.88));
}

img[src*="/Shadow "],
img[src*="/Shadow%20"] {
    filter:
        hue-rotate(265deg)
        saturate(1.45)
        brightness(.62)
        contrast(1.28)
        drop-shadow(0 0 5px rgba(113,75,255,.88));
}

.pv-companion.companion-form-brilliant {
    filter:
        saturate(1.14)
        brightness(1.08)
        drop-shadow(0 0 4px rgba(255,205,232,.78))
        drop-shadow(0 0 8px rgba(183,220,255,.38));
}

.pv-companion.companion-form-dark {
    filter:
        saturate(.82)
        brightness(.68)
        contrast(1.24)
        drop-shadow(0 0 4px rgba(178,68,115,.78));
}

.pv-companion.companion-form-metallic {
    filter:
        grayscale(.58)
        saturate(.55)
        brightness(1.14)
        contrast(1.18)
        drop-shadow(0 0 4px rgba(204,235,255,.95));
}

.pv-companion.companion-form-mystic {
    filter:
        hue-rotate(245deg)
        saturate(1.38)
        brightness(1.1)
        drop-shadow(0 0 5px rgba(221,154,255,.88));
}

.pv-companion.companion-form-shadow {
    filter:
        hue-rotate(265deg)
        saturate(1.45)
        brightness(.62)
        contrast(1.28)
        drop-shadow(0 0 5px rgba(113,75,255,.88));
}


/* ==========================================================================
   Fairy Nexus Companion polish
   Smaller and better centered Companion artwork.
   ========================================================================== */

body[data-nxt-section] .pv-dex-card > div:first-child {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

body[data-nxt-section] .pv-dex-card > div:first-child img {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    vertical-align: middle !important;
    image-rendering: auto !important;
    image-rendering: auto !important;
}

body[data-nxt-section] .pv-team-slot img,
body[data-nxt-section] .pv-team-slot-preview img {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    vertical-align: middle !important;
    image-rendering: auto !important;
    image-rendering: auto !important;
}

body[data-nxt-section] .pv-dashboard-feature .pv-image-icon img {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    image-rendering: auto !important;
    image-rendering: auto !important;
}

body[data-nxt-section] :is(
    .pv-dex-scan,
    .pv-dex-evolution-node,
    .pv-dex-evolution-current,
    .pv-dex-variant-tile
) img {
    object-fit: contain !important;
    object-position: 50% 50% !important;
    vertical-align: middle !important;
    image-rendering: auto !important;
    image-rendering: auto !important;
}

body[data-nxt-section] .pv-dex-scan img {
    max-width: 82% !important;
    max-height: 82% !important;
}

body[data-nxt-section] img[src*="/images/pokemon/"] {
    vertical-align: middle !important;
}