.eggs .body {
	padding: 0 10px;
}

.eggs .info {
	margin-bottom: 2em;
}

.eggs .fullscreen {
	display: grid;
	grid-template-columns: 1fr 320px 1fr;
	min-width: 320px;
}

.eggs .fullscreen .left-controlls,
.eggs .fullscreen .right-controlls {
	display: none;
	min-width: 80px;
	max-height: 300px;
}

.eggs .fullscreen:fullscreen {
	grid-template-columns: 1fr 320px 1fr;
}

.eggs .fullscreen:fullscreen .left-controlls,
.eggs .fullscreen:fullscreen .right-controlls {
	display: grid;
}

.eggs .buttons {
	display: grid;
	grid-template-columns: 100px 100px 100px;
	column-gap: 6px;;
	margin-bottom: 6px;
}

.eggs .topscore {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 6px;
	width: 320px;
}

.eggs .device {

}
.eggs .toggle-fullscreen {
	cursor: pointer;
	font-family: monospace;
	text-align: end;
	color: #68A5FF;
}

.eggs .virtual-button {
	border: 1px dotted #006001;
	border-radius: 300px;
}



.eggs .board {
	position: relative;
	width: 316px;
	height: 209px;
	background: url('/eggs/board.png') no-repeat 0 0 transparent;
	border-radius: 10px;
	margin-bottom: 1.5em;
	margin: 0 auto;
}

.eggs .lcd {
	position: absolute;
	background: url('/eggs/sprite.png') no-repeat 0 0 transparent;
}

.eggs .egg {
	width: 10px;
	height: 10px;
}

.eggs #eggLB1 {
	background-position: 0 0;
	left: 30px;
	top: 118px;
}

.eggs #eggLB2 {
	background-position: -10px 0;
	left: 40px;
	top: 124px;
}

.eggs #eggLB3 {
	background-position: -20px 0;
	left: 51px;
	top: 129px;
}

.eggs #eggLB4 {
	background-position: -30px 0;
	left: 62px;
	top: 137px;
}

.eggs #eggLB5 {
	background-position: -40px 0;
	left: 71px;
	top: 143px;
}

.eggs #eggLT1 {
	background-position: 0 -10px;
	left: 32px;
	top: 74px;
}

.eggs #eggLT2 {
	background-position: -10px -10px;
	left: 40px;
	top: 78px;
}

.eggs #eggLT3 {
	background-position: -20px -10px;
	left: 52px;
	top: 86px;
}

.eggs #eggLT4 {
	background-position: -30px -10px;
	left: 62px;
	top: 91px;
}

.eggs #eggLT5 {
	background-position: -40px -10px;
	left: 71px;
	top: 100px;
}

.eggs #eggRB1 {
	background-position: 0 -20px;
	left: 278px;
	top: 120px;
}

.eggs #eggRB2 {
	background-position: -10px -20px;
	left: 267px;
	top: 126px;
}

.eggs #eggRB3 {
	background-position: -20px -20px;
	left: 256px;
	top: 130px;
}

.eggs #eggRB4 {
	background-position: -30px -20px;
	left: 245px;
	top: 138px;
}

.eggs #eggRB5 {
	background-position: -40px -20px;
	left: 236px;
	top: 147px;
}

.eggs #eggRT1 {
	background-position: 0 -30px;
	left: 279px;
	top: 74px;
}

.eggs #eggRT2 {
	background-position: -10px -30px;
	left: 269px;
	top: 79px;
}

.eggs #eggRT3 {
	background-position: -20px -30px;
	left: 257px;
	top: 87px;
}

.eggs #eggRT4 {
	background-position: -30px -30px;
	left: 246px;
	top: 91px;
}

.eggs #eggRT5 {
	background-position: -40px -30px;
	left: 238px;
	top: 102px;
}

.eggs .score {
	background-position: -104px -40px;
	width: 13px;
	height: 23px;
	top: 25px;
}

.eggs #score1 {
	left: 236px;
}

.eggs #score2 {
	left: 214px
}

.eggs #score3 {
	left: 192px;
}

.eggs #score4 {
	left: 170px;
}

.eggs #fallL {
	background-position: 0 -63px;
	width: 45px;
	height: 12px;
	left: 63px;
	top: 186px;
}

.eggs #fallL1 {
	background-position: -45px -63px;
	width: 21px;
	height: 23px;
	left: 75px;
	top: 183px;
}

.eggs #fallL2 {
	background-position: -66px -63px;
	width: 21px;
	height: 23px;
	left: 55px;
	top: 156px;
}

.eggs #fallL3 {
	background-position: -87px -63px;
	width: 15px;
	height: 23px;
	left: 43px;
	top: 171px;
}

.eggs #fallL4 {
	background-position: -102px -63px;
	width: 15px;
	height: 23px;
	left: 27px;
	top: 172px;
}

.eggs #fallL5 {
	background-position: -117px -63px;
	width: 18px;
	height: 23px;
	left: 8px;
	top: 172px;
}

.eggs #fallR {
	background-position: 0 -86px;
	width: 47px;
	height: 12px;
	left: 203px;
	top: 186px;
}

.eggs #fallR1 {
	background-position: -47px -86px;
	width: 18px;
	height: 21px;
	left: 217px;
	top: 182px;
}

.eggs #fallR2 {
	background-position: -65px -86px;
	width: 22px;
	height: 21px;
	left: 238px;
	top: 159px;
}

.eggs #fallR3 {
	background-position: -87px -86px;
	width: 15px;
	height: 21px;
	left: 258px;
	top: 173px;
}

.eggs #fallR4 {
	background-position: -102px -86px;
	width: 14px;
	height: 21px;
	left: 276px;
	top: 173px;
}

.eggs #fallR5 {
	background-position: -116px -86px;
	width: 14px;
	height: 21px;
	left: 293px;
	top: 172px;
}

.eggs #err1 {
	background-position: -50px 0;
	width: 49px;
	height: 33px;
	left: 185px;
	top: 53px;
}

.eggs #err2 {
	background-position: -79px -13px;
	width: 20px;
	height: 20px;
	left: 191px;
	top: 66px;
}

.eggs #err3 {
	background-position: -79px -13px;
	width: 20px;
	height: 20px;
	left: 167px;
	top: 66px;
}

.eggs #duck {
	background-position: 0 -107px;
	width: 34px;
	height: 51px;
	left: 49px;
	top: 19px;
}

.eggs #wolfL {
	background-position: -34px -107px;
	width: 63px;
	height: 91px;
	left: 101px;
	top: 92px;
}

.eggs #wolfR {
	background-position: -97px -107px;
	width: 54px;
	height: 91px;
	left: 158px;
	top: 92px;
}

.eggs #wolfLT {
	background-position: 0 -198px;
	width: 52px;
	height: 33px;
	left: 67px;
	top: 105px;
}

.eggs #wolfLB {
	background-position: -52px -198px;
	width: 47px;
	height: 33px;
	left: 73px;
	top: 140px;
}

.eggs #wolfRT {
	background-position: -100px -198px;
	width: 47px;
	height: 33px;
	left: 202px;
	top: 106px;
}

.eggs #wolfRB {
	background-position: -100px 0;
	width: 43px;
	height: 37px;
	left: 199px;
	top: 140px;
}

.eggs .eggs_info {
	margin-left: 10px;
}

.eggs #eggs_start,
.eggs #eggs_end {
	display: none;
}

.eggs .rules {
	margin-bottom: 3em;
}

.eggs .rules h2 {
	line-height: 2em;
	font-size: 130%;
	font-weight: normal;
}

.eggs .rules p {
	margin-bottom: 1em;
}

.eggs .rules li {
	margin-bottom: 0.5em;

}

.eggs key {
	padding: 2px 4px;
	font-size: 90%;
	color: #000;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.eggs .game-button.active {
	background-color: #888;
	border-color: #ddd;
	color: #ddd;
}