diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index af7085d..086178a 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -44,6 +44,8 @@ const { t } = useI18n()
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -80,28 +82,36 @@ const { t } = useI18n()
   background: rgba(255, 255, 255, 0.12);
 }
 
+.menu-btn:focus-visible,
+.menu-sub:focus-visible {
+  outline: 2px solid #c9a84c;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
 .menu-btn.primary {
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(201, 168, 76, 0.15);
+  border-color: rgba(201, 168, 76, 0.3);
   padding: 20px 72px;
   font-size: 24px;
   letter-spacing: 6px;
 }
 
 .menu-btn.primary:hover {
-  background: rgba(255, 255, 255, 0.2);
+  background: rgba(201, 168, 76, 0.25);
 }
 
 .menu-btn.secondary {
-  background: rgba(100, 200, 255, 0.06);
-  border-color: rgba(100, 200, 255, 0.2);
-  color: #7cb8e4;
+  background: rgba(201, 168, 76, 0.06);
+  border-color: rgba(201, 168, 76, 0.15);
+  color: #c9a84c;
   font-size: 14px;
   padding: 12px 40px;
   letter-spacing: 2px;
 }
 
 .menu-btn.secondary:hover {
-  background: rgba(100, 200, 255, 0.12);
+  background: rgba(201, 168, 76, 0.12);
 }
 
 .menu-sub-row {
@@ -114,8 +124,8 @@ const { t } = useI18n()
 .menu-sub {
   background: none;
   border: none;
-  color: #777;
-  font-size: 13px;
+  color: #999;
+  font-size: 14px;
   cursor: pointer;
   padding: 4px 8px;
   transition: color 0.15s;