diff --git a/www/css/main.css b/www/css/main.css
index b3f9394..eac6cff 100644
--- a/www/css/main.css
+++ b/www/css/main.css
@@ -60,9 +60,13 @@ body>nav>section>button{
     color:#c0c0c0;
     border:0;
     outline:0;
-} body>nav>section>button:hover{
+}
+body>nav>section>button.selected{
+    background-color:#343434;
+}
+body>nav>section>button:hover{
     background-color:#383838;
-    color:#e0e0e0;
+    color:hsl(0, 0%, 88%);
 }
 
 body>nav>header{
diff --git a/www/js/scene.js b/www/js/scene.js
index d5dfb52..bb3c617 100644
--- a/www/js/scene.js
+++ b/www/js/scene.js
@@ -23,7 +23,7 @@ const SCENES = {
     Register:{
         load() {
             if(CONTEXT.Auth !== null) return false;
-            UI.mainmenu();
+            UI.mainmenu("register");
             UI.mainnav([], []);
 
             let container = document.createElement("section");
@@ -112,7 +112,7 @@ const SCENES = {
     Authenticate:{
         load() {
             if(CONTEXT.Auth !== null) return false;
-            UI.mainmenu();
+            UI.mainmenu("authenticate");
             UI.mainnav([], []);
 
             let container = document.createElement("section");
@@ -188,7 +188,7 @@ const SCENES = {
                 records:[],
             };
 
-            UI.mainmenu();
+            UI.mainmenu("browse");
 
             let left_buttons = [ ];
             if(CONTEXT.Auth !== null) {
@@ -250,7 +250,7 @@ const SCENES = {
                 records:[],
             };
 
-            UI.mainmenu();
+            UI.mainmenu("continue");
 
             let left_buttons = [ ];
             if(CONTEXT.Auth !== null) {
@@ -312,7 +312,7 @@ const SCENES = {
                 records:[],
             };
 
-            UI.mainmenu();
+            UI.mainmenu("join");
 
             let left_buttons = [ ];
             if(CONTEXT.Auth !== null) {
@@ -372,7 +372,7 @@ const SCENES = {
                 records:[],
             };
 
-            UI.mainmenu();
+            UI.mainmenu("live");
 
             let left_buttons = [ ];
             if(CONTEXT.Auth !== null) {
@@ -432,7 +432,7 @@ const SCENES = {
                 records:[],
             };
 
-            UI.mainmenu();
+            UI.mainmenu("history");
 
             let left_buttons = [ ];
 
@@ -481,7 +481,7 @@ const SCENES = {
 
     Guide:{
         load() {
-            UI.mainmenu();
+            UI.mainmenu("guide");
             UI.mainnav([
                 UI.button("Game", () => { }),
                 UI.button("Interface", () => { }),
@@ -500,7 +500,7 @@ const SCENES = {
 
     About:{
         load() {
-            UI.mainmenu();
+            UI.mainmenu("about");
             UI.mainnav([], []);
 
 
diff --git a/www/js/ui.js b/www/js/ui.js
index 980b8c8..625faf1 100644
--- a/www/js/ui.js
+++ b/www/js/ui.js
@@ -3,9 +3,10 @@ const UI = {
         return document.createTextNode(value);
     },
 
-    button(text, callback) {
+    button(text, callback, select=false) {
         let button = document.createElement("button");
         button.innerText = text;
+        if(select) { button.setAttribute("class", "selected"); }
         if(callback !== null) { button.addEventListener("click", callback); }
         return button;
     },
@@ -109,21 +110,21 @@ const UI = {
         MENU.appendChild(section);
     },
 
-    mainmenu() {
+    mainmenu(page) {
         if(SOCKET !== null) {
             let top = [ ];
             let bottom = [ ];
 
-            top.push(UI.button("Browse", () => { LOAD(SCENES.Browse); }));
+            top.push(UI.button("Browse", () => { LOAD(SCENES.Browse); }, page == "browse"));
             if(CONTEXT.Auth !== null) {
-                top.push(UI.button("Continue", () => { LOAD(SCENES.Continue); }));
-                top.push(UI.button("Join", () => { LOAD(SCENES.Join); }));
+                top.push(UI.button("Continue", () => { LOAD(SCENES.Continue); }, page == "continue"));
+                top.push(UI.button("Join", () => { LOAD(SCENES.Join); }, page == "join"));
             }
-            top.push(UI.button("Live", () => { LOAD(SCENES.Live); }));
-            top.push(UI.button("History", () => { LOAD(SCENES.History); }));
-            top.push(UI.button("Practice", () => { LOAD(SCENES.GamePractice); }));
-            top.push(UI.button("Guide", () => { LOAD(SCENES.Guide); }));
-            top.push(UI.button("About", () => { LOAD(SCENES.About); }));
+            top.push(UI.button("Live", () => { LOAD(SCENES.Live); }, page == "live"));
+            top.push(UI.button("History", () => { LOAD(SCENES.History); }, page == "history"));
+            top.push(UI.button("Practice", () => { LOAD(SCENES.GamePractice); }, page == "practice"));
+            top.push(UI.button("Guide", () => { LOAD(SCENES.Guide); }, page == "guide"));
+            top.push(UI.button("About", () => { LOAD(SCENES.About); }, page == "about"));
 
             if(CONTEXT.Auth !== null) {
                 bottom.push(UI.button("Logout", () => {