diff --git a/public/css/main-site.css b/public/css/main-site.css
index 2a24337..0880e21 100644
--- a/public/css/main-site.css
+++ b/public/css/main-site.css
@@ -448,44 +448,42 @@ footer a:hover {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
-
-/* -- */
-
 .nav-btn2 {
-  display: inline-block;
-  padding: 0.5rem 1rem;
-  background: linear-gradient(to right, #14b8a6, #3b82f6);
-  color: white;
-  text-decoration: none;
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: transform 0.2s, box-shadow 0.2s;
-  min-width: 100px;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    background: linear-gradient(to right, #14b8a6, #3b82f6);
+    color: white;
+    text-decoration: none;
+    border-radius: 0.375rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    transition: transform 0.2s, box-shadow 0.2s;
+    min-width: 100px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
 }
 
 .nav-btn2::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
-  transition: left 0.4s ease;
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+    transition: left 0.4s ease;
 }
 
 .nav-btn2:hover::before {
-  left: 100%;
+    left: 100%;
 }
 
 .nav-btn2:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
+
 /* Hamburger Menu Styles */
 .hamburger {
     display: none;
@@ -526,18 +524,37 @@ footer a:hover {
     visibility: visible;
 }
 
-.mobile-nav-container ul li a {
-    display: block;
-    padding: 1rem 2rem;
-    border-radius: 8px;
-    transition: background 0.3s ease;
-    font-size: 1.25rem;
-    text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
-    transform: translateZ(0);
+.mobile-nav-container ul li {
+    display: flex;
+    justify-content: center;
 }
 
-.mobile-nav-container ul li a:hover {
+.mobile-nav-container ul li a,
+.mobile-nav-container ul li button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 200px;
+    padding: 1rem;
+    margin: 0;
+    border-radius: 8px;
+    font-size: 1.25rem;
+    font-weight: 500;
+    text-decoration: none;
+    color: white;
+    background: linear-gradient(to right, #14b8a6, #3b82f6);
+    transition: transform 0.3s ease, background 0.3s ease;
+    text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
+    transform: translateZ(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.mobile-nav-container ul li a:hover,
+.mobile-nav-container ul li button:hover {
     transform: translateX(10px);
+    background: linear-gradient(to right, #3b82f6, #14b8a6);
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
 
 /* Safari-specific fix for particle rendering */
@@ -595,8 +612,10 @@ footer a:hover {
     .minecraft-font.text-3xl {
         font-size: 1.5rem;
     }
-    .mobile-nav-container ul li a {
+    .mobile-nav-container ul li a,
+    .mobile-nav-container ul li button {
         font-size: 1rem;
-        padding: 0.75rem 1.5rem;
+        padding: 0.75rem;
+        width: 180px;
     }
 }
\ No newline at end of file
diff --git a/public/css/main-site.min.css b/public/css/main-site.min.css
index 61549a4..ffffaa8 100644
--- a/public/css/main-site.min.css
+++ b/public/css/main-site.min.css
@@ -223,9 +223,6 @@
   }
 }
 @layer utilities {
-  .pointer-events-none {
-    pointer-events: none;
-  }
   .absolute {
     position: absolute;
   }
@@ -241,39 +238,12 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .top-1 {
-    top: calc(var(--spacing) * 1);
-  }
-  .top-2 {
-    top: calc(var(--spacing) * 2);
-  }
-  .top-4 {
-    top: calc(var(--spacing) * 4);
-  }
-  .right-2 {
-    right: calc(var(--spacing) * 2);
-  }
-  .right-4 {
-    right: calc(var(--spacing) * 4);
-  }
-  .bottom-4 {
-    bottom: calc(var(--spacing) * 4);
-  }
-  .left-1 {
-    left: calc(var(--spacing) * 1);
-  }
   .z-2 {
     z-index: 2;
   }
   .z-50 {
     z-index: 50;
   }
-  .z-\[1000\] {
-    z-index: 1000;
-  }
-  .z-\[99998\] {
-    z-index: 99998;
-  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -355,66 +325,33 @@
   .inline-block {
     display: inline-block;
   }
-  .table {
-    display: table;
-  }
-  .h-0 {
-    height: calc(var(--spacing) * 0);
-  }
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
-  .h-6 {
-    height: calc(var(--spacing) * 6);
-  }
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
-  .h-28 {
-    height: calc(var(--spacing) * 28);
-  }
-  .h-32 {
-    height: calc(var(--spacing) * 32);
-  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
-  .h-\[30vh\] {
-    height: 30vh;
-  }
-  .h-\[35vh\] {
-    height: 35vh;
-  }
-  .h-\[40vh\] {
-    height: 40vh;
-  }
   .h-full {
     height: 100%;
   }
-  .max-h-\[80vh\] {
-    max-height: 80vh;
-  }
   .max-h-\[calc\(95vh-10rem\)\] {
     max-height: calc(95vh - 10rem);
   }
   .min-h-full {
     min-height: 100%;
   }
-  .w-1 {
-    width: calc(var(--spacing) * 1);
-  }
   .w-1\/3 {
     width: calc(1/3 * 100%);
   }
-  .w-2 {
-    width: calc(var(--spacing) * 2);
-  }
   .w-2\/3 {
     width: calc(2/3 * 100%);
   }
@@ -427,9 +364,6 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
-  .w-16 {
-    width: calc(var(--spacing) * 16);
-  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -442,18 +376,9 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
-  .max-w-\[150px\] {
-    max-width: 150px;
-  }
-  .max-w-full {
-    max-width: 100%;
-  }
   .max-w-md {
     max-width: var(--container-md);
   }
-  .max-w-xl {
-    max-width: var(--container-xl);
-  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -466,23 +391,9 @@
   .flex-grow {
     flex-grow: 1;
   }
-  .border-collapse {
-    border-collapse: collapse;
-  }
-  .-translate-y-2 {
-    --tw-translate-y: calc(var(--spacing) * -2);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-y-2 {
-    --tw-translate-y: calc(var(--spacing) * 2);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .animate-spin {
-    animation: var(--animate-spin);
-  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -504,9 +415,6 @@
   .flex-col {
     flex-direction: column;
   }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
   .flex-row {
     flex-direction: row;
   }
@@ -528,9 +436,6 @@
   .justify-end {
     justify-content: flex-end;
   }
-  .gap-1 {
-    gap: calc(var(--spacing) * 1);
-  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -611,18 +516,6 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-1 {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-  .border-2 {
-    border-style: var(--tw-border-style);
-    border-width: 2px;
-  }
-  .border-4 {
-    border-style: var(--tw-border-style);
-    border-width: 4px;
-  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -631,25 +524,12 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .border-none {
-    --tw-border-style: none;
-    border-style: none;
-  }
   .border-\[rgba\(255\,255\,255\,0\.12\)\] {
     border-color: rgba(255,255,255,0.12);
   }
   .border-\[rgba\(255\,255\,255\,0\.15\)\] {
     border-color: rgba(255,255,255,0.15);
   }
-  .border-blue-400 {
-    border-color: var(--color-blue-400);
-  }
-  .border-gray-700 {
-    border-color: var(--color-gray-700);
-  }
-  .border-t-blue-600 {
-    border-top-color: var(--color-blue-600);
-  }
   .bg-\[rgba\(10\,17\,40\,0\.3\)\] {
     background-color: rgba(10,17,40,0.3);
   }
@@ -659,21 +539,9 @@
   .bg-black {
     background-color: var(--color-black);
   }
-  .bg-black\/75 {
-    background-color: color-mix(in srgb, #000 75%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
-    }
-  }
-  .bg-blue-400 {
-    background-color: var(--color-blue-400);
-  }
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
-  .bg-blue-800 {
-    background-color: var(--color-blue-800);
-  }
   .bg-cyan-600 {
     background-color: var(--color-cyan-600);
   }
@@ -692,9 +560,6 @@
       background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
     }
   }
-  .bg-gray-900 {
-    background-color: var(--color-gray-900);
-  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -710,27 +575,13 @@
   .bg-teal-600 {
     background-color: var(--color-teal-600);
   }
-  .bg-transparent {
-    background-color: transparent;
-  }
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-yellow-500 {
-    background-color: var(--color-yellow-500);
-  }
   .bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .from-blue-600 {
-    --tw-gradient-from: var(--color-blue-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .from-blue-700 {
-    --tw-gradient-from: var(--color-blue-700);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .from-teal-400 {
     --tw-gradient-from: var(--color-teal-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -742,9 +593,6 @@
   .bg-clip-text {
     background-clip: text;
   }
-  .p-1 {
-    padding: calc(var(--spacing) * 1);
-  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -769,21 +617,12 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
-  .py-0\.5 {
-    padding-block: calc(var(--spacing) * 0.5);
-  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
-  .py-4 {
-    padding-block: calc(var(--spacing) * 4);
-  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
@@ -799,9 +638,6 @@
   .text-center {
     text-align: center;
   }
-  .font-\[Minecraft\] {
-    font-family: Minecraft;
-  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -810,10 +646,6 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
-  .text-4xl {
-    font-size: var(--text-4xl);
-    line-height: var(--tw-leading, var(--text-4xl--line-height));
-  }
   .text-5xl {
     font-size: var(--text-5xl);
     line-height: var(--tw-leading, var(--text-5xl--line-height));
@@ -900,21 +732,10 @@
   .opacity-90 {
     opacity: 90%;
   }
-  .opacity-100 {
-    opacity: 100%;
-  }
-  .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1017,13 +838,6 @@
       }
     }
   }
-  .hover\:bg-yellow-600 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-yellow-600);
-      }
-    }
-  }
   .hover\:bg-gradient-to-r {
     &:hover {
       @media (hover: hover) {
@@ -1582,17 +1396,33 @@ footer a:hover {
   opacity: 1;
   visibility: visible;
 }
-.mobile-nav-container ul li a {
-  display: block;
-  padding: 1rem 2rem;
+.mobile-nav-container ul li {
+  display: flex;
+  justify-content: center;
+}
+.mobile-nav-container ul li a, .mobile-nav-container ul li button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 200px;
+  padding: 1rem;
+  margin: 0;
   border-radius: 8px;
-  transition: background 0.3s ease;
   font-size: 1.25rem;
+  font-weight: 500;
+  text-decoration: none;
+  color: white;
+  background: linear-gradient(to right, #14b8a6, #3b82f6);
+  transition: transform 0.3s ease, background 0.3s ease;
   text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
   transform: translateZ(0);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
-.mobile-nav-container ul li a:hover {
+.mobile-nav-container ul li a:hover, .mobile-nav-container ul li button:hover {
   transform: translateX(10px);
+  background: linear-gradient(to right, #3b82f6, #14b8a6);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
 @media not all and (min-resolution:.001dpcm) {
   .particle {
@@ -1646,26 +1476,12 @@ footer a:hover {
   .minecraft-font.text-3xl {
     font-size: 1.5rem;
   }
-  .mobile-nav-container ul li a {
+  .mobile-nav-container ul li a, .mobile-nav-container ul li button {
     font-size: 1rem;
-    padding: 0.75rem 1.5rem;
+    padding: 0.75rem;
+    width: 180px;
   }
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -1820,11 +1636,6 @@ footer a:hover {
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1930,9 +1741,6 @@ footer a:hover {
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -1967,7 +1775,6 @@ footer a:hover {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
diff --git a/public/css/style.min.css b/public/css/style.min.css
index a5ec6a6..afddc5c 100644
--- a/public/css/style.min.css
+++ b/public/css/style.min.css
@@ -325,6 +325,12 @@
   .inline-block {
     display: inline-block;
   }
+  .table {
+    display: table;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
@@ -349,9 +355,15 @@
   .min-h-full {
     min-height: 100%;
   }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
   .w-1\/3 {
     width: calc(1/3 * 100%);
   }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-2\/3 {
     width: calc(2/3 * 100%);
   }
@@ -391,6 +403,9 @@
   .flex-grow {
     flex-grow: 1;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -646,6 +661,10 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
   .text-5xl {
     font-size: var(--text-5xl);
     line-height: var(--tw-leading, var(--text-5xl--line-height));
@@ -736,6 +755,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1878,6 +1901,11 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -2032,6 +2060,7 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
diff --git a/public/index.html b/public/index.html
index 523d752..46e9d15 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,14 +43,6 @@
                     class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">System
                     Stats</a>
             </li>
-            <li class="mb-6">
-                <button id="mobileRefresh"
-                    class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">Refresh</button>
-            </li>
-            <li class="mb-6">
-                <button id="mobileBackupBtn"
-                    class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">Backup</button>
-            </li>
             <li class="mb-6">
                 <a href="https://info.my-mc.link"
                     class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
@@ -81,7 +73,7 @@
             <nav class="flex items-center gap-2 hidden md:flex">
                 <a href="https://my-mc.link" class="nav-btn">Home</a>
                 <a href="https://stats.my-mc.link" class="nav-btn" target="_blank">System Stats</a>
-                <button id="refresh" class="nav-btn">Refresh</button>
+                <button id="refresh" class="nav-btn control-btn">Refresh</button>
                 <button id="backupBtn" class="nav-btn">Backup</button>
                 <a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki</a>
                 <button id="logoutBtn" class="nav-btn">Logout</button>