/*
 * Player checker colours are game state, not theme colours. Use the same
 * artwork as the board so Android browser auto-darkening cannot merge them.
 */
body.nardy .checker-color {
    z-index: 101;
    color-scheme: only light;
    forced-color-adjust: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.nardy .checker-color.game-player__red {
    background-color: #fff;
    background-image: url('/img/main/flat/game_redesign/nardy/checker-white.png');
    border-color: #151515;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

body.nardy .checker-color.game-player__black {
    background-color: #151515;
    background-image: url('/img/main/flat/game_redesign/nardy/checker-black.png');
    border-color: #fff;
    box-shadow: 0 1px 3px rgba(255, 255, 255, .35);
}

/* The colour dot must not overlap the avatar victory ring on the result screen. */
body.nardy.game-result-active .checker-color {
    visibility: hidden;
}