/*<style>*/

.Space #Credits {background-image: url('graphics/titles/space.jpg');}
.Space2 #Credits {background-image: url('graphics/titles/space2.jpg');}

.Space #World {background-color: black;}
.Space #World.DownwardsScroll #GridTable {animation-duration: 30000s;}

.Space .LifeItem.StatusIcon, .Space2 .LifeItem.StatusIcon {background-image: url('graphics/players/ship.png'), url('graphics/entities/coin.png'); background-size: 100% 100%, 100% 100%; background-repeat: no-repeat; background-position: 0% 0%, 0% 0%;}

.Space #BossShieldStatus {top: 2px;}

.Space #Player {will-change: transform; transition: transform 0.2s steps(20), opacity 0.4s linear, box-shadow 0.2s linear;}
    .Space #Player .Image {background-image: url("graphics/players/ship.png");}
    .Space #Player .Body {--RotateAngle: 2deg;}
    .Space #Player.MoveRight .Body {transform: skewY(var(--RotateAngle));}
    .Space #Player.MoveLeft .Body {transform: skewY(calc(-1 * var(--RotateAngle)));}

.Space .Chunk {content-visibility: visible; overflow-y: visible;}

.Space2 .Chunk.BackgroundPlate {background-image: url('graphics/games/space2/backgrounds/1.png'); background-size: contain;}
.Space2 .Chunk.BackgroundPlate2 {background-image: url('graphics/games/space2/backgrounds/2.png'); background-size: contain;}
.Space2 .Chunk.BackgroundPlate3 {background-image: url('graphics/games/space2/backgrounds/3.png'); background-size: 100%;}
.Space .Level1 #Cell0-0 .Chunk {background-image: url('graphics/games/space2/backgrounds/earth.png'); background-size: 100% 50%; background-position: 0% 94%; background-repeat: no-repeat}
.Space #Background1 {display: block; background-image: url('graphics/textures/stars.png'); background-size: 160%; animation: BackgroundScrollDown 2400s linear infinite; animation-play-state: var(--AnimationPlayState);}
.Space #Background2 {display: block; background-image: url('graphics/textures/stars2.png'); background-size: 130%; animation: BackgroundScrollDown 2400s linear infinite; animation-play-state: var(--AnimationPlayState);}
.Space #Background7 {will-change: background-position; display: block; background-image: url('graphics/textures/space.png'); background-size: 100%; animation: BackgroundScrollDown 2400s linear infinite; background-color: black; animation-play-state: var(--AnimationPlayState);}

.Space .Cell, .Space .Row {overflow-y: visible;}
    .Space .Cell {margin-top: -1px; calc(1px + var(--WorldHeight));}
    
.Space2 .Wall .Image {background: limegreen; background-image: url('graphics/textures/alienbase.png'); background-size: 192px 96px !important;}
.Space2 .Level1 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(0deg);}
.Space2 .Level2 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(32.727272727273deg);}
.Space2 .Level3 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(65.454545454545deg);}
.Space2 .Level4 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(98.181818181818deg);}
.Space2 .Level5 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(130.90909090909deg);}
.Space2 .Level6 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(163.63636363636deg);}
.Space2 .Level7 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(196.36363636364deg);}
.Space2 .Level8 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(229.09090909091deg);}
.Space2 .Level9 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(261.81818181818deg);}
.Space2 .Level10 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(294.54545454545deg);}
.Space2 .Level11 .Wall:not(.Exploding) .Image, .Space2 #Background1 {filter: hue-rotate(327.27272727273deg);}

.SpaceBoss1 .Image {background-image: url("graphics/games/space/enemies/alien1.png");}
.SpaceBoss2 .Image {background-image: url("graphics/games/space/enemies/alien2.png");}
.SpaceBoss3 .Image {background-image: url("graphics/games/space/enemies/alien3.png");}
.SpaceBoss4 .Image {background-image: url("graphics/games/space/enemies/alien4.png");}
.SpaceBoss5 .Image {background-image: url("graphics/games/space/enemies/alien5.png");}
.SpaceBoss6 .Image {background-image: url("graphics/games/space/enemies/alien6.png");}
.SpaceBoss7 .Image {background-image: url("graphics/games/space/enemies/alien7.png");}
.SpaceBoss8 .Image {background-image: url("graphics/games/space/enemies/alien8.png");}
.SpaceBoss9 .Image {background-image: url("graphics/games/space/enemies/alien9.png");}
.SpaceBoss10 .Image {background-image: url("graphics/games/space/enemies/alien10.png");}
.SpaceBossFinalA .Image {background-image: url("graphics/games/space/enemies/alien11.png");}
.SpaceBossFinalB .Image {background-image: url("graphics/games/space/enemies/alien11.png");}
.SpaceBossFinalC .Image {background-image: url("graphics/games/space/enemies/alien11.png");}

.Space2 .SpaceBoss1 .Image {background-image: url("graphics/games/space2/enemies/space2alien1.png");}
.Space2 .SpaceBoss2 .Image {background-image: url("graphics/games/space2/enemies/space2alien2.png");}
.Space2 .SpaceBoss3 .Image {background-image: url("graphics/games/space2/enemies/space2alien3.png");}
.Space2 .SpaceBoss4 .Image {background-image: url("graphics/games/space2/enemies/space2alien4.png");}
.Space2 .SpaceBoss5 .Image {background-image: url("graphics/games/space2/enemies/space2alien5.png");}
.Space2 .SpaceBoss6 .Image {background-image: url("graphics/games/space2/enemies/space2alien6.png");}
.Space2 .SpaceBoss7 .Image {background-image: url("graphics/games/space2/enemies/space2alien7.png");}
.Space2 .SpaceBoss8 .Image {background-image: url("graphics/games/space2/enemies/space2alien8.png");}
.Space2 .SpaceBoss9 .Image {background-image: url("graphics/games/space2/enemies/space2alien9.png");}
.Space2 .SpaceBoss10 .Image {background-image: url("graphics/games/space2/enemies/space2alien10.png");}
.Space2 .SpaceBossFinalA .Image {background-image: url("graphics/games/space2/enemies/space2alien11.png");}
.Space2 .SpaceBossFinalB .Image {background-image: url("graphics/games/space2/enemies/space2alien11.png");}
.Space2 .SpaceBossFinalC .Image {background-image: url("graphics/games/space2/enemies/space2alien11.png");}
.Space2 .Boss .Image {filter: none !important;}

.Space .Alien {width: 50px; height: 50px;}
.Space2 .Alien {width: 50px; height: 80px;}
.Space .Alien:not(.Exploding).Alien0 .Image{background-image: url('graphics/games/space/enemies/alien0.png');}
.Space2 .Alien:not(.Exploding).Alien0 .Image{background-image: url('graphics/games/space2/enemies/space2alien0.png');}
.Space .Alien:not(.Exploding).Alien1 .Image{background-image: url('graphics/games/space/enemies/alien1.png');}
.Space2 .Alien:not(.Exploding).Alien1 .Image{background-image: url('graphics/games/space2/enemies/space2alien1.png');}
.Space .Alien:not(.Exploding).Alien2 .Image{background-image: url('graphics/games/space/enemies/alien2.png');}
.Space2 .Alien:not(.Exploding).Alien2 .Image{background-image: url('graphics/games/space2/enemies/space2alien2.png');}
.Space .Alien:not(.Exploding).Alien3 .Image{background-image: url('graphics/games/space/enemies/alien3.png');}
.Space2 .Alien:not(.Exploding).Alien3 .Image{background-image: url('graphics/games/space2/enemies/space2alien3.png');}
.Space .Alien:not(.Exploding).Alien4 .Image{background-image: url('graphics/games/space/enemies/alien4.png');}
.Space2 .Alien:not(.Exploding).Alien4 .Image{background-image: url('graphics/games/space2/enemies/space2alien4.png');}
.Space .Alien:not(.Exploding).Alien5 .Image{background-image: url('graphics/games/space/enemies/alien5.png');}
.Space2 .Alien:not(.Exploding).Alien5 .Image{background-image: url('graphics/games/space2/enemies/space2alien5.png');}
.Space .Alien:not(.Exploding).Alien6 .Image{background-image: url('graphics/games/space/enemies/alien6.png');}
.Space2 .Alien:not(.Exploding).Alien6 .Image{background-image: url('graphics/games/space2/enemies/space2alien6.png');}
.Space .Alien:not(.Exploding).Alien7 .Image{background-image: url('graphics/games/space/enemies/alien7.png');}
.Space2 .Alien:not(.Exploding).Alien7 .Image{background-image: url('graphics/games/space2/enemies/space2alien7.png');}
.Space .Alien:not(.Exploding).Alien8 .Image{background-image: url('graphics/games/space/enemies/alien8.png');}
.Space2 .Alien:not(.Exploding).Alien8 .Image{background-image: url('graphics/games/space2/enemies/space2alien8.png');}
.Space .Alien:not(.Exploding).Alien9 .Image{background-image: url('graphics/games/space/enemies/alien9.png');}
.Space2 .Alien:not(.Exploding).Alien9 .Image{background-image: url('graphics/games/space2/enemies/space2alien9.png');}
.Space .Alien:not(.Exploding).Alien10 .Image{background-image: url('graphics/games/space/enemies/alien10.png');}
.Space2 .Alien:not(.Exploding).Alien10 .Image{background-image: url('graphics/games/space2/enemies/space2alien10.png');}

.Space .Item .Image {background-color: var(--itemColor);}

.Space .Item.Collected .Image {animation-duration: 0.2s;}
.Space .ShieldItem.Collected .Image {animation-duration: 1s;}
.Space .ShieldItem:not(.Exploding) .Image {box-shadow: 0px 0px 2px var(--itemColor), 0px 0px 10px var(--itemColor), 0px 0px 20px var(--itemColor);}
.Space .ShieldItem.Collected .Image {background-color: limegreen; box-shadow: 0px 0px 2px limegreen, 0px 0px 10px limegreen, 0px 0px 20px limegreen;}