.sprite {
    --n: 0.55;
    background-image: url(/img/games/spritesheet-150.jpg?v=2);
    background-repeat: no-repeat;
    display: inline-block;
    z-index: -1;
    width: calc(150px* var(--n));
    height: calc(150px* var(--n));
    background-size: calc(1280px* var(--n)) calc(1120px* var(--n));
}

@media only screen and (min-device-width: 1400px) and (min-device-height: 1100px) {
    .sprite {
        --n: 0.65;
    }
}

.border {
    border: 1px solid grey;
    box-sizing: border-box;
}

/*==========*/


.sprite-animal_tracking {
    background-position: calc(-5px * var(--n)) calc(-5px * var(--n));
}

.sprite-arcanoid {
    background-position: calc(-165px * var(--n)) calc(-5px * var(--n));
}

.sprite-baker {
    background-position: calc(-325px * var(--n)) calc(-5px * var(--n));
}

.sprite-balda {
    background-position: calc(-485px * var(--n)) calc(-5px * var(--n));
}

.sprite-battleship {
    background-position: calc(-645px * var(--n)) calc(-5px * var(--n));
}

.sprite-checkers {
    background-position: calc(-805px * var(--n)) calc(-5px * var(--n));
}

.sprite-chess {
    background-position: calc(-965px * var(--n)) calc(-5px * var(--n));
}

.sprite-children_poker {
    background-position: calc(-5px * var(--n)) calc(-165px * var(--n));
}

.sprite-connect4 {
    background-position: calc(-165px * var(--n)) calc(-165px * var(--n));
}

.sprite-crescent {
    background-position: calc(-325px * var(--n)) calc(-165px * var(--n));
}

.sprite-domino {
    background-position: calc(-485px * var(--n)) calc(-165px * var(--n));
}

.sprite-dots {
    background-position: calc(-645px * var(--n)) calc(-165px * var(--n));
}

.sprite-ege_it {
    background-position: calc(-805px * var(--n)) calc(-165px * var(--n));
}

.sprite-ege_math {
    background-position: calc(-965px * var(--n)) calc(-165px * var(--n));
}

.sprite-ege_rus {
    background-position: calc(-5px * var(--n)) calc(-325px * var(--n));
}

.sprite-fillword {
    background-position: calc(-165px * var(--n)) calc(-325px * var(--n));
}

.sprite-fool {
    background-position: calc(-325px * var(--n)) calc(-325px * var(--n));
}

.sprite-fourteen {
    background-position: calc(-485px * var(--n)) calc(-325px * var(--n));
}

.sprite-freecell {
    background-position: calc(-645px * var(--n)) calc(-325px * var(--n));
}

.sprite-geography {
    background-position: calc(-805px * var(--n)) calc(-325px * var(--n));
}

.sprite-gims {
    background-position: calc(-965px * var(--n)) calc(-325px * var(--n));
}

.sprite-go {
    background-position: calc(-5px * var(--n)) calc(-485px * var(--n));
}

.sprite-gomoku {
    background-position: calc(-165px * var(--n)) calc(-485px * var(--n));
}

.sprite-hanoi {
    background-position: calc(-325px * var(--n)) calc(-485px * var(--n));
}

.sprite-knb {
    background-position: calc(-485px * var(--n)) calc(-485px * var(--n));
}

.sprite-kosynka {
    background-position: calc(-645px * var(--n)) calc(-485px * var(--n));
}

.sprite-lines {
    background-position: calc(-805px * var(--n)) calc(-485px * var(--n));
}

.sprite-mat {
    background-position: calc(-965px * var(--n)) calc(-485px * var(--n));
}

.sprite-match3 {
    background-position: calc(-5px * var(--n)) calc(-645px * var(--n));
}

.sprite-memory {
    background-position: calc(-165px * var(--n)) calc(-645px * var(--n));
}

.sprite-minesweeper {
    background-position: calc(-325px * var(--n)) calc(-645px * var(--n));
}

.sprite-nim {
    background-position: calc(-485px * var(--n)) calc(-645px * var(--n));
}

.sprite-othello {
    background-position: calc(-645px * var(--n)) calc(-645px * var(--n));
}

.sprite-pacman {
    background-position: calc(-805px * var(--n)) calc(-645px * var(--n));
}

.sprite-pdd {
    background-position: calc(-965px * var(--n)) calc(-645px * var(--n));
}

.sprite-poker {
    background-position: calc(-5px * var(--n)) calc(-805px * var(--n));
}

.sprite-prisoner {
    background-position: calc(-165px * var(--n)) calc(-805px * var(--n));
}

.sprite-pyramid {
    background-position: calc(-325px * var(--n)) calc(-805px * var(--n));
}

.sprite-raschet {
    background-position: calc(-485px * var(--n)) calc(-805px * var(--n));
}

.sprite-recognize_fish {
    background-position: calc(-645px * var(--n)) calc(-805px * var(--n));
}

.sprite-recognize_flag {
    background-position: calc(-805px * var(--n)) calc(-805px * var(--n));
}

.sprite-recognize_fruit {
    background-position: calc(-965px * var(--n)) calc(-805px * var(--n));
}

.sprite-recognize_tree {
    background-position: calc(-5px * var(--n)) calc(-965px * var(--n));
}

.sprite-recognize_vegetable {
    background-position: calc(-165px * var(--n)) calc(-965px * var(--n));
}

.sprite-scorpion {
    background-position: calc(-325px * var(--n)) calc(-965px * var(--n));
}

.sprite-skiff {
    background-position: calc(-485px * var(--n)) calc(-965px * var(--n));
}

.sprite-snake {
    background-position: calc(-645px * var(--n)) calc(-965px * var(--n));
}

.sprite-sokoban {
    background-position: calc(-805px * var(--n)) calc(-965px * var(--n));
}

.sprite-speed {
    background-position: calc(-965px * var(--n)) calc(-965px * var(--n));
}

.sprite-spider {
    background-position: calc(-1125px * var(--n)) calc(-5px * var(--n));
}

.sprite-sudoku {
    background-position: calc(-1125px * var(--n)) calc(-165px * var(--n));
}

.sprite-temperament {
    background-position: calc(-1125px * var(--n)) calc(-325px * var(--n));
}

.sprite-tests {
    background-position: calc(-1125px * var(--n)) calc(-485px * var(--n));
}

.sprite-tetris {
    background-position: calc(-1125px * var(--n)) calc(-645px * var(--n));
}

.sprite-tripeaks {
    background-position: calc(-1125px * var(--n)) calc(-805px * var(--n));
}

.sprite-twentyone {
    background-position: calc(-1125px * var(--n)) calc(-965px * var(--n));
}