fix: update file paths and improve session handling in user interactions

knockoutwhistweb/app/assets/stylesheets/dark-mode.less

@@ -1,7 +1,8 @@
 @media (prefers-color-scheme: dark) {
   :root {
-    --background-image: url('/assets/images/background.png');
-    --color: #f8f9fa; /* Light text on dark bg */
+    --background-image: url('/assets/images/background.png') !important;
+    --color: #f8f9fa !important; /* Light text on dark bg */
+    --highlightscolor: rgba(131, 131, 131, 0.75) !important;
 
     /* Bootstrap variable overrides for dark mode */
     --bs-body-color: var(--color);

knockoutwhistweb/app/assets/stylesheets/light-mode.less

@@ -1,4 +1,5 @@
 :root {
   --background-image: url('/assets/images/img.png');
   --color: black;
+  --highlightscolor: rgba(0, 0, 0, 0.75);
 }

knockoutwhistweb/app/assets/stylesheets/main.less

@@ -15,6 +15,7 @@
   --bs-heading-color: var(--color) !important;
 }
 
+@highlightcolor: var(--highlightscolor);
 @background-image: var(--background-image);
 @color: var(--color);
 @keyframes slideIn {
@@ -37,6 +38,18 @@
     float: none;
     margin-right:0;
 }
+.handcard :hover {
+  box-shadow: 3px 3px 3px @highlightcolor;
+}
+
+.bottom-div {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  padding: 10px;
+}
 
 /* Ensure body text color follows theme variable and works with Bootstrap */
 body {