.Horse #Graphics {background-color: #0066ff;}
.Horse #World {background-color: green; transform: perspective(200px) rotateX(20deg); top: -100px;}
    .Horse #World.DownwardsScroll #GridTable {animation-duration: 1500s;}
    
.iOS #GameBox.Horse.GameOver #Graphics {background-color: black !important;}
.iOS .Horse.GameOver #World {opacity: 0; pointer-events: none;}

.Horse #Player {width: 20px;}
.Horse #Player .Body {width: 20px;}
.Horse #Player .Image {pointer-events: none; width: 50px; margin-left: -15px; background-image: url('graphics/players/unicorn.png'); background-position: 0px 0px; background-size: 400% 100%; animation: HorseRun 0.4s steps(1, end) infinite; animation-play-state: var(--AnimationPlayState);}
.Horse #Player.Jumping .Image {animation: none; background-position: 100% 0px;}

.Horse .LifeItem.StatusIcon {background-image: url('graphics/items/unicornlife.png'), url('graphics/entities/coin.png'); background-size: 100% 100%, 100% 100%; background-repeat: no-repeat; background-position: 0% 0%, 0% 0%;}

.Horse .Chunk {content-visibility: visible; will-change: transform; background-image: url('graphics/textures/grass.jpg'); background-color: #38A10F; background-size: 10%; background-repeat: repeat;}
.Horse .Cell {margin-top: -1px;}
.Horse #World {background-color: #38A10F;}
    
.Horse .Fence .Image {background-image: url('graphics/entities/fence.png'); background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: center;}
.Horse .Boulder .Image {filter: hue-rotate(20deg) brightness(1.4) saturate(2); background-image: url('graphics/games/race/tree.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.Horse .Flower, .Horse .Wall {background-color: transparent; pointer-events: auto;}
.Horse .Flower1 .Image {filter: hue-rotate(200deg) brightness(1.3) saturate(2.0); background-image: url('graphics/games/race/tree.png'); background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: center;}
.Horse .Flower2 .Image {filter: hue-rotate(100deg) saturate(3); background-image: url('graphics/games/race/tree.png'); background-size: contain; background-color: transparent; background-repeat: no-repeat; background-position: center;}
.Horse .Flower3 .Image {filter: sepia(1) hue-rotate(70deg) brightness(1.3) saturate(4); background-image: url('graphics/games/race/tree.png'); background-size: contain; background-color: transparent; background-repeat: no-repeat; background-position: center;}
.Horse .Flower4 .Image {filter: sepia(1) hue-rotate(5deg) brightness(2) saturate(5); background-image: url('graphics/games/race/tree.png'); background-size: contain; background-color: transparent; background-repeat: no-repeat; background-position: center;}
.Horse .Flower.Exploding .Image {filter: none;}

.Horse .ShieldItem {height: 100px; background-color: transparent;}
.Horse .ShieldItem .Image {background-size: 90%; display: block; top: -24px; border-radius: 0px;}
.Horse .ShieldItem.Candy1 .Image {background-image: url("graphics/entities/candy1.png");}
.Horse .ShieldItem.Candy2 .Image {background-image: url("graphics/entities/candy2.png");}
.Horse .ShieldItem.Candy3 .Image {background-image: url("graphics/entities/candy3.png");}
.Horse .ShieldItem.Candy4 .Image {background-image: url("graphics/entities/candy1.png"); filter: hue-rotate(265deg);}
.Horse .ShieldItem.Candy5 .Image {background-image: url("graphics/entities/candy2.png"); filter: hue-rotate(265deg);}
.Horse .ShieldItem.Candy6 .Image {background-image: url("graphics/entities/candy3.png"); filter: hue-rotate(265deg);}
.Horse .ShieldItem.Candy7 .Image {background-image: url("graphics/entities/candy1.png"); filter: hue-rotate(315deg);}
.Horse .ShieldItem.Candy8 .Image {background-image: url("graphics/entities/candy2.png"); filter: hue-rotate(315deg);}
.Horse .ShieldItem.Candy9 .Image {background-image: url("graphics/entities/candy3.png"); filter: hue-rotate(315deg);}
.Horse .ShieldItem.Candy10 .Image {background-image: url("graphics/entities/candy1.png"); filter: hue-rotate(95deg) saturate(2);}
.Horse .ShieldItem.Candy11 .Image {background-image: url("graphics/entities/candy2.png"); filter: hue-rotate(95deg) saturate(2);}
.Horse .ShieldItem.Candy12 .Image {background-image: url("graphics/entities/candy3.png"); filter: hue-rotate(95deg) saturate(2);}
.Horse .ShieldItem.Candy13 .Image {background-image: url("graphics/entities/candy4.png");}
.Horse .ShieldItem.Candy14 .Image {background-image: url("graphics/entities/candy5.png");}
.Horse .ShieldItem.Candy15 .Image {background-image: url("graphics/entities/candy6.png");}
.Horse .ShieldItem .Text {margin-top: 50px;}
.Horse .ShieldItem .Image.Collected, .Horse .ShieldItem .Text.Collected {transition: opacity 0.2s; animation: none; opacity: 0;}
.Horse .ShieldItem.Exploding {background-image: none;}

.Horse .Stunned .Body {filter: none;}
    .Horse .Stunned {animation: HueRotate 1s linear infinite;}
    .Horse .Stunned .Body .Image {animation: none;}

.Horse .Shot {margin-left: -7.5px; background-image: url('graphics/effects/rainbowlaser.png'); width: 30px; height: 73px; background-color: transparent; border-color: transparent;}


@keyframes HorseRun {
    0% {background-position: 0px 0px;}
    25% {background-position: 33% 0px;}
    50% {background-position: 66% 0px;}
    75% {background-position: 33% 0px;}
}