vers. 2.6.2

css/style.css

@@ -234,18 +234,27 @@ main {
 }
 
 .clickBox {
-  width: 100%;
-  border: 2px solid #2a377e;
   text-align: center;
-  border-radius: 20px;
   font-weight: 500;
-  /* margin-bottom: 10px; */
-  padding: 4px;
+  background: #ffffff;
+  border-top: 5px solid #2a377e;
+  border-radius: 12px;
+  padding: 15px;
+  margin-bottom: 15px;
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  border-left: 1px solid #f0f0f0;
+  border-right: 1px solid #f0f0f0;
+  border-bottom: 1px solid #f0f0f0;
 }
 
 .clickBox.Squared {
   font-weight: 600;
-  border: solid 4px #2a377e;
+  border-left: 2px solid #f7b836;
+  border-right: 2px solid #f7b836;
+  border-bottom: 2px solid #f7b836;
+  border-top: 5px solid #f7b836;
 }
 
 .clickBox>img {
@@ -426,6 +435,7 @@ button#formatToggleBtn {
 
 /* Hide all PWA install indicators when running as standalone installed app */
 @media (display-mode: standalone) {
+
   .pwa-install-btn,
   .pwa-install-banner,
   .pwa-install-btn-nav {
@@ -718,15 +728,15 @@ button#formatToggleBtn {
     bottom: 10px;
     padding: 12px;
   }
-  
+
   .pwa-banner-content {
     gap: 8px;
   }
-  
+
   .pwa-banner-desc {
     font-size: 0.7rem;
   }
-  
+
   .pwa-banner-btn {
     padding: 6px 12px;
     font-size: 0.75rem;
@@ -825,16 +835,32 @@ button#formatToggleBtn {
 }
 
 @keyframes pulse-offline {
-  0% { transform: scale(1); opacity: 0.8; }
-  50% { transform: scale(1.08); opacity: 1; }
-  100% { transform: scale(1); opacity: 0.8; }
+  0% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+
+  50% {
+    transform: scale(1.08);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .spinner-offline {
   display: inline-block;
-}
+}