Use carousel button on prelaunch; more cleanup

res/rml/prelaunch.rcss

@@ -143,6 +143,74 @@ eyebrow span {
     transition: decorator color opacity 0.1s linear-in-out;
 }
 
+#menu-list button.game-mode-button {
+    position: relative;
+    padding: 0;
+    overflow: visible;
+}
+
+#menu-list game-mode-label-viewport {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border-radius: 8dp;
+    pointer-events: none;
+    z-index: 0;
+}
+
+#menu-list game-mode-label {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 8dp 16dp;
+    opacity: 0;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: opacity 0.24s cubic-in-out;
+}
+
+#menu-list game-mode-label.active {
+    opacity: 1;
+}
+
+#menu-list game-mode-previous,
+#menu-list game-mode-next {
+    display: none;
+    position: absolute;
+    top: 0;
+    width: 48dp;
+    height: 54dp;
+    align-items: center;
+    justify-content: center;
+    color: #FFFFFF;
+    font-family: "Material Symbols Rounded";
+    font-weight: normal;
+    font-size: 30dp;
+    z-index: 1;
+}
+
+#menu-list game-mode-previous {
+    left: -48dp;
+    decorator: text("" center center);
+}
+
+#menu-list game-mode-next {
+    right: -48dp;
+    decorator: text("" center center);
+}
+
+#menu-list button.game-mode-button.can-cycle game-mode-previous,
+#menu-list button.game-mode-button.can-cycle game-mode-next {
+    display: flex;
+}
+
 #menu-list button:hover,
 #menu-list button:focus-visible {
     color: black;
@@ -366,34 +434,6 @@ body.animate-in .intro-item {
     transition: opacity transform 0.3s 0.7s cubic-in-out;
 }
 
-/* Locks the menu element to not go below the disc status element */
-@media (max-height: 900dp) {
-    menu {
-        top: auto;
-        bottom: 150dp;
-        transform: none;
-        gap: 24dp;
-    }
-
-    hero {
-        gap: 2dp;
-        max-height: 220dp;
-    }
-
-    hero img {
-        width: 80%;
-        max-height: 180dp;
-    }
-}
-
-@media (max-height: 750dp) {
-    #menu-list button {
-        font-size: 26dp;
-        height: 45dp;
-        text-align: right;
-    }
-}
-
 /* Mobile layout */
 @media (max-height: 640dp) {
     .gradient {
@@ -447,8 +487,6 @@ body.animate-in .intro-item {
     #menu-list button {
         width: 100%;
         max-width: 100%;
-        font-size: 23dp;
-        height: 40dp;
         text-align: right;
     }