app/src/components/Scene.tsx

@@ -8,6 +8,7 @@ import Leaderboard from "./Leaderboard";
 import { usePlayer } from "../providers/PlayerProvider";
 import Boss from "./Boss";
 import BossInfo from "./BossInfo";
+import Link from "next/link";
 
 const bossToMountainsClass = {
   0: styles.mountains0,
@@ -53,6 +54,7 @@ const Scene = () => {
     >
       🏆 <span className={styles.hideMobile}>Top players</span>
     </button>
+    <Link href="/metrics" className={styles.metricsButton}>📈 <span className={styles.hideMobile}>Game metrics</span></Link>
     {isLeaderboardOpen && (
       <div className={styles.leaderboardOverlay}>
         <div className={styles.leaderboardContent}>

app/src/styles/Background.module.css

@@ -402,7 +402,8 @@
   }
 }
 
-.leaderboardButton {
+.leaderboardButton,
+.metricsButton {
   position: absolute;
   top: 30px;
   left: 80px;
@@ -425,6 +426,12 @@
     }
   }
 }
+.metricsButton {
+  left: auto;
+  top: auto;
+  right: 32px;
+  bottom: 32px;
+}
 
 .leaderboardButton:hover {
   transform: scale(1.1);