From c5b1bca6c6f305f83d4012aee95443031c39f658 Mon Sep 17 00:00:00 2001
From: evanpelle <evanpelle@gmail.com>
Date: Thu, 20 Nov 2025 19:35:07 -0800
Subject: [PATCH] fix z-index of homepage modals & buttons so modals always
 appear above the buttons

---
 src/client/AccountModal.ts  | 2 +-
 src/client/LanguageModal.ts | 2 +-
 src/client/StatsModal.ts    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/client/AccountModal.ts b/src/client/AccountModal.ts
index 01762b942..e20a9613e 100644
--- a/src/client/AccountModal.ts
+++ b/src/client/AccountModal.ts
@@ -390,7 +390,7 @@ export class AccountButton extends LitElement {
     }
 
     return html`
-      <div class="fixed top-4 right-4 z-[9999]">
+      <div class="fixed top-4 right-4 z-[9998]">
         <button
           @click="${this.open}"
           class="w-12 h-12 bg-blue-600 hover:bg-blue-700 text-white rounded-full shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center text-xl focus:outline-none focus:ring-4 focus:ring-blue-500 focus:ring-offset-4"
diff --git a/src/client/LanguageModal.ts b/src/client/LanguageModal.ts
index 41dcc5c97..cff548892 100644
--- a/src/client/LanguageModal.ts
+++ b/src/client/LanguageModal.ts
@@ -64,7 +64,7 @@ export class LanguageModal extends LitElement {
 
     return html`
       <aside
-        class="fixed p-4 z-[1000] inset-0 bg-black/50 overflow-y-auto flex items-center justify-center"
+        class="fixed p-4 z-[9999] inset-0 bg-black/50 overflow-y-auto flex items-center justify-center"
       >
         <div
           class="bg-gray-800/80 dark:bg-gray-900/90 backdrop-blur-md rounded-lg min-w-[340px] max-w-[480px] w-full"
diff --git a/src/client/StatsModal.ts b/src/client/StatsModal.ts
index eff3b7125..b70607fce 100644
--- a/src/client/StatsModal.ts
+++ b/src/client/StatsModal.ts
@@ -210,7 +210,7 @@ export class StatsButton extends LitElement {
     }
 
     return html`
-      <div class="fixed top-20 right-4 z-[9999]">
+      <div class="fixed top-20 right-4 z-[9998]">
         <button
           @click="${this.open}"
           class="w-12 h-12 bg-blue-600 hover:bg-blue-700 text-white rounded-full shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center text-xl focus:outline-none focus:ring-4 focus:ring-blue-500 focus:ring-offset-4"