/**
 * Champion Character Styles
 * White/gray champion for challenge mode (no abilities)
 */

/* In-Game Sprite */
.player[data-character="challenge"]::before,
.player[data-character="champion"]::before {
    box-shadow:
        /* Row 1 - Head */
        -8px -8px 0 0 var(--skin-primary, #d4d4d4),
        0px -8px 0 0 var(--skin-primary, #d4d4d4),
        8px -8px 0 0 var(--skin-primary, #d4d4d4),

        /* Row 2 - Eyes */
        -8px 0px 0 0 var(--skin-secondary, #e0e0e0),
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 var(--skin-primary, #d4d4d4),
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 var(--skin-secondary, #e0e0e0),

        /* Row 3 - Body */
        -8px 8px 0 0 var(--skin-accent, #b0b0b0),
        -4px 8px 0 0 var(--skin-secondary, #e0e0e0),
        0px 8px 0 0 var(--skin-primary, #d4d4d4),
        4px 8px 0 0 var(--skin-secondary, #e0e0e0),
        8px 8px 0 0 var(--skin-accent, #b0b0b0),

        /* Row 4 - Legs */
        -4px 16px 0 0 var(--skin-accent, #b0b0b0),
        4px 16px 0 0 var(--skin-accent, #b0b0b0);
}

/* Character Selection Preview */
.char-card-preview[data-character="challenge"]::before,
.char-card-preview[data-character="champion"]::before {
    box-shadow:
        /* Row 1 - Head */
        -8px -8px 0 0 var(--skin-primary, #d4d4d4),
        0px -8px 0 0 var(--skin-primary, #d4d4d4),
        8px -8px 0 0 var(--skin-primary, #d4d4d4),

        /* Row 2 - Eyes */
        -8px 0px 0 0 var(--skin-secondary, #e0e0e0),
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 var(--skin-primary, #d4d4d4),
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 var(--skin-secondary, #e0e0e0),

        /* Row 3 - Body */
        -8px 8px 0 0 var(--skin-accent, #b0b0b0),
        -4px 8px 0 0 var(--skin-secondary, #e0e0e0),
        0px 8px 0 0 var(--skin-primary, #d4d4d4),
        4px 8px 0 0 var(--skin-secondary, #e0e0e0),
        8px 8px 0 0 var(--skin-accent, #b0b0b0),

        /* Row 4 - Legs */
        -4px 16px 0 0 var(--skin-accent, #b0b0b0),
        4px 16px 0 0 var(--skin-accent, #b0b0b0);
}

/* Skin Selector Preview */
.skin-preview[data-character="champion"]::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    background: transparent;
    box-shadow:
        /* Row 1 - Head (using primary) */
        -8px -8px 0 0 var(--preview-primary),
        0px -8px 0 0 var(--preview-primary),
        8px -8px 0 0 var(--preview-primary),

        /* Row 2 - Eyes (using secondary, keep eyes dark) */
        -8px 0px 0 0 var(--preview-secondary),
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 var(--preview-primary),
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 var(--preview-secondary),

        /* Row 3 - Body (using accent and secondary) */
        -8px 8px 0 0 var(--preview-accent),
        -4px 8px 0 0 var(--preview-secondary),
        0px 8px 0 0 var(--preview-primary),
        4px 8px 0 0 var(--preview-secondary),
        8px 8px 0 0 var(--preview-accent),

        /* Row 4 - Legs (darker accent) */
        -4px 16px 0 0 var(--preview-accent),
        4px 16px 0 0 var(--preview-accent);
}