/********** BLUE DOG **********/
/* Default state - Blue Dog */
.pixel-dog-blue-default {
    color: #4A6EA9;
    box-shadow:
    /* Row 1 */
    1em 2em #6987C1, 2em 2em #6987C1, 7em 2em #6987C1, 8em 2em #6987C1,
    /* Row 2 */
    1em 3em transparent, 2em 3em #6987C1, 7em 3em #6987C1, 8em 3em transparent,
    /* Row 3 */
    1em 4em transparent, 2em 4em #6987C1, 3em 4em #4A6EA9, 4em 4em #4A6EA9, 5em 4em #4A6EA9, 6em 4em #4A6EA9, 7em 4em #6987C1, 8em 4em transparent,
    /* Row 4 */
    1em 5em #6987C1, 2em 5em #4A6EA9, 3em 5em #4A6EA9, 4em 5em #4A6EA9, 5em 5em #4A6EA9, 6em 5em #4A6EA9, 7em 5em #4A6EA9, 8em 5em #385785,
    /* Row 5 */
    1em 6em #3E5D8C, 2em 6em #4A6EA9, 3em 6em #000000, 4em 6em #4A6EA9, 5em 6em #4A6EA9, 6em 6em #000000, 7em 6em #4A6EA9, 8em 6em #385785,
    /* Row 6 */
    1em 7em #3E5D8C, 2em 7em #9BB3DE, 3em 7em #5D80BC, 4em 7em #4A6EA9, 5em 7em #4A6EA9, 6em 7em #5D80BC, 7em 7em #9BB3DE, 8em 7em #385785,
    /* Row 7 */
    1em 8em #3E5D8C, 2em 8em #6987C1, 3em 8em #9BB3DE, 4em 8em #000000, 5em 8em #000000, 6em 8em #9BB3DE, 7em 8em #6987C1, 8em 8em #385785,
    /* Row 8 */
    2em 9em #3E5D8C, 3em 9em #9BB3DE, 4em 9em transparent, 5em 9em transparent, 6em 9em #9BB3DE, 7em 9em #6987C1,
    /* Row 9 */
    2em 10em #3E5D8C, 3em 10em #3E5D8C, 4em 10em #9BB3DE, 5em 10em #9BB3DE, 6em 10em #6987C1, 7em 10em #6987C1,
    /* Row 10 */
    3em 11em #3E5D8C, 4em 11em #6987C1, 5em 11em #6987C1, 6em 11em #6987C1, 7em 11em #6987C1;
}

/* Attention state - Blue Dog */
.pixel-dog-blue-attention {
    color: #4A6EA9;
    box-shadow:
    /* Row 1 (ears pointing up - modified) */
    1em 0em #6987C1, 2em 1em #6987C1, 7em 1em #6987C1, 8em 0em #6987C1,
    /* Row 2 (modified to connect ears) */
    1em 1em #6987C1, 2em 2em #6987C1, 7em 2em #6987C1, 8em 1em #6987C1,
    /* Row 3 */
    1em 2em transparent, 2em 3em #6987C1, 7em 3em #6987C1, 8em 2em transparent,
    /* Row 4 */
    1em 3em transparent, 2em 4em #6987C1, 3em 4em #4A6EA9, 4em 4em #4A6EA9, 5em 4em #4A6EA9, 6em 4em #4A6EA9, 7em 4em #6987C1, 8em 3em transparent,
    /* Row 5 */
    1em 4em #6987C1, 2em 5em #4A6EA9, 3em 5em #4A6EA9, 4em 5em #4A6EA9, 5em 5em #4A6EA9, 6em 5em #4A6EA9, 7em 5em #4A6EA9, 8em 4em #385785,
    /* Row 6 - Eyes wider */
    1em 5em #3E5D8C, 2em 6em #4A6EA9, 3em 6em #000000, 4em 6em #4A6EA9, 5em 6em #4A6EA9, 6em 6em #000000, 7em 6em #4A6EA9, 8em 5em #385785,
    /* Row 7 */
    1em 6em #3E5D8C, 2em 7em #9BB3DE, 3em 7em #5D80BC, 4em 7em #4A6EA9, 5em 7em #4A6EA9, 6em 7em #5D80BC, 7em 7em #9BB3DE, 8em 6em #385785,
    /* Row 8 */
    1em 7em #3E5D8C, 2em 8em #6987C1, 3em 8em #9BB3DE, 4em 8em #000000, 5em 8em #000000, 6em 8em #9BB3DE, 7em 8em #6987C1, 8em 7em #385785,
    /* Row 9 */
    2em 9em #3E5D8C, 3em 9em #9BB3DE, 4em 9em transparent, 5em 9em transparent, 6em 9em #9BB3DE, 7em 9em #6987C1,
    /* Row 10 */
    2em 10em #3E5D8C, 3em 10em #3E5D8C, 4em 10em #9BB3DE, 5em 10em #9BB3DE, 6em 10em #6987C1, 7em 10em #6987C1,
    /* Row 11 */
    3em 11em #3E5D8C, 4em 11em #6987C1, 5em 11em #6987C1, 6em 11em #6987C1, 7em 11em #6987C1;
}

/* Lost state - Blue Dog */
.pixel-dog-blue-lost {
    color: #4A6EA9;
    box-shadow:
    /* Row 1 (ears drooped - modified) */
    0em 3em #6987C1, 1em 2em #6987C1, 8em 2em #6987C1, 9em 3em #6987C1,
    /* Row 2 */
    1em 3em transparent, 2em 3em #6987C1, 7em 3em #6987C1, 8em 3em transparent,
    /* Row 3 */
    1em 4em transparent, 2em 4em #6987C1, 3em 4em #4A6EA9, 4em 4em #4A6EA9, 5em 4em #4A6EA9, 6em 4em #4A6EA9, 7em 4em #6987C1, 8em 4em transparent,
    /* Row 4 */
    1em 5em #6987C1, 2em 5em #4A6EA9, 3em 5em #4A6EA9, 4em 5em #4A6EA9, 5em 5em #4A6EA9, 6em 5em #4A6EA9, 7em 5em #4A6EA9, 8em 5em #385785,
    /* Row 5 - Sad eyes */
    1em 6em #3E5D8C, 2em 6em #4A6EA9, 3em 6em #000000, 4em 6em #4A6EA9, 5em 6em #4A6EA9, 6em 6em #000000, 7em 6em #4A6EA9, 8em 6em #385785,
    /* Row 6 */
    1em 7em #3E5D8C, 2em 7em #9BB3DE, 3em 7em #5D80BC, 4em 7em #4A6EA9, 5em 7em #4A6EA9, 6em 7em #5D80BC, 7em 7em #9BB3DE, 8em 7em #385785,
    /* Row 7 - Mouth changed to sad */
    1em 8em #3E5D8C, 2em 8em #6987C1, 3em 8em #9BB3DE, 4em 8em #9BB3DE, 5em 8em #9BB3DE, 6em 8em #9BB3DE, 7em 8em #6987C1, 8em 8em #385785,
    /* Row 8 */
    2em 9em #3E5D8C, 3em 9em #9BB3DE, 4em 9em #000000, 5em 9em #000000, 6em 9em #9BB3DE, 7em 9em #6987C1,
    /* Row 9 */
    2em 10em #3E5D8C, 3em 10em #3E5D8C, 4em 10em #9BB3DE, 5em 10em #9BB3DE, 6em 10em #6987C1, 7em 10em #6987C1,
    /* Row 10 */
    3em 11em #3E5D8C, 4em 11em #6987C1, 5em 11em #6987C1, 6em 11em #6987C1, 7em 11em #6987C1;
}

/* Win state - Blue Dog */
.pixel-dog-blue-win {
    color: #4A6EA9;
    box-shadow:
    /* Row 1 - ears and crown first row */
    1em 2em #6987C1, 2em 2em #6987C1, 3em 2em #FFD700, 4em 2em #FF0000, 5em 2em #0000FF, 6em 2em #FFD700, 7em 2em #6987C1, 8em 2em #6987C1,
    /* Row 2 - ears and crown second row */
    1em 3em transparent, 2em 3em #6987C1, 3em 3em #FFD700, 4em 3em #FFD700, 5em 3em #FFD700, 6em 3em #FFD700, 7em 3em #6987C1, 8em 3em transparent,
    /* Row 3 */
    1em 4em transparent, 2em 4em #6987C1, 3em 4em #4A6EA9, 4em 4em #4A6EA9, 5em 4em #4A6EA9, 6em 4em #4A6EA9, 7em 4em #6987C1, 8em 4em transparent,
    /* Row 4 */
    1em 5em #6987C1, 2em 5em #4A6EA9, 3em 5em #4A6EA9, 4em 5em #4A6EA9, 5em 5em #4A6EA9, 6em 5em #4A6EA9, 7em 5em #4A6EA9, 8em 5em #385785,
    /* Row 5 - Happy eyes (wink) */
    1em 6em #3E5D8C, 2em 6em #4A6EA9, 3em 6em #000000, 4em 6em #4A6EA9, 5em 6em #4A6EA9, 6em 6em #4A6EA9, 7em 6em #4A6EA9, 8em 6em #385785,
    /* Row 6 */
    1em 7em #3E5D8C, 2em 7em #9BB3DE, 3em 7em #5D80BC, 4em 7em #4A6EA9, 5em 7em #4A6EA9, 6em 7em #5D80BC, 7em 7em #9BB3DE, 8em 7em #385785,
    /* Row 7 - Big smile */
    1em 8em #3E5D8C, 2em 8em #6987C1, 3em 8em #9BB3DE, 4em 8em #000000, 5em 8em #000000, 6em 8em #9BB3DE, 7em 8em #6987C1, 8em 8em #385785,
    /* Row 8 */
    2em 9em #3E5D8C, 3em 9em #9BB3DE, 4em 9em #9BB3DE, 5em 9em #9BB3DE, 6em 9em #9BB3DE, 7em 9em #6987C1,
    /* Row 9 */
    2em 10em #3E5D8C, 3em 10em #3E5D8C, 4em 10em #9BB3DE, 5em 10em #9BB3DE, 6em 10em #6987C1, 7em 10em #6987C1,
    /* Row 10 */
    3em 11em #3E5D8C, 4em 11em #6987C1, 5em 11em #6987C1, 6em 11em #6987C1, 7em 11em #6987C1;
}