* {margin: 0; padding: 0;}

html, body {width: 100%; height: 100%; text-align: center; overflow: hidden; touch-action: none;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
canvas {display: block; width: 100%; height: 100%; background: #000; overflow: hidden;}
#game {width: 800px; height: 550px; overflow: hidden; position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none; 
user-select: none;
touch-action:none;
user-select:none;
webkit-tap-highlight-color: transparent;
}

ol li {list-style-position: inside; line-height: 1.5em;}		
p {font-family: 'Press Start 2P', cursive;}
.moreGames, p.text {display: block; color: #fff; font-family: 'Press Start 2P', cursive; font-weight: normal; font-size: 19px; line-height: 1.3em; text-transform: uppercase; padding: 0; margin: 0;}
p.menuText {line-height: 2em;}
p.instructionsText {padding-bottom: 0.5em;}
p.scoreText {padding-bottom: 1em;} 
p.scoreAdvanceText {line-height: 1.5em;} 
p.creditText, p.livesText {padding: 0 1em 0.5em 0;}
p.menuHeaderText {font-weight: bold; font-size: 19px; line-height: 3em;}
p.smallText {font-size: 0.8em; line-height: 2em;}
p#insertCoins {line-height: 2em;margin-top: 2em;}
p#copyright {padding-bottom: 0.5em;}
p#copyright a {text-decoration: none; color: #fff;}
div.field {display: block; position: absolute; text-align: center;}
div.livesField {padding-left: 1em;}
div.scoreField {padding: 1em;}
div.menuFieldFrame {padding: 3em; border: 3px solid #0f0; background: #000;}
div.instructionsFieldFrame {padding: 3em; border: 3px solid #0f0; background: #000; text-align: left;}
.clickText {cursor: pointer;}
p#copyright a:hover, .clickText:hover {color: #0f0;}

p#play {
	display: block;
	overflow: hidden;
}
#span_container {
	display: inline-block;
	position: relative;	
	line-height: 50px;
	transition: left 4s linear 2s;	
}
#span_y {
	display: inline-block;
	position: relative;
	top: -5px;
	transform: rotate(180deg);
}
#span_y.end {
	top: 0px;
	transform: rotate(0deg);
}

ul#scoreAdvanceTable {text-align: left;}
ul#scoreAdvanceTable li {margin-left: 250px; line-height: 2em;}
ul#scoreAdvanceTable li span {display: inline-block; height: 32px; width: 48px; text-align: center;}
p.typewrite {display: inline-block; white-space: nowrap; overflow: hidden; margin-left: 1em;}
.startTypewrite {width: 0;}
ul#scoreAdvanceTable li span#span_score_mystery {width: 88px; width: 48px;}
ul#scoreAdvanceTable li span#span_score_30 {width: 32px;}
ul#scoreAdvanceTable li span#span_score_20 {width: 44px;}
ul#scoreAdvanceTable li span#span_score_10 {width: 48px;}