From 1d8c7ce59656cf7ff79f470e47826a47329d6cba Mon Sep 17 00:00:00 2001
From: Arkadiusz Sygulski <arkadiusz@sygulski.pl>
Date: Fri, 20 Feb 2026 23:24:59 +0100
Subject: [PATCH] UI changes

---
 src/client/GameModeSelector.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/GameModeSelector.ts b/src/client/GameModeSelector.ts
index 121527460..04f9e12d8 100644
--- a/src/client/GameModeSelector.ts
+++ b/src/client/GameModeSelector.ts
@@ -214,7 +214,7 @@ export class GameModeSelector extends LitElement {
     return html`
       <button
         @click=${() => this.validateAndJoin(lobby)}
-        class="group relative w-full aspect-square text-white uppercase rounded-2xl overflow-hidden transition-transform duration-200 hover:scale-[1.01] active:scale-[0.99] ${CARD_BG}"
+        class="group relative w-full aspect-square text-white uppercase rounded-2xl overflow-hidden transition-transform duration-200 hover:scale-[1.01] active:scale-[0.99] ring-1 ring-sky-400/30 shadow-[0_0_25px_-2px_rgba(56,189,248,0.2)] ${CARD_BG}"
       >
         ${mapImageSrc
           ? html`<img
@@ -300,7 +300,7 @@ export class GameModeSelector extends LitElement {
               src="${mapImageSrc}"
               alt="${mapName ?? lobby.gameConfig?.gameMap ?? "map"}"
               draggable="false"
-              class="absolute inset-0 w-full h-full object-contain object-center scale-[1.05] pointer-events-none"
+              class="absolute inset-0 w-full h-full object-contain object-center scale-[1.05] pointer-events-none saturate-[.25] brightness-[.8] group-hover:saturate-100 group-hover:brightness-100 transition-[filter] duration-300"
             />`
           : null}
         <div class="absolute top-1 right-1">