SongSelect: Add Settings

- Resolution can be adjusted, as well as touch drum animation on mobile
- A translation text file "songtitle.txt" can be imported
  - Titles and translated titles are each on their own line, if a line begins with a language code, it will translate the song title that is above
  - An example file can be found here: https://gist.github.com/LoveEevee/65fe66f0b54c0536f96fd2f4862984d4
- The page will fail to load if version on the page does not match /api/config
- Disabled Tab key while playing, before hitting it would focus the version link
- Fix forcing branches in debug not working
- Fixed not being able to click on songs that do not have oni but have ura
- Fix unexpected category being used as a fallback
- Fix verticalText and layeredText not accepting anything except strings

public/src/css/main.css

@@ -92,7 +92,8 @@ kbd{
 	color: #000;
 }
 .taibtn:hover,
-#tutorial-end-button:hover{
+#tutorial-end-button:hover,
+#tutorial-end-button.selected{
 	position: relative;
 	z-index: 1;
 	color: #fff;
@@ -147,6 +148,47 @@ kbd{
 	cursor: text;
 	overflow: hidden;
 }
+.setting-box{
+	display: flex;
+	height: 2em;
+	margin-top: 1.2em;
+	border: 0.25em solid #000;
+	border-radius: 0.5em;
+	padding: 0.3em;
+	outline: none;
+	color: #000;
+	cursor: pointer;
+}
+.setting-box:first-child{
+	margin-top: 0;
+}
+#tutorial-content:not(:hover) .setting-box.selected,
+.setting-box:hover{
+	background: #ffb547;
+	border-color: #21211a;
+}
+.setting-name{
+	position: relative;
+	width: 50%;
+	padding: 0.3em;
+	font-size: 1.3em;
+	box-sizing: border-box;
+}
+#tutorial-content:not(:hover) .setting-box.selected .setting-name,
+.setting-box:hover .setting-name{
+	color: #fff;
+	z-index: 0;
+}
+.setting-name::before{
+	padding-left: 0.3em;
+}
+.setting-value{
+	background: #fff;
+	width: 50%;
+	border-radius: 0.2em;
+	padding: 0.5em;
+	box-sizing: border-box;
+}
 @keyframes bgscroll{
 	from{
 		background-position: 0 top;