diff --git a/index.html b/index.html index 12dfbee..bab97a6 100644 --- a/index.html +++ b/index.html @@ -70,6 +70,8 @@ display: flex; flex-direction: column; overflow: hidden; + text-transform: uppercase; /* <-- THIS IS THE NEW LINE */ + } body::after { @@ -186,13 +188,14 @@ left: 0; width: 100vw; height: 100vh; - /* Replaced flat black with theme-aware vignette */ - background: radial-gradient(circle at center, transparent 40%, var(--vignette-shadow) 120%); - backdrop-filter: blur(2px); /* Adds a premium subtle blur to the map behind */ + /* Darkened the center so background is less distracting */ + background: radial-gradient(circle at center, rgba(0, 0, 0, 0.8) 20%, var(--vignette-shadow) 100%); + backdrop-filter: blur(4px); /* Increased blur slightly for better focus */ z-index: 9000; } + .start-modal, .cards-modal, .win-content, @@ -722,6 +725,7 @@ justify-content: center; align-items: center; overflow: hidden; + background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), var(--pip-panel-solid); } .map::before { @@ -881,12 +885,15 @@ /* Force ALL log entries to be the same larger size */ .log-entry { - opacity: 0.9; - font-size: 18px !important; - /* The !important ensures nothing overrides this base size */ + opacity: 0.9; /* Restored to original for slight 'log' feel */ + font-size: 18px !important; /* Match the directive's explicit size */ margin-bottom: 2px; + text-shadow: none !important; /* This removes the glow */ + font-weight: normal !important; /* This removes the unwanted boldness */ } + + /* Important messages just get bold and glow, no size difference */ .log-entry.important { font-weight: bold; @@ -930,35 +937,24 @@ .map-brackets { position: absolute; - left: 280px; - right: 280px; - top: 20px; - bottom: 170px; + left: 260px; + right: 260px; + top: 0; + bottom: 150px; pointer-events: none; z-index: 40; + border-radius: 16px; + box-shadow: inset 0 0 100px 40px rgba(0, 0, 0, 0.95); + } .map-brackets::before, .map-brackets::after { - content: ''; - position: absolute; - width: 100%; - height: 100%; + display: none; } - .map-brackets::before { - border-top: 4px solid var(--pip-color); - border-bottom: 4px solid var(--pip-color); - transform: scaleX(0.95); - opacity: 0.5; - } - .map-brackets::after { - border-left: 4px solid var(--pip-color); - border-right: 4px solid var(--pip-color); - transform: scaleY(0.90); - opacity: 0.5; - } + .hp-bar { width: 100%; @@ -1262,6 +1258,7 @@ left: 140px; right: 140px; bottom: 0; + } /* --- NEW: Hide brackets completely on mobile --- */ @@ -1906,6 +1903,24 @@ .faction-icon.default { background-color: transparent; } + .faction-icon.default { background-color: transparent; } + + /* --- NEW: PURE CSS PAW PRINT FOR UI --- */ + .paw-icon { + -webkit-mask-image: url('data:image/svg+xml;utf8,'); + mask-image: url('data:image/svg+xml;utf8,'); + background-color: var(--pip-color); + width: 20px; + height: 20px; + display: inline-block; + vertical-align: middle; + margin-left: 5px; + -webkit-mask-size: contain; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + filter: drop-shadow(0 0 3px var(--pip-color)); + } + /* --- ROBCO OS TERMINAL STYLES --- */ .help-nav-item, .help-back-btn { @@ -1980,34 +1995,15 @@

A RobCo Industries Strategic Simulation

-
- - -
- -
- - -
- -
-
- - - + +
+
+ +
-
- - @@ -2016,15 +2012,50 @@
+
+ + + +
-
- - + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
@@ -2087,11 +2118,7 @@ Scorched Earth - +
@@ -3281,26 +3308,10 @@ - - - - - - - I n d i a n O c e a n - - - - +