From 5504c68916ae83a4b4e0ddb201c5aca43a774273 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Thu, 16 Apr 2026 01:53:04 +0000
Subject: [PATCH] V1.2.6

---
 sccharacter.php  | 59 ++++++++++++++++++++++++++++++++++++++++++------
 sccharacters.php | 28 +++++++++++++++++------
 2 files changed, 73 insertions(+), 14 deletions(-)

diff --git a/sccharacter.php b/sccharacter.php
index 83e3e1f..68f8e49 100644
--- a/sccharacter.php
+++ b/sccharacter.php
@@ -140,15 +140,42 @@ $character_items_by_category = sccharacters_sort_items_by_category_order(
         body {
             margin: 0;
             min-height: 100vh;
-            background: radial-gradient(circle at top right, #1d2234 0%, #0a0d13 55%, #050608 100%);
+            background-color: #050608;
             color: var(--text-main);
             font-family: Arial, Helvetica, sans-serif;
+            position: relative;
+        }
+
+        body::before {
+            content: '';
+            position: fixed;
+            inset: 0;
+            background-image:
+                linear-gradient(rgba(5, 8, 12, 0.58), rgba(5, 8, 12, 0.72)),
+                url('https://robertsspaceindustries.com/media/1vllgn95062syr/background_blur/REACT-Background.jpg');
+            background-position: center center;
+            background-repeat: no-repeat;
+            background-size: cover;
+            z-index: -2;
+            transform: scale(1.08);
+            transform-origin: center center;
+        }
+
+        body::after {
+            content: '';
+            position: fixed;
+            inset: 0;
+            background: radial-gradient(circle at top right, rgba(29, 34, 52, 0.22) 0%, rgba(10, 13, 19, 0.18) 55%, rgba(5, 6, 8, 0.1) 100%);
+            z-index: -1;
+            pointer-events: none;
         }
 
         .page {
             max-width: 1180px;
             margin: 0 auto;
             padding: 2rem 1rem 3rem;
+            position: relative;
+            z-index: 1;
         }
 
         .hero,
@@ -291,14 +318,32 @@ $character_items_by_category = sccharacters_sort_items_by_category_order(
 
         .card-body { min-width: 0; }
         .card-body h3 { margin: 0 0 0.45rem; font-size: 1.05rem; }
-        .stats { margin-top: 0.7rem; }
+        .stats {
+            margin-top: 0.7rem;
+            display: flex;
+            gap: 0.55rem;
+            flex-wrap: wrap;
+            align-items: stretch;
+            padding: 0;
+            border: 0;
+            background: transparent;
+            box-shadow: none;
+            backdrop-filter: none;
+            -webkit-backdrop-filter: none;
+        }
 
         .stat {
-            padding: 0.32rem 0.55rem;
-            border-radius: 999px;
-            background: rgba(255,255,255,0.06);
-            border: 1px solid rgba(255,255,255,0.08);
-            font-size: 0.78rem;
+            display: inline-flex;
+            align-items: center;
+            min-height: 36px;
+            padding: 0.46rem 0.76rem;
+            border-radius: 12px;
+            background: linear-gradient(135deg, rgba(26, 74, 42, 0.9), rgba(18, 46, 28, 0.82));
+            border: 1px solid rgba(90, 255, 150, 0.85);
+            box-shadow: inset 0 0 0 1px rgba(140, 255, 188, 0.18), 0 0 0 1px rgba(34, 110, 58, 0.28), 0 10px 22px rgba(0,0,0,0.18);
+            font-size: 0.8rem;
+            font-weight: 700;
+            color: #dcffe9;
         }
 
         .section-title {
diff --git a/sccharacters.php b/sccharacters.php
index bbe94ad..53ec7ce 100644
--- a/sccharacters.php
+++ b/sccharacters.php
@@ -2364,17 +2364,31 @@ if ($selected_character) {
 
         .equip-stats {
             display: flex;
-            gap: 0.45rem;
+            gap: 0.55rem;
             flex-wrap: wrap;
+            align-items: stretch;
+            margin-top: 0.15rem;
+            padding: 0;
+            border: 0;
+            background: transparent;
+            box-shadow: none;
+            backdrop-filter: none;
+            -webkit-backdrop-filter: none;
         }
 
         .equip-stat {
-            padding: 0.32rem 0.56rem;
-            border-radius: 999px;
-            background: rgba(255,255,255,0.06);
-            border: 1px solid rgba(255,255,255,0.08);
-            font-size: 0.77rem;
-            color: #f2f2f2;
+            display: inline-flex;
+            align-items: center;
+            min-height: 36px;
+            padding: 0.48rem 0.78rem;
+            border-radius: 12px;
+            background: linear-gradient(135deg, rgba(26, 74, 42, 0.9), rgba(18, 46, 28, 0.82));
+            border: 1px solid rgba(90, 255, 150, 0.85);
+            box-shadow: inset 0 0 0 1px rgba(140, 255, 188, 0.18), 0 0 0 1px rgba(34, 110, 58, 0.28), 0 10px 22px rgba(0,0,0,0.18);
+            font-size: 0.8rem;
+            font-weight: 700;
+            letter-spacing: 0.01em;
+            color: #dcffe9;
         }
 
         .search-toolbar {