Controller: Separate game and view loops

public/src/css/loader.css

@@ -1,3 +1,31 @@
+html,
+body{
+	margin: 0;
+	width: 100%;
+	height: 100%;
+	background: #fe7839;
+	position: absolute;
+	user-select: none;
+	touch-action: none;
+	overflow: hidden;
+}
+#screen{
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	background-color: #000;
+	background-position: top center;
+	background-size: 30vh;
+	font-family: TnT, Meiryo, sans-serif;
+}
+#screen.pattern-bg{
+	background-color: #fe7839;
+}
+#assets,
+#browse{
+	display: none;
+}
 #loader{
 	width:90%;
 	height:10%;

public/src/css/main.css

@@ -1,28 +1,3 @@
-html,
-body{
-	margin: 0;
-	width: 100%;
-	height: 100%;
-	background: #fe7839;
-	position: absolute;
-	user-select: none;
-	touch-action: none;
-	overflow: hidden;
-}
-#screen{
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	background-color: #fe7839;
-	background-position: top center;
-	background-size: 30vh;
-	font-family: TnT, Meiryo, sans-serif;
-}
-#assets,
-#browse{
-	display: none;
-}
 .window{
 	width: 60vmin;
 	height: 23vmin;
@@ -40,40 +15,6 @@ body{
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
-	
-}
-.stroke-main{
-	font-weight: 300;
-}
-.result-title{
-	margin-top: 9px !important;
-	margin-left: 5px !important;
-	z-index: 1;
-}
-.result-song,
-.game-song{
-	position: absolute;
-	right: 0;
-	font-size: 5vmin;
-	margin: 3vmin 3vmin 0px 0px;
-	color: white;
-	float: right;
-	z-index: 1;
-	font-weight: 300;
-}
-.stroke-main::before{
-	content: attr(alt);
-	left: 0;
-	z-index: -1;
-	position: absolute;
-	-webkit-text-stroke: 0.3em #fb3c0c;
-}
-.stroke-main::after{
-	content: attr(alt);
-	left: 0;
-	z-index: -2;
-	position: absolute;
-	-webkit-text-stroke: 0.5em #000;
 }
 .stroke-sub::before{
 	content: attr(alt);
@@ -82,44 +23,6 @@ body{
 	left: 0;
 	z-index: -1;
 }
-.don{
-	background-position-y: 0;
-	position: absolute;
-	top: 0px;
-}
-.alpha-title .song-title-char{
-	transform: scale(1.3, 1);
-	font-size: 80%;
-	line-height: 22px;
-}
-.song-title-apos{
-	padding-left: 4px;
-}
-.song-title-char[alt="ぁ"],
-.song-title-char[alt="ぃ"],
-.song-title-char[alt="ぅ"],
-.song-title-char[alt="ぇ"],
-.song-title-char[alt="ぉ"],
-.song-title-char[alt="ゃ"],
-.song-title-char[alt="ゅ"],
-.song-title-char[alt="ょ"],
-.song-title-char[alt="っ"],
-.song-title-char[alt="ァ"],
-.song-title-char[alt="ィ"],
-.song-title-char[alt="ゥ"],
-.song-title-char[alt="ェ"],
-.song-title-char[alt="ォ"],
-.song-title-char[alt="ャ"],
-.song-title-char[alt="ュ"],
-.song-title-char[alt="ョ"],
-.song-title-char[alt="ッ"]{
-	margin-top: -6px;
-}
-.song-title-char[alt="ー"],
-.song-title-char[alt="-"]{
-	transform: rotate(95deg);
-	font-size: 90%;
-}
 #tutorial-outer{
 	display: flex;
 	justify-content: center;