diff --git a/index.html b/index.html
index 32cf168..a66a5db 100644
--- a/index.html
+++ b/index.html
@@ -43,12 +43,20 @@ body.theme-fo4 {
     --vip-color: #ffffff; /* Institute White for VIP stars */ 
 }
 
-        body {
-            background-color: var(--pip-dark); color: var(--pip-color);
-            margin: 0; padding: 0; overflow: hidden; 
-            font-family: 'VT323', monospace; text-transform: uppercase;
-            height: 100vh; width: 100vw;
-        }
+body {
+    background-color: #000;
+    color: var(--pip-color);
+    font-family: 'VT323', monospace;
+    font-size: 18px; /* Increased from 14px to 18px */
+    margin: 0;
+    padding: 10px;
+    height: 100vh;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
         body::after {
             content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
             background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
@@ -56,7 +64,19 @@ body.theme-fo4 {
             z-index: 9999; background-size: 100% 3px, 3px 100%; pointer-events: none;
         }
         
-        body, button, select, input, .risk-card, svg path, svg .area { cursor: crosshair !important; }
+           cursor: auto;
+        }
+
+        /* Standard pointer for interactive elements */
+        button, select, input, .risk-card, .btn-diplomacy, #secret-dev-key {
+            cursor: pointer !important;
+        }
+
+        /* Territories will have their cursor set by JavaScript */
+        svg path, svg .area {
+            /* No cursor property here - it will be added dynamically */
+        }
+
 
         /* --- Modals --- */
         .overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.85); z-index: 9000; }
@@ -127,17 +147,22 @@ input[type=range]::-webkit-slider-thumb {
         .player-country { font-size: 15px; text-align: center; opacity: 0.8; margin-bottom: 10px; }
         .metric-box { background: var(--pip-panel-solid); border: 1px solid var(--pip-color); padding: 8px; margin-bottom: 10px; text-align: center; box-shadow: var(--pip-glow); }
         .reserve-title { font-size: 16px; margin: 0 0 5px 0; }
-        .reserve { font-size: 42px; line-height: 1; text-shadow: var(--pip-glow); }
+        .reserve { font-size: 32px !important; font-weight: bold; line-height: 1; text-shadow: var(--pip-glow); }
 
 .turn-info-message {
     white-space: normal !important;
     word-wrap: break-word;
     display: block;
-    max-width: 90%;
+    width: 90%;          /* Changed from max-width to a hard width */
     margin: 5px auto;
-    height: 70px !important;     /* Locks the box to a static height (approx 4 lines) */
-    overflow: hidden !important; /* Stops any extra text from spilling out and stretching it */
+    height: 85px !important;     /* Increased height slightly to accommodate the larger font */
+    min-height: 85px !important; /* Forces the box to NEVER shrink */
+    max-height: 85px !important; /* Forces the box to NEVER grow */
+    overflow: hidden !important; 
+    font-size: 18px !important;  /* Forces the font to ALWAYS be exactly this size */
+    line-height: 1.2 !important; /* Keeps the lines tightly spaced */
 }
+
         /* The new cursor animation */
         .terminal-cursor {
             display: inline-block;
@@ -155,21 +180,103 @@ input[type=range]::-webkit-slider-thumb {
         .turbo-container input { width: 18px; height: 18px; margin-right: 8px; cursor: pointer; accent-color: var(--pip-color); }
         .turbo-container label { font-size: 16px; cursor: pointer; }
 
+/* --- REPLACEMENT LEADERBOARD CSS --- */
+
+/* Main container for all player info boxes */
 .info {
-            background: var(--pip-panel); padding: 8px; border-left: 3px solid var(--pip-color);
-            box-shadow: -2px 0 15px rgba(0, 0, 0, 0.5); width: 260px; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px;
-            height: 100vh; position: absolute; right: 0; top: 0; z-index: 100; overflow-y: auto;
-        }
+    background: var(--pip-panel);
+    padding: 8px;
+    border-left: 3px solid var(--pip-color);
+    box-shadow: -2px 0 15px rgba(0, 0, 0, 0.5);
+    width: 260px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    gap: 8px; /* Increased gap for double spacing */
+    height: 100vh;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 100;
+    overflow-y: auto;
+}
+
+/* Style for each individual player's box */
+.info-box {
+    background: var(--pip-panel-solid);
+    border: 1px solid var(--pip-color);
+    padding: 10px 12px;
+    text-align: center; /* Changed to center alignment */
+    box-shadow: var(--pip-glow);
+    position: relative;
+    color: var(--pip-color);
+    display: flex;
+    flex-direction: column;
+    gap: 4px; /* Single space between lines */
+}
+
+/* Style all text lines for uniform appearance */
+.leader, .faction, .reputation, .stats {
+    font-size: 16px;
+    font-weight: normal;
+    color: var(--pip-color);
+    text-shadow: var(--pip-glow);
+    line-height: 1.2;
+}
+
+/* Make ONLY the player's name bold */
+.leader {
+    font-weight: bold !important;
+    font-size: 18px !important;
+}
+
+/* The stats line (Supply | Caps | Codes) */
+.stats {
+    margin-top: 8px; /* Double space down from reputation */
+}
+
+/* The progress bar (no change from original) */
+.bar {
+    height: 4px;
+    background: var(--pip-color);
+    margin-top: 8px;
+}
+
+/* Diplomacy Button */
+.btn-diplomacy {
+    background: var(--pip-dark);
+    color: var(--pip-color);
+    border: 1px solid var(--pip-color);
+    cursor: pointer;
+    padding: 6px;
+    font-size: 14px;
+    font-family: 'VT323';
+    margin-top: 12px; /* Double space down from stats */
+    text-transform: uppercase;
+    width: 100%;
+    box-sizing: border-box;
+    transition: 0.2s;
+}
+
+.btn-diplomacy:hover {
+    background: var(--pip-color);
+    color: var(--pip-dark);
+}
+
+.btn-diplomacy:disabled {
+    opacity: 0.8;
+    pointer-events: none;
+    border-color: transparent;
+}
+/* --- END OF REPLACEMENT CSS --- */
+
+
+
+
+
+
 
-.info > div:not(.restart) { background: var(--pip-panel-solid); border: 1px solid var(--pip-color); padding: 4px 6px; text-align: center; box-shadow: var(--pip-glow); position: relative; }
-        .info .leader { font-size: 18px; margin-bottom: 0px;}
-        .info .country { font-size: 13px; opacity: 0.8; margin-bottom: 4px;}
-        .info .income { font-size: 18px; font-weight: bold; text-shadow: var(--pip-glow); }
-        .bar { height: 4px; background: var(--pip-color); margin-top: 6px; max-width: 100%; box-shadow: var(--pip-glow); }
 
-.btn-diplomacy { background: var(--pip-dark); color: var(--pip-color); border: 1px solid var(--pip-color); cursor: pointer; padding: 2px; font-size: 12px; font-family: 'VT323'; margin-top: 4px; text-transform: uppercase; width: 100%; box-sizing: border-box; transition: 0.2s; }
-        .btn-diplomacy:hover { background: var(--pip-color); color: var(--pip-dark); }
-        .btn-diplomacy:disabled { opacity: 0.8; pointer-events: none; border-color: transparent; }
 
         .toast { visibility: hidden; min-width: 250px; background-color: var(--pip-panel-solid); color: var(--pip-color); text-align: center; border: 1px solid var(--pip-color); padding: 16px; position: fixed; z-index: 9999; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 20px; box-shadow: var(--pip-glow); opacity: 0; transition: visibility 0.4s, opacity 0.4s linear; }
         .toast.show { visibility: visible; opacity: 1; }
@@ -188,16 +295,18 @@ input[type=range]::-webkit-slider-thumb {
         svg path { stroke: var(--pip-color) !important; stroke-width: 1px !important; transition: stroke 0.3s; }
         svg path:hover { filter: brightness(1.3); }
         .allied-territory { stroke: #0088ff !important; stroke-width: 2px !important; stroke-dasharray: 4 4 !important; filter: drop-shadow(0 0 5px #0088ff); }
-        svg text { 
+svg text { 
     fill: var(--pip-color) !important; 
     stroke: #000000 !important; 
     stroke-width: 2px !important; 
     paint-order: stroke fill !important; 
-    font-size: 24px !important; 
+    font-size: 20px !important; /* Reduced to 16px to fit nicely inside territories */
     text-shadow: 0 0 10px rgba(0,0,0,1) !important; 
     pointer-events: none !important; 
 }
 
+
+
         svg path.connection, svg line, svg polyline { stroke: var(--pip-color) !important; stroke-width: 3px !important; stroke-dasharray: 6 6 !important; opacity: 0.6 !important; }
         
         .vats-flash { fill: var(--pip-color) !important; filter: drop-shadow(0 0 20px var(--pip-color)); transition: all 0.05s; }
@@ -214,8 +323,30 @@ input[type=range]::-webkit-slider-thumb {
         .combat-log-container { position: absolute; left: 260px; right: 260px; bottom: 0; height: 150px; background: var(--pip-panel); border-top: 3px solid var(--pip-color); box-sizing: border-box; display: flex; flex-direction: column; z-index: 50; box-shadow: 0 -5px 15px rgba(0,0,0,0.5); }
         .combat-log-header { background: var(--pip-color); color: var(--pip-dark); padding: 5px 15px; font-weight: bold; font-size: 18px; text-transform: uppercase; }
         .combat-log-messages { flex-grow: 1; overflow-y: auto; padding: 10px 15px; font-size: 16px; display: flex; flex-direction: column; gap: 4px; }
-        .log-entry { opacity: 0.9; }
-        .log-entry.important { font-weight: bold; text-shadow: var(--pip-glow); }
+        .log-entry { 
+            opacity: 0.9; 
+            font-size: 18px; /* Force the log text to be larger and more readable */
+            margin-bottom: 2px; /* Adds a tiny bit of breathing room between lines */
+        }
+        /* 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 */
+            margin-bottom: 2px;
+        }
+        
+        /* Important messages just get bold and glow, no size difference */
+        .log-entry.important { 
+            font-weight: bold; 
+            text-shadow: var(--pip-glow); 
+        }
+        
+        .log-entry.nuke { 
+            color: #ff3333; 
+            text-shadow: 0 0 5px #ff0000; 
+            font-weight: bold; 
+        }
+
         .log-entry.nuke { color: #ff3333; text-shadow: 0 0 5px #ff0000; font-weight: bold; }
 
         .risk-card { border: 1px solid var(--pip-color); padding: 10px; margin-bottom: 8px; cursor: pointer; background: var(--pip-dark); color: var(--pip-color); text-transform: uppercase; transition: all 0.1s ease; }
@@ -240,8 +371,8 @@ input[type=range]::-webkit-slider-thumb {
         .download-link { text-decoration: none; transition: text-decoration 0.2s ease; }
         .download-link:hover { text-decoration: underline; filter: brightness(1.2); }
 
-        #radio-toggle { cursor: pointer; transition: all 0.2s ease-in-out; }
-        .radio-on, .map-active { color: var(--pip-color) !important; font-weight: bold !important; text-shadow: 0 0 5px var(--pip-color), 0 0 10px var(--pip-color), 0 0 20px var(--pip-color) !important; opacity: 1 !important; }
+        .radio-on, .map-active { color: var(--pip-color) !important; font-weight: bold !important; text-shadow: none !important; opacity: 1 !important; }
+
 
         /* Custom Scrollbar for Patch Notes */
         .ticker-window { height: 250px; overflow-y: auto; position: relative; background: rgba(0, 0, 0, 0.5); border: 1px inset var(--pip-color); margin-top: 15px; padding: 10px; text-align: left; box-shadow: inset 0 0 15px rgba(0,0,0,0.8); }
@@ -323,6 +454,58 @@ input[type=range]::-webkit-slider-thumb {
     .turbo-container { padding: 2px; margin-top: 4px; }
     .turbo-container label { font-size: 9px; }
     
+.pip-nav span { cursor: pointer; } /* Make all tabs clickable */
+
+/* New Rules for Inventory */
+.special-item {
+    border: 1px solid var(--pip-color);
+    background: rgba(0,0,0,0.2);
+    padding: 5px 8px;
+    opacity: 0.4;
+}
+.special-item.found {
+    opacity: 1;
+    background: var(--pip-panel-solid);
+    box-shadow: var(--pip-glow);
+}
+.special-title {
+    font-weight: bold;
+    font-size: 16px;
+}
+.special-desc {
+    font-size: 12px;
+    opacity: 0.8;
+}
+.bobble-activate-btn {
+    width: auto !important;
+    font-size: 12px !important;
+    padding: 2px 6px !important;
+    margin-top: 5px !important;
+}
+.cooldown-timer {
+    font-size: 12px;
+    color: #ffcc00;
+    margin-top: 5px;
+    font-weight: bold;
+}
+
+@keyframes pulse {
+    0% {
+        text-shadow: 0 0 5px var(--pip-color);
+    }
+    50% {
+        text-shadow: 0 0 20px #fff, 0 0 25px #fff;
+    }
+    100% {
+        text-shadow: 0 0 5px var(--pip-color);
+    }
+}
+.inv-pulse {
+    animation: pulse 1.5s infinite;
+    color: #fff !important;
+}
+
+
     /* Tighten Nuke/Commander Elements */
     #cmdr-ui-container { margin-top: 4px !important; padding: 2px !important; }
     .cmdr-stats { font-size: 9px; margin-top: 2px; }
@@ -330,16 +513,19 @@ input[type=range]::-webkit-slider-thumb {
     #nuke-ui-container { margin-top: 4px !important; }
     #btn-launch-nuke { padding: 2px !important; font-size: 10px !important; margin-top: 2px !important; }
     
-    /* AGGRESSIVELY SHRINK LEADERBOARD (RIGHT PANEL) */
-    .info > div:not(.restart) { padding: 2px; }
-    .info .leader { font-size: 12px; }
-    .info .country { font-size: 9px; margin-bottom: 1px; }
-    .info .income { font-size: 12px; }
-    .info > div > div:nth-child(3) { font-size: 10px; }
-    .caps-display { font-size: 10px !important; }
-    .caps-display span { font-size: 12px !important; }
-    .btn-diplomacy { font-size: 9px; padding: 1px; margin-top: 2px; }
-    .bar { margin-top: 3px; height: 2px; }
+    /* ADJUSTED LEADERBOARD FOR SMALLER SCREENS */
+    .info > div:not(.restart) { padding: 4px; }
+    .info .leader { font-size: 16px; margin-bottom: 2px;} /* Increased from 12px to 16px */
+    .info .country { font-size: 12px; margin-bottom: 2px; } /* Increased from 9px to 12px */
+    .info .income { font-size: 16px; font-weight: bold; } /* Increased from 12px to 16px */
+    .info > div > div:nth-child(3) { font-size: 12px; } /* "Reinforcements:" text */
+    
+    .caps-display { font-size: 12px !important; margin-top: 2px !important; } /* "Bottle Caps:" text */
+    .caps-display span { font-size: 16px !important; font-weight: bold; } /* The actual number of caps */
+    
+    .btn-diplomacy { font-size: 11px; padding: 2px; margin-top: 4px; }
+    .bar { margin-top: 4px; height: 3px; }
+
     
     /* The Ghost Log */
     .combat-log-container {
@@ -351,12 +537,292 @@ input[type=range]::-webkit-slider-thumb {
     .combat-log-container.active-log { opacity: 1; }
     .combat-log-header { display: none; } 
     .combat-log-messages { padding: 0; overflow: hidden; justify-content: flex-end; }
-    .log-entry { text-shadow: 0 0 4px #000, 0 0 8px #000, 0 0 12px #000, 0 0 16px var(--pip-dark); font-weight: bold; font-size: 11px; }
+    .log-entry { 
+        text-shadow: 0 0 4px #000, 0 0 8px #000, 0 0 12px #000, 0 0 16px var(--pip-dark); 
+        font-weight: bold; 
+        font-size: 16px; /* Increased from 11px to 16px */
+    }
 }
 
+/* --- Developer Menu Button Fixes --- */
+#dev-modal button {
+    /* Ensures text color does not change on hover */
+    color: var(--pip-color) !important;
+}
+
+#dev-modal button:hover {
+    /* Sets a semi-transparent white background on hover for readability */
+    background: rgba(255, 255, 255, 0.15);
+}
+
+#dev-modal button:active {
+    /* Pushes the button down slightly and darkens it for click feedback */
+    transform: translateY(1px);
+    background: rgba(0, 0, 0, 0.5);
+}
+
+/* Specific override for the perk button to respect its unique color */
+
+/* Make the dev perk button match the standard theme */
+#dev-modal #dev-perk {
+    color: var(--pip-color) !important;
+    border-color: var(--pip-color) !important;
+}
+
+
+.pip-nav span { cursor: pointer; } 
+
+.special-item {
+    border: 1px solid var(--pip-color);
+    background: rgba(0,0,0,0.2);
+    padding: 5px 8px;
+    opacity: 0.4;
+}
+.special-item.found {
+    opacity: 1;
+    background: var(--pip-panel-solid);
+    box-shadow: var(--pip-glow);
+}
+.special-title {
+    font-weight: bold;
+    font-size: 16px;
+}
+.special-desc {
+    font-size: 12px;
+    opacity: 0.8;
+}
+.bobble-activate-btn {
+    width: auto !important;
+    font-size: 12px !important;
+    padding: 2px 6px !important;
+    margin-top: 5px !important;
+}
+.cooldown-timer {
+    font-size: 12px;
+    color: #ffcc00;
+    margin-top: 5px;
+    font-weight: bold;
+}
+
+@keyframes pulse {
+    0% { text-shadow: 0 0 5px var(--pip-color); }
+    50% { text-shadow: 0 0 20px #fff, 0 0 25px #fff; }
+    100% { text-shadow: 0 0 5px var(--pip-color); }
+}
+.inv-pulse {
+    animation: pulse 1.5s infinite;
+    color: #fff !important;
+    text-shadow: 0 0 8px #fff; 
+}
+
+/* --- Developer Menu & General Button Fixes --- */
+button:active {
+    transform: translateY(2px);
+    box-shadow: inset 0 0 15px rgba(0,0,0,0.7);
+}
+
+#dev-modal button {
+    color: var(--pip-color) !important;
+}
+#dev-modal button:hover {
+    background: rgba(255, 255, 255, 0.15);
+    color: #ffffff !important;
+    text-shadow: 0 0 5px #000000;
+    box-shadow: 0 0 15px var(--pip-color);
+}
+#dev-modal button:active {
+    transform: translateY(2px);
+    background: rgba(0, 0, 0, 0.5);
+    box-shadow: inset 0 0 15px rgba(0,0,0,0.7);
+}
+#dev-modal #dev-perk {
+    color: var(--vip-color) !important;
+}
+
+/* Dynamic Bobblehead Grid Buttons */
+.bobblehead-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center; /* Centers content vertically */
+    text-align: center;
+    padding: 8px;
+    background: rgba(0, 0, 0, 0.4);
+    border: 1px solid var(--pip-color);
+    color: var(--pip-color);
+    font-family: 'VT323', monospace;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    width: 100%;
+    min-height: 85px; /* Shorter height for business card look */
+}
+.bobblehead-btn:hover:not(:disabled) {
+    background: var(--pip-color);
+    color: #fff !important;
+    text-shadow: 0 0 5px #000;
+    box-shadow: 0 0 10px var(--pip-color);
+}
+.bobblehead-btn:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+    background: transparent;
+    border: 1px dashed var(--pip-color);
+}
+.bobblehead-btn.cooldown {
+    opacity: 0.7;
+    border: 1px solid #ffcc00;
+    background: rgba(255, 204, 0, 0.1);
+}
+
+/* Corrected INV Pulse Animation */
+@keyframes invPulseFade {
+    0% { opacity: 0.4; }
+    50% { opacity: 1; }
+    100% { opacity: 0.4; }
+}
+.inv-pulse {
+    animation: invPulseFade 1.5s infinite;
+    color: var(--pip-color) !important;
+    text-shadow: none !important; /* Ensure no glow */
+    font-weight: bold !important; /* ADDED: Makes it match the brightness of MAP */
+}
+
+/* --- Aggressive Terminal Alerts (Diegetic Notifications) --- */
+#toast-container {
+    position: fixed;
+    top: 20%; /* Upper middle of the screen */
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    flex-direction: column;
+    gap: 20px; /* More breathing room between alerts */
+    z-index: 10005;
+    pointer-events: none; 
+    width: 60%;
+    max-width: 600px;
+}
+
+.dynamic-toast {
+    position: relative;
+    background: var(--pip-color); /* Solid theme color background */
+    color: #000 !important; /* Harsh black text cutting through the glow */
+    text-align: center;
+    border: 3px solid #fff; /* Sharp white border to make it pop */
+    padding: 15px 20px;
+    font-size: 28px;
+    font-weight: 900;
+    font-family: 'VT323', monospace;
+    box-shadow: 0 0 30px var(--pip-color), inset 0 0 10px #000; /* Massive outer glow */
+    text-shadow: none !important; /* No text glow, we want it to look stamped out */
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    opacity: 0;
+    transform: scale(0.9) translateY(-20px); /* Starts small and high */
+    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    overflow: hidden;
+}
+
+/* Softened scanlines over the alert box */
+.dynamic-toast::after {
+    content: "";
+    position: absolute;
+    top: 0; left: 0; right: 0; bottom: 0;
+    /* Reduced the black line opacity from 0.4 to 0.15 for readability */
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.04), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.04));
+    background-size: 100% 4px, 3px 100%;
+    pointer-events: none;
+    z-index: 2;
+}
+
+
+/* Aggressive snap-into-place animation */
+.dynamic-toast.show {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+}
+
+/* Specific override for Nuke Codes to make them terrifying */
+.dynamic-toast.nuke-alert {
+    background: #ff0000 !important;
+    border-color: #ffcc00 !important;
+    box-shadow: 0 0 50px #ff0000, inset 0 0 15px #000 !important;
+    animation: nukeFlash 0.1s infinite alternate;
+}
+
+@keyframes nukeFlash {
+    0% { opacity: 0.8; }
+    100% { opacity: 1; box-shadow: 0 0 80px #ff0000, inset 0 0 20px #000 !important; }
+}
+
+/* --- FOG OF WAR STYLES --- */
+
+.fog-shroud {
+    /* The fill is now our self-contained, opaque static pattern! */
+    fill: url(#gritty-grey-static) !important;
+    
+    /* Your approved grey border color */
+    stroke: #797a79 !important;
+    stroke-width: 1px !important;
+    transition: fill 0.5s ease;
+}
+
+/* This colors the dots inside the pattern with your theme's --pip-color */
+.static-dot {
+    fill: var(--pip-color, #00ff00);
+    opacity: 0.35; /* You can adjust this to make the static more/less intense */
+}
+
+.static-overlay {
+    fill: url(#themeable-static-pattern) !important;
+    pointer-events: none; /* Prevents it from interfering with clicks */
+}
+
+/* --- LEADERBOARD INTEL STYLES (FINAL) --- */
+
+/* 1. This styles the actual numbers. It makes them bold and gives them the UI theme color. */
+.stat-value {
+    color: var(--pip-color);
+    font-weight: bold;
+    font-size: 16px;
+    text-shadow: var(--pip-glow);
+}
+
+
+/* --- NEW: Rigid Grid for Stats to Prevent Shifting --- */
+.stats-grid {
+    display: grid;
+    grid-template-columns: auto 30px auto 30px auto 30px; /* Label, Value, Label, Value... */
+    gap: 0 4px; /* A small gap between columns */
+    align-items: center;
+    justify-content: center;
+    margin-top: 8px; /* Double space */
+}
+
+.stats-grid > span {
+    white-space: nowrap; /* Prevent labels from wrapping */
+}
+
+.stat-value {
+    text-align: left; /* Align numbers to the left within their fixed cell */
+    font-weight: bold;
+}
+
+
+
     </style>
 </head>
 <body>
+<!-- ON-SCREEN ERROR CONSOLE -->
+    <div id="error-console" style="display: none; position: fixed; bottom: 0; left: 0; width: 100%; max-height: 25%; background: rgba(200, 0, 0, 0.9); color: #fff; z-index: 99999; font-family: 'VT323', monospace; font-size: 16px; border-top: 2px solid #ff8080; overflow-y: auto;">
+        <div style="padding: 10px; font-weight: bold; background: #c80000; text-align: center;">JAVASCRIPT SYSTEM FAILURE</div>
+        <div id="error-log" style="padding: 10px;"></div>
+    </div>
+
+    <!-- THE TOAST NOTIFICATION POPUP -->
+    <div id="toast-container"></div>
+    
+    <div class="container">
+
 <div id="portrait-warning">
         <div style="margin-bottom: 20px; font-size: 40px; color: #ff3333;">[ SYSTEM ALERT ]</div>
         <div>TERMINAL ORIENTATION UNSTABLE.<br><br>PLEASE ROTATE DEVICE TO<br>LANDSCAPE MODE TO INITIATE.</div>
@@ -431,40 +897,97 @@ input[type=range]::-webkit-slider-thumb {
                     <span style="font-size: 14px;">COMMANDER PROTOCOL</span>
                 </label>
 
-                <label title="Trading in Bottle Caps will ALWAYS give exactly 3 troops instead of increasing as the game goes on." style="cursor: help; display: flex; align-items: center; grid-column: span 2; justify-content: center;">
+                <!-- FIXED REINFORCEMENTS (Removed grid-column: span 2 so it sits on the left) -->
+                <label title="Trading in Bottle Caps will ALWAYS give exactly 3 troops instead of increasing as the game goes on." style="cursor: help; display: flex; align-items: center;">
                     <input type="checkbox" id="opt-flat-trade" style="width: auto; cursor: pointer; margin-right: 8px; margin-bottom: 0;"> 
                     <span style="font-size: 14px;">FIXED REINFORCEMENTS</span>
                 </label>
-
+                
+                <!-- NEW: FOG OF WAR (Sits on the right, checked by default) -->
+                <label title="Hides enemy territory ownership, troop counts, and leaderboard data for any faction you are not adjacent to." style="cursor: help; display: flex; align-items: center; color: #00ff00;">
+                    <input type="checkbox" id="opt-fog-of-war" checked style="width: auto; cursor: pointer; margin-right: 8px; margin-bottom: 0;"> 
+                    <span style="font-size: 14px; text-shadow: 0 0 5px #00ff00;">FOG OF WAR</span>
+                </label>
             </div>
 
             <button id="submit-name">BOOT SEQUENCE...</button>
         </div>
     </div>
 
-    <div id="code-popup" class="toast" style="top: 20%; bottom: auto; background: rgba(0,0,0,0.9); color: #ff3333; border-color: #ff3333; box-shadow: 0 0 20px #ff3333; z-index: 10000; pointer-events: none; text-shadow: 0 0 5px #ff3333; font-weight: bold; font-size: 24px;">
-        ☢ LAUNCH CODE FRAGMENT RECOVERED ☢
+    <div id="central-toast-popup" class="toast">
+        <!-- Content will be injected by JavaScript -->
     </div>
 
-    <div id="diplomacy-modal" class="overlay" style="display: none; z-index: 10000;">
-        <div class="start-modal content">
-            <h2>WASTELAND DIPLOMACY</h2>
-            <p id="dip-target-name" style="font-size: 18px; opacity: 0.8; margin-bottom: 5px;">Target: Brotherhood</p>
-            <p id="dip-info" style="margin-bottom: 20px;">Offer Bottle Caps to secure a Ceasefire.</p>
+
+    <!-- REDESIGNED NEGOTIATION MODAL -->
+    <div id="diplomacy-modal" class="overlay" style="display: none; z-index: 10005;">
+        <div class="start-modal content" style="width: 90%; max-width: 800px; padding: 20px;">
+            <h2 style="color: var(--pip-color); margin-top: 0; border-bottom: 2px solid var(--pip-color); text-shadow: 0 0 5px var(--pip-color); font-size: 28px;">DIPLOMATIC NEGOTIATION</h2>
             
-            <div class="form-group">
-                <label style="text-align: center;">Caps to Offer (Your Stash: <span id="dip-my-caps"></span>)</label>
-                <input type="range" id="dip-offer" min="1" max="5" value="1" style="width:100%; cursor: pointer;">
-                <div style="text-align: center; font-size: 32px; margin-top: 10px; text-shadow: var(--pip-glow);" id="dip-offer-val">1</div>
-                <div style="text-align: center; font-size: 14px; color: #ff3333; margin-top: 5px; text-shadow: none;" id="dip-tax-warning"></div>
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
+                <div id="dip-target-name" style="font-size: 24px; font-weight: bold;"></div>
+                <div id="dip-rep-display" style="font-size: 20px; font-weight: bold; padding: 5px 10px; border: 1px solid currentColor;">REP: NEUTRAL</div>
             </div>
             
-            <button id="dip-send">Send Envoy</button>
-            <button id="dip-cancel" style="margin-top: 5px;">Cancel</button>
+            <p id="dip-tax-warning" style="font-size: 16px; margin: 5px 0; color: #ffcc00;"></p>
+            
+            <!-- The Trade Grid -->
+            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;">
+                
+                <!-- LEFT SIDE: WHAT YOU ARE OFFERING -->
+                <div style="background: rgba(0,0,0,0.4); border: 1px solid var(--pip-color); padding: 15px; position: relative;">
+                    <div style="position: absolute; top: -12px; left: 10px; background: #000; padding: 0 5px; font-weight: bold; font-size: 18px;">YOUR OFFER</div>
+                    
+                    <div style="margin-top: 10px;">
+                        <label style="display: flex; justify-content: space-between; font-size: 18px;"><span>Bottle Caps (<span id="dip-my-caps-max">0</span>)</span> <span id="dip-offer-caps-val">0</span></label>
+                        <input type="range" id="dip-offer-caps" min="0" max="0" value="0" style="width: 100%; cursor: pointer;">
+                    </div>
+                    
+                    <div style="margin-top: 15px;">
+                        <label style="display: flex; justify-content: space-between; font-size: 18px;"><span>Troops (<span id="dip-my-troops-max">0</span>)</span> <span id="dip-offer-troops-val">0</span></label>
+                        <input type="range" id="dip-offer-troops" min="0" max="0" value="0" style="width: 100%; cursor: pointer;">
+                    </div>
+
+                    <div style="margin-top: 15px;" id="dip-offer-bobbles-container">
+                        <!-- JS populates checkboxes for owned bobbleheads here -->
+                    </div>
+                </div>
+
+                <!-- RIGHT SIDE: WHAT YOU ARE REQUESTING -->
+                <div style="background: rgba(0,0,0,0.4); border: 1px solid var(--pip-color); padding: 15px; position: relative;">
+                    <div style="position: absolute; top: -12px; left: 10px; background: #000; padding: 0 5px; font-weight: bold; font-size: 18px;">YOUR REQUEST</div>
+                    
+                    <div style="margin-top: 10px;">
+                        <label style="display: flex; align-items: center; font-size: 18px; cursor: pointer;">
+                            <input type="checkbox" id="dip-req-truce" style="width: 20px; height: 20px; margin-right: 10px; accent-color: var(--pip-color);">
+                            <span>Truce (3 Rounds)</span>
+                        </label>
+                    </div>
+
+                    <div style="margin-top: 15px;">
+                        <label style="display: flex; justify-content: space-between; font-size: 18px;"><span>Bottle Caps (<span id="dip-their-caps-max">0</span>)</span> <span id="dip-req-caps-val">0</span></label>
+                        <input type="range" id="dip-req-caps" min="0" max="0" value="0" style="width: 100%; cursor: pointer;">
+                    </div>
+
+                    <div style="margin-top: 15px;" id="dip-req-bobbles-container">
+                         <!-- JS populates checkboxes for AI owned bobbleheads here -->
+                    </div>
+                </div>
+
+            </div>
+            
+            <!-- Analysis Text -->
+            <div id="dip-analysis" style="margin-top: 20px; text-align: center; font-size: 18px; font-weight: bold; min-height: 25px;">Analyzing proposal...</div>
+            
+            <div style="display: flex; gap: 10px; margin-top: 20px;">
+                <button id="dip-send" style="margin-top: 0; border-color: var(--pip-color); color: var(--pip-color); font-size: 20px; padding: 10px;">SUBMIT PROPOSAL</button>
+                <button id="dip-cancel" style="margin-top: 0; border-color: #ffcc00; color: #ffcc00; font-size: 20px; padding: 10px;">WITHDRAW</button>
+            </div>
         </div>
     </div>
 
 
+
 <div id="envoy-modal" class="overlay" style="display: none; z-index: 10005;">
         <div class="start-modal content" style="max-width: 400px; padding: 20px;">
             <h2 style="color: #ffcc00; margin-top: 0; border-bottom: 2px solid #ffcc00; text-shadow: 0 0 5px #ffcc00;">[ INCOMING ENVOY ]</h2>
@@ -531,7 +1054,23 @@ input[type=range]::-webkit-slider-thumb {
             <button id="close-cards-btn">Close Inventory</button>
         </div>
     </div>
-    
+
+<!-- INVENTORY MODAL -->
+<div id="inventory-modal" class="overlay" style="display: none; z-index: 10001;">
+    <div class="start-modal content" style="width: 90%; max-width: 950px; padding: 30px;">
+        <h2 style="font-size: 28px; text-align: center; margin: 0 0 20px 0; text-shadow: var(--pip-glow); border-bottom: 2px solid var(--pip-color); padding-bottom: 10px;">INVENTORY</h2>
+        
+        <div id="inventory-content" style="display: flex; flex-direction: column; width: 100%;">
+            <!-- Single, unified grid for everything -->
+            <div id="inventory-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;">
+                <!-- JS will dynamically populate this grid -->
+            </div>
+        </div>
+
+        <button id="close-inv-btn" style="margin-top: 30px; width: 300px; margin-left: auto; margin-right: auto; display: block; font-size: 20px; padding: 10px;">Close Inventory</button>
+    </div>
+</div>
+   
     <div class="player-panel">
         <div>
             <h1>ROBCO STRAT-COM<span class="title-version">v2.0</span></h1>
@@ -550,9 +1089,7 @@ input[type=range]::-webkit-slider-thumb {
                     <span id="cmdr-ap-text">AP: 2/2</span>
                 </div>
                 <div class="hp-bar" style="border-color: var(--vip-color); height: 10px; margin-top: 2px;"><div id="cmdr-hp-fill" class="hp-fill" style="background: var(--vip-color); width: 100%; box-shadow: 0 0 5px var(--vip-color);"></div></div>
-                <div style="text-align: center; margin-top: 5px;">
-                    <button id="btn-use-stimpak" class="btn-stimpak">INJECT STIMPAK (1)</button>
-                </div>
+
             </div>
             
             <div id="nuke-ui-container" style="display:none; margin-top: 10px; text-align: center;">
@@ -585,19 +1122,42 @@ input[type=range]::-webkit-slider-thumb {
 
         <div style="margin-top: auto;">
             <button id="end">End Cycle</button>
-            <div class="pip-nav">
-                <span>STAT</span>
-                <span>INV</span>
-                <span>DATA</span>
-                <span class="nav-text map-active">MAP</span>
-                <span id="radio-toggle" class="nav-text">RADIO</span>
-            </div>
+        <div class="pip-nav">
+            <span id="nav-stat">STAT</span>
+            <span id="nav-inv">INV</span>
+            <span id="nav-data">DATA</span>
+            <span id="nav-map" class="nav-text map-active">MAP</span>
+            <span id="radio-toggle" class="nav-text">RADIO</span>
+        </div>
+
         </div>
     </div>
     <div class="map-brackets"></div>
     
     <div class="map" id="map-container">
       <svg viewBox="0 0 750 520" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;">
+
+    <defs>
+        <!-- This filter generates the gritty static texture -->
+        <filter id="static-texture-generator">
+            <feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="1" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 
+                                                  0 0 0 0 0 
+                                                  0 0 0 0 0 
+                                                  0 0 0 0.45 0" />
+            <!-- The 0.15 in the last row controls the static's intensity -->
+        </filter>
+
+        <!-- This pattern combines the grey background and the static into a single "paint" -->
+        <pattern id="gritty-grey-static" patternUnits="userSpaceOnUse" width="200" height="200">
+            <!-- Layer 1: The solid, opaque grey background -->
+            <rect width="200" height="200" fill="#bdbdbd"/>
+            
+            <!-- Layer 2: The static texture, applied over the whole pattern -->
+            <rect width="200" height="200" filter="url(#static-texture-generator)"/>
+        </pattern>
+    </defs>
+
   <defs id="defs5">
     <linearGradient id="linearGradient11165">
       <stop id="stop11167" offset="0" style="stop-color:#000000;stop-opacity:0;"/>
@@ -1051,7 +1611,9 @@ input[type=range]::-webkit-slider-thumb {
             
             <button id="dev-code" style="border-color: var(--pip-color); color: var(--pip-color);">+1 Launch Code</button>
             <button id="dev-storm" style="border-color: var(--pip-color); color: var(--pip-color);">Trigger Radstorm</button>
+            <button id="dev-perk" style="border-color: var(--vip-color); color: var(--vip-color); grid-column: span 2;">ADD RANDOM BOBBLEHEAD</button>
         </div>
+
         
         <div style="margin-top: 20px; border-top: 1px dashed var(--pip-color); padding-top: 15px; text-align: center;">
             <label style="font-size: 16px; color: var(--pip-color);">Player Win Chance: <span id="dev-win-val" style="font-weight: bold;">NORMAL</span></label>
@@ -1071,6 +1633,68 @@ input[type=range]::-webkit-slider-thumb {
 
     </div>
 </div>
+
+<!-- INVENTORY MODAL -->
+<div id="inventory-modal" class="overlay" style="display: none; z-index: 10001;">
+    <div class="start-modal content" style="max-width: 450px;">
+        <h2 style="font-size: 24px; text-align: center; margin: 0 0 10px 0; text-shadow: var(--pip-glow);">INVENTORY</h2>
+        <div id="inventory-content" style="display: flex; flex-direction: column; gap: 8px; width: 100%;">
+            
+            <div id="inv-stimpak-item" class="special-item found" style="text-align: center;">
+                <div class="special-title">STIMPAKS</div>
+                <div id="inv-stimpak-count" style="font-size: 24px; font-weight: bold; margin-top: 5px;">0</div>
+            </div>
+
+            <div style="width: 100%; text-align: center; color: var(--pip-color); margin: 5px 0; border-top: 1px dashed var(--pip-color); padding-top: 10px;">BOBBLEHEADS</div>
+
+            <div class="special-item" id="bobblehead-s">
+                <div class="special-title">STRENGTH BOBBLEHEAD</div>
+                <div class="special-desc">Grants an attack modifier for 1 turn.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-p">
+                <div class="special-title">PERCEPTION BOBBLEHEAD</div>
+                <div class="special-desc">Reveals all territories for 1 turn.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-e">
+                <div class="special-title">ENDURANCE BOBBLEHEAD</div>
+                <div class="special-desc">Reduces defender losses for 1 turn.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-c">
+                <div class="special-title">CHARISMA BOBBLEHEAD</div>
+                <div class="special-desc">Improves Bottle Cap trades this turn.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-i">
+                <div class="special-title">INTELLIGENCE BOBBLEHEAD</div>
+                <div class="special-desc">Reveals all enemy leaderboard data.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-a">
+                <div class="special-title">AGILITY BOBBLEHEAD</div>
+                <div class="special-desc">Grants one extra army maneuver.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+            <div class="special-item" id="bobblehead-l">
+                <div class="special-title">LUCK BOBBLEHEAD</div>
+                <div class="special-desc">Doubles chance to find loot this turn.</div>
+                <button class="bobble-activate-btn">[ NOT FOUND ]</button>
+                <div class="cooldown-timer" style="display: none;"></div>
+            </div>
+        </div>
+        <button id="close-inv-btn" style="margin-top: 20px;">Close Inventory</button>
+    </div>
+</div>
+
+
 <div id="updates-modal" class="overlay" style="display: none; z-index: 10001;">
     <div class="start-modal content" style="padding: 20px 30px; width: 600px; max-width: 95%;">
         <h2 style="color: var(--pip-color); border-bottom: 2px solid var(--pip-color); padding-bottom: 5px; margin-top: 0;">ROBCO OS: PATCH NOTES</h2>
@@ -1147,23 +1771,63 @@ input[type=range]::-webkit-slider-thumb {
         </div>
         <button id="close-updates-btn" style="margin-top: 15px; width: 100%; padding: 8px;">CLOSE LOG</button>
     </div>
-</div></div><div class="info">
-       <div class="info-one"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
-       <div class="info-two"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
-       <div class="info-three"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
-       <div class="info-four"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
-       <div class="info-five"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
-       <div class="info-six"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div>
-       <div class="info-seven"><div class="leader"></div><div class="country"></div><div>Reinforcements: <span class="income"></span></div><div class="caps-display"></div><div class="bar"></div></div>
+</div></div>
+    <div class="info">
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p1-income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p2-income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p3-income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p4-income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p5-income"></span></div><div class="caps-display"></div><div class="bar"></div></div> 
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p6-income"></span></div><div class="caps-display"></div><div class="bar"></div></div>
+       <div class="info-box"><div class="leader"></div><div class="country"></div><div class="income-label">Supply: <span class="income" id="p7-income"></span></div><div class="caps-display"></div><div class="bar"></div></div>
        
        <button id="help-btn" class="restart" style="margin-top: auto;">Survival Guide</button>
        <button id="restart" class="restart" style="margin-top: 10px;">Reboot Game</button>
     </div>
-</div>
+
 
 <div id="secret-dev-key" style="display: none; position: fixed; bottom: 8px; right: 8px; font-size: 16px; cursor: pointer; opacity: 0.2; z-index: 10000;" title="???">🔑</div>
 
 <script>
+    // --- GLOBAL ERROR HANDLER ---
+    window.onerror = function (message, source, lineno, colno, error) {
+        var consoleDiv = document.getElementById('error-console');
+        var errorLog = document.getElementById('error-log');
+        
+        if (consoleDiv) {
+            consoleDiv.style.display = 'block';
+        }
+        
+        if (errorLog) {
+            var newError = document.createElement('div');
+            newError.style.borderBottom = "1px dashed #ff8080";
+            newError.style.padding = "5px 0";
+            newError.innerHTML = `> <strong>ERROR:</strong> ${message}<br>> <strong>LINE:</strong> ${lineno}`;
+            errorLog.prepend(newError); // Add new errors to the top
+        }
+        
+        return true; // Prevents the browser's default error handling
+    };
+
+// --- DYNAMIC CURSOR FUNCTION ---
+function updateDynamicCursor(hexColor) {
+    const encodedColor = hexColor.replace('#', '%23');
+    const cursorStyle = `
+        svg path, svg .area {
+            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text x="0" y="24" font-size="32" fill="${encodedColor}" stroke="black" stroke-width="1.5" paint-order="stroke fill">⯐</text></svg>') 16 16, auto !important;
+        }
+    `;
+
+    let styleEl = document.getElementById('dynamic-cursor-style');
+    if (!styleEl) {
+        styleEl = document.createElement('style');
+        styleEl.id = 'dynamic-cursor-style';
+        document.head.appendChild(styleEl);
+    }
+    styleEl.innerHTML = cursorStyle;
+}
+
+
 /*===============================
           ROBCO RISK             
 ===============================*/
@@ -1400,122 +2064,111 @@ document.body.appendChild(vatsTooltip);
 map.addEventListener('mousemove', (e) => {
     let targetId = e.target.id;
     
-    // Safety check to prevent errors before the game starts
     if (!Gamestate.countries) return; 
     
     let targetCountry = Gamestate.countries.find(c => c.name === targetId);
     if (!targetCountry) { vatsTooltip.style.display = "none"; return; }
 
-    let isBattleHover = (Gamestate.stage === "Battle" || Gamestate.stage === "Commander Phase") && 
-                        Gamestate.prevCountry && Gamestate.prevCountry.neighbours.includes(targetCountry.name) && 
-                        targetCountry.owner !== Gamestate.player.name && Gamestate.prevCountry.army > 1 && 
-                        !targetCountry.isCrater && !Gamestate.aiTurn;
-
     let tooltipHTML = "";
 
-    if (isBattleHover) {
-        let baseChance = 0.50;
-        if (Gamestate.difficulty === "Easy") baseChance = 0.60;
-        if (Gamestate.difficulty === "Hard") baseChance = 0.40;
+    // --- FOG OF WAR TOOLTIP CHECK (NEW) ---
+    // First, check if the territory is shrouded.
+    const isShrouded = e.target.classList.contains('fog-shroud');
 
-        let owner = Gamestate.players.find(p => p.name === targetCountry.owner);
-        if (owner && owner.isNeutral) baseChance -= 0.15;
+    if (isShrouded) {
+        // If it's shrouded, only show "UNKNOWN".
+        tooltipHTML = "TERRITORY: UNKNOWN";
 
-        // SCORCHED EARTH: Combat Math
-        if (Gamestate.nukesEnabled && targetCountry.isSilo) {
-            let buff = Math.min(0.80, targetCountry.siloTurns * 0.20);
-            if(Gamestate.activeNuke && Gamestate.activeNuke.launcher === targetCountry.owner) buff = 0; 
-            if(targetCountry.owner === "Wasteland Horrors") buff = 0; // Ghouls can't operate turrets
-            baseChance = baseChance * (1 - buff);
-        }
-
-        if (Gamestate.commandersEnabled && owner && owner.commander && owner.commander.loc === targetCountry.name) {
-            baseChance = baseChance * 0.80; 
-        }
-
-if(Gamestate.nukesEnabled && targetCountry.isSilo) {
-            let cont = continents.find(c => c.name === targetCountry.continent);
-            let ownsCont = cont.areas.every(area => owner && owner.areas.includes(area));
-            if(ownsCont) baseChance = baseChance * 0.85; 
-        }
-
-        // CAP DEFENSE AT 89% (Attacker always has at least an 11% chance)
-        if (baseChance < 0.11) baseChance = 0.11;
-
-        // --- DEV MODE V.A.T.S. OVERRIDE ---
-        if (Gamestate.devWinOverride !== undefined && Gamestate.devWinOverride >= 0) {
-            baseChance = Gamestate.devWinOverride;
-        }
-
-        let a = Gamestate.prevCountry.army - 1;
-        let d = targetCountry.army;
-        let winProb = 0;
-        
-        if (baseChance === 0.5) { winProb = a / (a + d); } 
-        else {
-            let q = 1 - baseChance; let ratio = q / baseChance; winProb = (1 - Math.pow(ratio, a)) / (1 - Math.pow(ratio, a + d));
-        }
-        
-        let chancePercent = Math.round(winProb * 100);
-        if (chancePercent > 95) chancePercent = 95;
-        if (chancePercent < 1) chancePercent = 1;
-        
-        if(Gamestate.nukesEnabled && targetCountry.isSilo && targetCountry.siloTurns >= 4 && (!Gamestate.activeNuke || Gamestate.activeNuke.launcher !== targetCountry.owner)) {
-            if(chancePercent > 20) chancePercent = 20;
-        }
-
-        let diplomacyWarning = "";
-        if (Gamestate.areAllies(Gamestate.player.name, targetCountry.owner)) {
-            diplomacyWarning = `<br><span style="color:#ff3333; font-weight:bold;">WARNING: CEASEFIRE ACTIVE.<br>ATTACKING INCURS BETRAYAL TAX.</span>`;
-        }
-        
-       let cmdrWarning = "";
-        // Only show defense buff warning if the territory owner's commander is present
-        if (Gamestate.commandersEnabled && owner && owner.commander && owner.commander.loc === targetCountry.name) {
-            cmdrWarning = `<br><span style="color:var(--vip-color); font-weight:bold;">COMMANDER GUARDED. +20% DEFENSE BUFF.</span>`;
-        }
-
-        tooltipHTML = `<div style="border-bottom: 1px solid var(--pip-color); margin-bottom: 5px;">V.A.T.S. TARGETING</div>
-            TARGET: ${formatTerritoryName(targetCountry.name)}<br>
-            DEFENDERS: ${targetCountry.army}<br>
-            WIN CHANCE: ${chancePercent}${chancePercent !== "N/A" ? '%' : ''}${diplomacyWarning}${cmdrWarning}`;
     } else {
-        // PASSIVE INFO HOVER
-        let infoLines = [];
-        let owner = Gamestate.players.find(p => p.name === targetCountry.owner);
-        infoLines.push(`TERRITORY: ${formatTerritoryName(targetCountry.name)}`);
+        // If it's VISIBLE, proceed with the normal detailed tooltip logic.
+        let isBattleHover = (Gamestate.stage === "Battle" || Gamestate.stage === "Commander Phase") && 
+                            Gamestate.prevCountry && Gamestate.prevCountry.neighbours.includes(targetCountry.name) && 
+                            targetCountry.owner !== Gamestate.player.name && Gamestate.prevCountry.army > 1 && 
+                            !targetCountry.isCrater && !Gamestate.aiTurn;
         
-        if (targetCountry.isCrater) {
-            infoLines.push(`<span style="color:#ff3333">IRRADIATED CRATER (IMPASSABLE)</span>`);
+        if (isBattleHover) {
+            // --- This is your original, unchanged V.A.T.S. logic ---
+            let baseChance = 0.50;
+            if (Gamestate.difficulty === "Easy") baseChance = 0.60;
+            if (Gamestate.difficulty === "Hard") baseChance = 0.40;
+            let owner = Gamestate.players.find(p => p.name === targetCountry.owner);
+            if (owner && owner.isNeutral) baseChance -= 0.15;
+            if (Gamestate.nukesEnabled && targetCountry.isSilo) {
+                let buff = Math.min(0.80, targetCountry.siloTurns * 0.20);
+                if(Gamestate.activeNuke && Gamestate.activeNuke.launcher === targetCountry.owner) buff = 0; 
+                if(targetCountry.owner === "Wasteland Horrors") buff = 0;
+                baseChance = baseChance * (1 - buff);
+            }
+            if (Gamestate.commandersEnabled && owner && owner.commander && owner.commander.loc === targetCountry.name) {
+                baseChance = baseChance * 0.80; 
+            }
+            if(Gamestate.nukesEnabled && targetCountry.isSilo) {
+                let cont = continents.find(c => c.name === targetCountry.continent);
+                let ownsCont = cont.areas.every(area => owner && owner.areas.includes(area));
+                if(ownsCont) baseChance = baseChance * 0.85; 
+            }
+            if (baseChance < 0.11) baseChance = 0.11;
+            if (Gamestate.devWinOverride !== undefined && Gamestate.devWinOverride >= 0) {
+                baseChance = Gamestate.devWinOverride;
+            }
+            let a = Gamestate.prevCountry.army - 1;
+            let d = targetCountry.army;
+            let winProb = 0;
+            if (baseChance === 0.5) { winProb = a / (a + d); } 
+            else {
+                let q = 1 - baseChance; let ratio = q / baseChance; winProb = (1 - Math.pow(ratio, a)) / (1 - Math.pow(ratio, a + d));
+            }
+            let chancePercent = Math.round(winProb * 100);
+            if (chancePercent > 95) chancePercent = 95;
+            if (chancePercent < 1) chancePercent = 1;
+            if(Gamestate.nukesEnabled && targetCountry.isSilo && targetCountry.siloTurns >= 4 && (!Gamestate.activeNuke || Gamestate.activeNuke.launcher !== targetCountry.owner)) {
+                if(chancePercent > 20) chancePercent = 20;
+            }
+            let diplomacyWarning = "";
+            if (Gamestate.areAllies(Gamestate.player.name, targetCountry.owner)) {
+                diplomacyWarning = `<br><span style="color:#ff3333; font-weight:bold;">WARNING: CEASEFIRE ACTIVE.<br>ATTACKING INCURS BETRAYAL TAX.</span>`;
+            }
+            let cmdrWarning = "";
+            if (Gamestate.commandersEnabled && owner && owner.commander && owner.commander.loc === targetCountry.name) {
+                cmdrWarning = `<br><span style="color:var(--vip-color); font-weight:bold;">COMMANDER GUARDED. +20% DEFENSE BUFF.</span>`;
+            }
+            tooltipHTML = `<div style="border-bottom: 1px solid var(--pip-color); margin-bottom: 5px;">V.A.T.S. TARGETING</div>
+                TARGET: ${formatTerritoryName(targetCountry.name)}<br>
+                DEFENDERS: ${targetCountry.army}<br>
+                WIN CHANCE: ${chancePercent}${chancePercent !== "N/A" ? '%' : ''}${diplomacyWarning}${cmdrWarning}`;
         } else {
-            infoLines.push(`OWNER: ${owner ? (owner.name === "Wasteland Horrors" ? "FERAL GHOULS" : owner.name) : "UNKNOWN"}`);
-            infoLines.push(`GARRISON: ${targetCountry.army}`);
-
-// --- NEW: GLOWING SEA RADIATION TOOLTIP ---
-            if (targetCountry.radDecay && targetCountry.radDecay > 0) {
-                let attrPercent = targetCountry.radDecay === 4 ? 50 : (targetCountry.radDecay === 3 ? 30 : 10);
-                infoLines.push(`<span style="color:#39ff14; font-weight:bold; text-shadow: 0 0 5px #39ff14;">☢ GLOWING SEA: -${attrPercent}% GARRISON NEXT TURN</span>`);
-            }
-
-if (Gamestate.nukesEnabled && targetCountry.isSilo) {
-                let defBuff = targetCountry.siloTurns > 0 ? Math.min(80, targetCountry.siloTurns * 20) : 0;
-                if (targetCountry.owner === "Wasteland Horrors") defBuff = 0; 
-                infoLines.push(`<span style="color:#ffcc00">COMMAND SILO (+${defBuff}% DEFENSE)</span>`);
-            }
-            
-            // Loop through all players to see if ANY commander is standing here
-            if (Gamestate.commandersEnabled) {
-                Gamestate.players.forEach(p => {
-                    if (p.alive && !p.isNeutral && p.commander && p.commander.loc === targetCountry.name) {
-                        let isStranded = p.name !== targetCountry.owner ? " (STRANDED)" : "";
-                        infoLines.push(`<span style="color:${p.color}; text-shadow: 0 0 5px ${p.color}; font-weight:bold;">★ ${p.name} COMMANDER${isStranded} (${p.commander.hp} HP)</span>`);
-                    }
-                });
+            // --- This is your original, unchanged passive info hover logic ---
+            let infoLines = [];
+            let owner = Gamestate.players.find(p => p.name === targetCountry.owner);
+            infoLines.push(`TERRITORY: ${formatTerritoryName(targetCountry.name)}`);
+            if (targetCountry.isCrater) {
+                infoLines.push(`<span style="color:#ff3333">IRRADIATED CRATER (IMPASSABLE)</span>`);
+            } else {
+                infoLines.push(`OWNER: ${owner ? (owner.name === "Wasteland Horrors" ? "FERAL GHOULS" : owner.name) : "UNKNOWN"}`);
+                infoLines.push(`GARRISON: ${targetCountry.army}`);
+                if (targetCountry.radDecay && targetCountry.radDecay > 0) {
+                    let attrPercent = targetCountry.radDecay === 4 ? 50 : (targetCountry.radDecay === 3 ? 30 : 10);
+                    infoLines.push(`<span style="color:#39ff14; font-weight:bold; text-shadow: 0 0 5px #39ff14;">☢ GLOWING SEA: -${attrPercent}% GARRISON NEXT TURN</span>`);
+                }
+                if (Gamestate.nukesEnabled && targetCountry.isSilo) {
+                    let defBuff = targetCountry.siloTurns > 0 ? Math.min(80, targetCountry.siloTurns * 20) : 0;
+                    if (targetCountry.owner === "Wasteland Horrors") defBuff = 0; 
+                    infoLines.push(`<span style="color:#ffcc00">COMMAND SILO (+${defBuff}% DEFENSE)</span>`);
+                }
+                if (Gamestate.commandersEnabled) {
+                    Gamestate.players.forEach(p => {
+                        if (p.alive && !p.isNeutral && p.commander && p.commander.loc === targetCountry.name) {
+                            let isStranded = p.name !== targetCountry.owner ? " (STRANDED)" : "";
+                            infoLines.push(`<span style="color:${p.color}; text-shadow: 0 0 5px ${p.color}; font-weight:bold;">★ ${p.name} COMMANDER${isStranded} (${p.commander.hp} HP)</span>`);
+                        }
+                    });
+                }
             }
+            tooltipHTML = infoLines.join('<br>');
         }
-        tooltipHTML = infoLines.join('<br>');
     }
 
+    // This part remains the same, it just displays whatever HTML we built.
     vatsTooltip.innerHTML = tooltipHTML;
     vatsTooltip.style.left = (e.clientX + 20) + "px";
     vatsTooltip.style.top = (e.clientY + 20) + "px";
@@ -1559,6 +2212,16 @@ if (themeSelector) {
     themeSelector.addEventListener('change', function(e) {
         let theme = e.target.value;
         
+        // --- ADD THIS BLOCK to update the cursor color ---
+        if (theme === 'fnv') {
+            updateDynamicCursor('#ffb642'); // Amber
+        } else if (theme === 'fo4') {
+            updateDynamicCursor('#22ccff'); // Blue
+        } else {
+            updateDynamicCursor('#18ff62'); // Default Green
+        }
+        // --- END OF ADDED BLOCK ---
+
         // 1. Swap CSS
         document.body.classList.remove('theme-fo3', 'theme-fnv', 'theme-fo4');
         if (theme !== 'fo3') document.body.classList.add('theme-' + theme);
@@ -1715,14 +2378,142 @@ Gamestate.injectHolidayEvents = function() {
 };
 
 Gamestate.showCodePopup = function() {
-    let popup = document.getElementById("code-popup");
-    if(popup) {
-        popup.className = "toast show";
-        if(this.codePopupTimeout) clearTimeout(this.codePopupTimeout);
-        this.codePopupTimeout = setTimeout(() => { popup.className = popup.className.replace("show", ""); }, 3000);
+    if (this.queueToast) {
+        this.queueToast(`<span style="font-size: 24px;">☢</span><br>LAUNCH CODE RECOVERED`, "var(--pip-color)", true);
     }
 }
 
+
+// --- INVENTORY & BOBBLEHEAD SYSTEM ---
+Gamestate.bobbleheads = [
+    { key: 's', name: 'STRENGTH BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 5, bonus: 0.10, desc: 'Grants +10% attack odds for 1 turn.' },
+    { key: 'p', name: 'PERCEPTION BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 8, desc: 'Reveals all enemy territories for 1 turn.' },
+    { key: 'e', name: 'ENDURANCE BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 5, bonus: 0.10, desc: 'Reduces defender losses by 10% for 1 turn.' },
+    { key: 'c', name: 'CHARISMA BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 10, desc: 'Your next Bottle Cap trade-in yields maximum troops.' },
+    { key: 'i', name: 'INTELLIGENCE BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 8, desc: 'Reveals all rival leaderboard data for 1 turn.' },
+    { key: 'a', name: 'AGILITY BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 6, bonus: 1, desc: 'Grants one extra army maneuver this turn.' },
+    { key: 'l', name: 'LUCK BOBBLEHEAD', found: false, cooldown: 0, totalCooldown: 7, bonus: 3, desc: 'Triples the chance to find loot for 1 turn.' }
+];
+
+Gamestate.setupInventory = function() {
+    const invModal = document.getElementById('inventory-modal');
+    const navInv = document.getElementById('nav-inv');
+    const navMap = document.getElementById('nav-map');
+    const closeInvBtn = document.getElementById('close-inv-btn');
+
+    if (!invModal || !navInv) return;
+
+    navInv.addEventListener('click', () => {
+        invModal.style.display = 'flex';
+        // DO NOT remove inv-pulse here! Let renderInventory decide.
+        navInv.classList.add('map-active');
+        if (navMap) navMap.classList.remove('map-active');
+        if (this.renderInventory) this.renderInventory();
+    });
+
+
+    if (closeInvBtn) {
+        closeInvBtn.addEventListener('click', () => {
+            invModal.style.display = 'none';
+            navInv.classList.remove('map-active');
+            if (navMap) navMap.classList.add('map-active');
+        });
+    }
+};
+
+Gamestate.renderInventory = function() {
+    const container = document.getElementById('inventory-grid');
+    if (!container) return;
+    
+    container.innerHTML = ''; // Clear the grid
+
+    let hasActiveItem = false; // We use this to decide if we should pulse
+
+    // 1. Render ALL 7 Bobbleheads
+    if (this.bobbleheads) {
+        this.bobbleheads.forEach(item => {
+            const btn = document.createElement('button');
+            btn.className = 'bobblehead-btn';
+            
+        // 1. INCREASED SIZES FOR BOBBLEHEADS
+        let innerHTML = `<strong style="font-size: 20px; margin-bottom: 8px; letter-spacing: 1px;">${item.name}</strong><span style="font-weight: normal; font-size: 16px; opacity: 0.8; color: inherit; text-shadow: none; line-height: 1.2;">${item.desc}</span>`;
+        
+        if (!item.found) {
+            btn.disabled = true;
+            innerHTML += `<br><span style="margin-top: auto; font-size: 18px; font-weight: bold; opacity: 0.5; padding-top: 10px;">[ NOT FOUND ]</span>`;
+        } else if (item.cooldown > 0) {
+            btn.disabled = true;
+            btn.classList.add('cooldown');
+            innerHTML += `<br><span style="color: #ffcc00; font-weight: bold; margin-top: auto; text-shadow: none; font-size: 18px; padding-top: 10px;">COOLDOWN: ${item.cooldown}</span>`;
+        } else {
+            btn.disabled = false;
+            innerHTML += `<br><span style="margin-top: auto; font-size: 18px; font-weight: bold; padding-top: 10px; color: #fff;">[ READY - ACTIVATE ]</span>`;
+
+                btn.onclick = () => {
+                    if (this.activateBobblehead) this.activateBobblehead(item.key);
+                };
+            }
+            
+            btn.innerHTML = innerHTML;
+            container.appendChild(btn);
+        });
+    }
+
+    // 2. Render Stimpak Card (Only if Commanders are active)
+    if (this.commandersEnabled && this.player && this.player.commander) {
+        const stimpakBtn = document.createElement('button');
+        stimpakBtn.className = 'bobblehead-btn'; 
+        
+        let stimpakCount = this.player.commander.stimpaks || 0;
+        
+        // 2. INCREASED SIZES FOR STIMPAK
+        let innerHTML = `<strong style="font-size: 20px; margin-bottom: 8px; letter-spacing: 1px;">STIMPAKS</strong><span style="font-weight: normal; font-size: 16px; opacity: 0.8; color: inherit; text-shadow: none; line-height: 1.2;">Restores 20 HP to your Commander.</span>`;
+
+        if (stimpakCount <= 0) {
+            stimpakBtn.disabled = true;
+            innerHTML += `<br><span style="margin-top: auto; font-size: 18px; font-weight: bold; opacity: 0.5; padding-top: 10px;">[ EMPTY ]</span>`;
+        } else {
+            hasActiveItem = true; // We have at least one stimpak!
+            
+            if (this.stage !== "Commander Phase" || this.player.commander.ap <= 0 || this.player.commander.hp >= 100) {
+                stimpakBtn.disabled = true;
+                stimpakBtn.style.opacity = '0.7'; 
+                innerHTML += `<br><span style="margin-top: auto; font-size: 22px; font-weight: bold; text-shadow: none; color: #fff;">x${stimpakCount}</span>`;
+                
+                let reason = "UNAVAILABLE";
+                if (this.stage !== "Commander Phase") reason = "WRONG PHASE";
+                else if (this.player.commander.ap <= 0) reason = "OUT OF AP";
+                else if (this.player.commander.hp >= 100) reason = "MAX HEALTH";
+
+                innerHTML += `<br><span style="font-size: 18px; font-weight: bold; color: #ffcc00; padding-top: 5px;">[ ${reason} ]</span>`;
+            } else {
+                stimpakBtn.disabled = false;
+                innerHTML += `<br><span style="margin-top: auto; font-size: 22px; font-weight: bold; text-shadow: none; color: #fff;">x${stimpakCount}</span>`;
+                innerHTML += `<br><span style="font-size: 18px; font-weight: bold; padding-top: 5px; color: #fff;">[ USE STIMPAK ]</span>`;
+                
+                stimpakBtn.onclick = () => {
+                    if (this.useStimpak) this.useStimpak();
+                };
+            }
+        }
+        stimpakBtn.innerHTML = innerHTML;
+        container.appendChild(stimpakBtn);
+    }
+
+    // 3. Control the INV Pulse based on what we found
+    const navInv = document.getElementById('nav-inv');
+    if (navInv) {
+        if (hasActiveItem) {
+            navInv.classList.add('inv-pulse');
+        } else {
+            navInv.classList.remove('inv-pulse');
+        }
+    }
+};
+
+
+
+
 Gamestate.init = function(){
     if (winModal) winModal.style.display = "none";
     if (!map) return;
@@ -1801,27 +2592,67 @@ document.getElementById('secret-dev-key')?.addEventListener('click', (e) => {
     document.getElementById('dev-code')?.addEventListener('click', () => { this.player.codes++; this.updateInfo(); this.showToast("Dev: +1 Launch Code"); });
     document.getElementById('dev-troops')?.addEventListener('click', () => { 
         this.player.reserve += 100; 
-        this.stage = "Fortify"; // Instantly kicks the game back to deployment mode
+        this.stage = "Fortify";
         this.updateButtonText();
         this.updateInfo(); 
         this.showToast("Dev: +100 Troops (Deploy Phase Active)"); 
     });
-    document.getElementById('dev-heal')?.addEventListener('click', () => { if(this.player.commander) this.player.commander.hp = 100; this.updateInfo(); this.showToast("Dev: Commander Healed"); });
-    document.getElementById('dev-storm')?.addEventListener('click', () => { this.radstorm.cooldown = 1; this.processRadstorm(); document.getElementById('dev-modal').style.display = 'none'; });
-document.getElementById('dev-win-slider')?.addEventListener('input', function() {
-        let val = parseInt(this.value);
-        if (val === -1) {
-            document.getElementById('dev-win-val').textContent = "NORMAL";
-            Gamestate.devWinOverride = -1;
-        } else {
-            document.getElementById('dev-win-val').textContent = val + "%";
-            Gamestate.devWinOverride = val / 100;
+    
+    document.getElementById('dev-heal')?.addEventListener('click', () => { 
+        if(this.player.commander) this.player.commander.hp = 100; 
+        this.updateInfo(); 
+        this.showToast("Dev: Commander Healed"); 
+    });
+    
+    document.getElementById('dev-stimpak')?.addEventListener('click', () => { 
+        if(this.player.commander) {
+            this.player.commander.stimpaks++; 
+            if (this.renderInventory) this.renderInventory();
+            this.updateInfo(); 
+            this.showToast("Dev: +1 Stimpak added to inventory."); 
         }
     });
+
+    document.getElementById('dev-storm')?.addEventListener('click', () => { 
+        this.radstorm.cooldown = 1; 
+        this.processRadstorm(); 
+        document.getElementById('dev-modal').style.display = 'none'; 
+    });
+
+    // --- NEW DEV PERK BUTTON ---
+    document.getElementById('dev-perk')?.addEventListener('click', () => {
+        if (!Gamestate.bobbleheads) return;
+        let unfoundItems = Gamestate.bobbleheads.filter(item => !item.found);
+        if (unfoundItems.length > 0) {
+            let foundItem = unfoundItems[Math.floor(Math.random() * unfoundItems.length)];
+            foundItem.found = true;
+            let navInv = document.getElementById('nav-inv');
+            if (navInv) navInv.classList.add('inv-pulse');
+            if (Gamestate.showToast) Gamestate.showToast(`Dev: Granted '${foundItem.name}'`);
+            if (Gamestate.stage !== undefined && Gamestate.logAction) {
+                 Gamestate.logAction(`[ OVERSEER ] A '${foundItem.name}' has been added to your inventory.`, true);
+            }
+            if (Gamestate.renderInventory) Gamestate.renderInventory();
+        } else {
+            if (Gamestate.showToast) Gamestate.showToast("Dev: All Bobbleheads already found.");
+        }
+    });
+
+
     // --- DEV TOOL: FORCE UI THEME SWAP ---
     document.getElementById('dev-theme-override')?.addEventListener('change', function(e) {
         let theme = e.target.value;
         
+        // --- ADD THIS BLOCK to update the cursor color ---
+        if (theme === 'fnv') {
+            updateDynamicCursor('#ffb642'); // Amber
+        } else if (theme === 'fo4') {
+            updateDynamicCursor('#22ccff'); // Blue
+        } else {
+            updateDynamicCursor('#18ff62'); // Default Green
+        }
+        // --- END OF ADDED BLOCK ---
+
         // Safely wipe the current era's CSS tags
         document.body.classList.remove('theme-fnv', 'theme-fo4');
         
@@ -1834,6 +2665,8 @@ document.getElementById('dev-win-slider')?.addEventListener('input', function()
         if (Gamestate.showToast) Gamestate.showToast("Dev Override: UI forced to " + theme.toUpperCase());
     });
 
+    if (this.setupInventory) this.setupInventory();
+
 }
 
 Gamestate.updateButtonText = function() {
@@ -1864,7 +2697,18 @@ Gamestate.start = async function(){
     if(combatLog) combatLog.innerHTML = "";
     this.logQueue = []; this.isLogging = false;
 
-    this.diplomacy = { truces: [], betrayalTax: {}, grudges: {}, spiteTarget: null, spiteTurns: 0 };
+    this.diplomacy = { truces: [], betrayalTax: {}, grudges: {}, spiteTarget: null, spiteTurns: 0, reputation: {} };
+
+    // --- RESET INVENTORY ON REBOOT ---
+    if (this.bobbleheads) {
+        this.bobbleheads.forEach(b => {
+            b.found = false;
+            b.cooldown = 0;
+            b.active = false;
+        });
+    }
+    let navInv = document.getElementById('nav-inv');
+    if (navInv) navInv.classList.remove('inv-pulse');
 
     if (end) end.style.pointerEvents = "auto";
     if (map) map.style.pointerEvents = "auto";
@@ -1899,7 +2743,13 @@ this.devWinOverride = -1;
     this.players = JSON.parse(JSON.stringify(basePlayers)); 
 
     let factionList = themeFactions[selectedTheme];
-    for(let i = 0; i < 6; i++) { this.players[i].name = factionList[i].name; this.players[i].country = factionList[i].country; this.players[i].codes = 0; }
+    for(let i = 0; i < 6; i++) {
+        // Preserve existing properties and only update name and country
+        this.players[i].name = factionList[i].name;
+        this.players[i].country = factionList[i].country;
+        // This ensures .codes and other properties are not erased
+    }
+
 
     let horrors = this.players.find(p => p.isNeutral && p.name === "Wasteland Horrors");
     if ((optHorrors || this.nukesEnabled) && !horrors) {
@@ -1907,7 +2757,20 @@ this.devWinOverride = -1;
         horrors = this.players[this.players.length - 1];
     }
 
-    this.players.forEach(p => { this.diplomacy.betrayalTax[p.name] = 0; this.diplomacy.grudges[p.name] = []; });
+    // Set up standard diplomacy trackers AND the new Reputation Matrix
+    this.players.forEach(p1 => { 
+        this.diplomacy.betrayalTax[p1.name] = 0; 
+        this.diplomacy.grudges[p1.name] = []; 
+        this.diplomacy.reputation[p1.name] = {};
+        
+        // Initialize everyone at Neutral (0) with everyone else
+        this.players.forEach(p2 => {
+            if (p1.name !== p2.name) {
+                this.diplomacy.reputation[p1.name][p2.name] = 0; 
+            }
+        });
+    });
+
 
     this.aiTurn = false; this.gameOver = false; this.prevCountry = null; this.prevTarget = null; this.turn = 1; this.stage = "Fortify"; this.playerTroopsPlaced = 0; this.player = this.players[0];
     
@@ -2001,6 +2864,9 @@ this.players.forEach(p => { if(p.alive && !p.isNeutral && p.areas.length > 0) {
     this.player.reserve = this.unitBonus(this.player, 0); this.player.army += this.player.reserve;
     this.drawMapText(); this.updateInfo();
     
+    this.startIntelAnimation();
+
+
     await this.logAction("RobCo OS Booted. Wasteland Simulation Online.", true);
     if (optRadstorms) await this.logAction(">>> SYSTEM: METEOROLOGICAL HAZARD SUBSYSTEM LOADED.");
     if (optHorrors) await this.logAction(">>> SYSTEM: NEUTRAL THREAT SCANNER ACTIVE.");
@@ -2016,123 +2882,306 @@ Gamestate.drawMapText = function() {
         let textNode = country.textNode || (areaOnMap ? areaOnMap.nextElementSibling : null);
         
         if (areaOnMap && textNode) {
-            if(country.isCrater) { textNode.innerHTML = ""; return; }
-            let text = `${country.army}`;
             
-            let iconHtml = "";
-            if(this.nukesEnabled && country.isSilo) {
-                let isLaunchSite = (this.activeNuke && this.activeNuke.launchSilo === country.name);
-                let siloColor = isLaunchSite ? "#ff3333" : "#ffcc00";
-                let pulse = isLaunchSite ? `filter="drop-shadow(0 0 8px #ff3333)"` : ``;
-                iconHtml += `<tspan fill="${siloColor}" font-size="22px" ${pulse}>☢</tspan> `;
+            if(country.isCrater) { 
+                textNode.innerHTML = ""; 
+                return; 
+            }
+
+            // --- FOG OF WAR CHECK ---
+            const isShrouded = areaOnMap.classList.contains('fog-shroud');
+            
+            let finalHtml;
+
+            if (!isShrouded) {
+                // --- VISIBLE TERRITORY ---
+                // Your original, working logic for visible territories.
+                let text = `${country.army}`;
+                let iconHtml = "";
+
+                if(this.nukesEnabled && country.isSilo) {
+                    let isLaunchSite = (this.activeNuke && this.activeNuke.launchSilo === country.name);
+                    let siloColor = isLaunchSite ? "#ff3333" : "#ffcc00";
+                    let pulse = isLaunchSite ? `filter="drop-shadow(0 0 8px #ff3333)"` : ``;
+                    iconHtml += `<tspan fill="${siloColor}" font-size="22px" ${pulse}>☢</tspan> `;
+                }
+                
+                if(this.commandersEnabled) {
+                    this.players.forEach(p => {
+                        if (p.alive && !p.isNeutral && p.commander && p.commander.loc === country.name) {
+                            iconHtml += `<tspan fill="${p.color}" font-size="20px" filter="drop-shadow(0 0 3px #000)">★</tspan> `;
+                        }
+                    });
+                }
+                
+                if (iconHtml !== "") { 
+                    text += `<tspan dy="-15">${iconHtml}</tspan>`; 
+                }
+                finalHtml = text;
+
+            } else {
+                // --- SHROUDED TERRITORY ---
+                // Show a question mark.
+                let text = '?';
+
+                // SILO MEMORY: If we know a silo is here, show the icon.
+                if (this.nukesEnabled && country.isSilo && country.knownSilo) {
+                    // CORRECTED LINE: This creates a valid icon without the problematic 'dy' attribute.
+                    // The icon will appear next to the question mark.
+                    text += ` <tspan fill="#ffcc00" font-size="22px">☢</tspan>`;
+                }
+                finalHtml = text;
             }
             
-            if(this.commandersEnabled) {
-                this.players.forEach(p => {
-                    if (p.alive && !p.isNeutral && p.commander && p.commander.loc === country.name) {
-                        iconHtml += `<tspan fill="${p.color}" font-size="20px" filter="drop-shadow(0 0 3px #000)">★</tspan> `;
-                    }
-                });
-            }
-            
-            if (iconHtml !== "") { text += `<tspan dy="-15">${iconHtml}</tspan>`; }
-            
-            textNode.innerHTML = text;
+            // Update the map text.
+            textNode.innerHTML = finalHtml;
         }
     });
 }
 
+
 Gamestate.areAllies = function(f1, f2) { return this.diplomacy.truces.some(t => (t.f1 === f1 && t.f2 === f2) || (t.f1 === f2 && t.f2 === f1)); }
 Gamestate.getTruce = function(f1, f2) { return this.diplomacy.truces.find(t => (t.f1 === f1 && t.f2 === f2) || (t.f1 === f2 && t.f2 === f1)); }
 
 Gamestate.openDiplomacy = function(targetName) {
     let target = this.players.find(p => p.name === targetName);
     if(!target || !target.alive || target.isNeutral) return;
-    if(this.areAllies(this.player.name, targetName)) { this.showToast(`You already have a Ceasefire with ${targetName}.`, "var(--pip-color)"); return; }
+
+    if(this.areAllies(this.player.name, targetName)) { this.showToast(`You already have a Ceasefire with ${targetName}.`); return; }
     if(this.diplomacy.grudges[targetName] && this.diplomacy.grudges[targetName].includes(this.player.name)) { this.showToast(`REJECTED: ${targetName} refuses to speak with a backstabber.`, "red"); return; }
 
+    // 1. Setup the UI text
     document.getElementById('dip-target-name').textContent = `Target: ${targetName}`;
-    document.getElementById('dip-my-caps').textContent = this.player.cards.length;
+    
+    // 2. Fetch and display Reputation
+    let repScore = this.diplomacy.reputation[target.name][this.player.name] || 0;
+    let repLabel = "NEUTRAL"; let repColor = "var(--pip-color)";
+    if (repScore >= 35) { repLabel = "IDOLIZED"; repColor = "#00ff00"; }
+    else if (repScore >= 10) { repLabel = "LIKED"; repColor = "#88ff88"; }
+    else if (repScore <= -35) { repLabel = "HATED"; repColor = "#ff0000"; }
+    else if (repScore <= -10) { repLabel = "HOSTILE"; repColor = "#ff8888"; }
+    
+    let repDisplay = document.getElementById('dip-rep-display');
+    repDisplay.textContent = `REP: ${repLabel}`;
+    repDisplay.style.color = repColor;
 
     let tax = this.diplomacy.betrayalTax[this.player.name] || 0;
-    
-    // --- CALCULATE REQUIRED CAPS FIRST ---
-    let baseReq = 1; 
-    if(target.army > this.player.army) baseReq = 2; 
-    if(target.army > (this.player.army * 2)) baseReq = 3;
-    let totalReq = baseReq + tax;
+    let warningEl = document.getElementById('dip-tax-warning');
+    warningEl.innerHTML = tax > 0 ? `WASTELAND PARIAH: +${tax} Cap penalty applies to negotiations.` : "";
 
-    let offerSlider = document.getElementById('dip-offer');
-    offerSlider.max = Math.max(1, this.player.cards.length);
-    
-    // AUTO-SET SLIDER TO THE REQUIRED AMOUNT (If player has enough caps)
-    if (this.player.cards.length >= totalReq) {
-        offerSlider.value = totalReq;
-    } else {
-        offerSlider.value = this.player.cards.length;
-    }
-    document.getElementById('dip-offer-val').textContent = offerSlider.value;
+    // 3. Setup the Offer Sliders
+    const offerCapsSlider = document.getElementById('dip-offer-caps');
+    const offerCapsVal = document.getElementById('dip-offer-caps-val');
+    document.getElementById('dip-my-caps-max').textContent = this.player.cards.length;
+    offerCapsSlider.max = this.player.cards.length;
+    offerCapsSlider.value = 0; offerCapsVal.textContent = "0";
 
-    let validateOffer = () => {
-        let offer = parseInt(offerSlider.value);
-        let warningEl = document.getElementById('dip-tax-warning');
-        if(tax > 0) warningEl.innerHTML = `WASTELAND PARIAH: +${tax} Cap penalty applies.<br>`; else warningEl.innerHTML = "";
-        
-        if(offer < totalReq || this.player.cards.length < totalReq) {
-            warningEl.innerHTML += `<span style="color:#ff3333; font-weight:bold;">${target.name} demands at least ${totalReq} Caps (Army Size Difference).</span>`;
-            document.getElementById('dip-send').disabled = true;
+    const offerTroopsSlider = document.getElementById('dip-offer-troops');
+    const offerTroopsVal = document.getElementById('dip-offer-troops-val');
+    document.getElementById('dip-my-troops-max').textContent = this.player.reserve;
+    offerTroopsSlider.max = this.player.reserve;
+    offerTroopsSlider.value = 0; offerTroopsVal.textContent = "0";
+
+    // 4. Setup the Request Sliders
+    const reqTruce = document.getElementById('dip-req-truce');
+    reqTruce.checked = false; // Default to unchecked
+
+    const reqCapsSlider = document.getElementById('dip-req-caps');
+    const reqCapsVal = document.getElementById('dip-req-caps-val');
+    document.getElementById('dip-their-caps-max').textContent = target.cards.length;
+    reqCapsSlider.max = target.cards.length;
+    reqCapsSlider.value = 0; reqCapsVal.textContent = "0";
+
+    // 5. Update values on drag
+    offerCapsSlider.oninput = function() { offerCapsVal.textContent = this.value; validateProposal(); };
+    offerTroopsSlider.oninput = function() { offerTroopsVal.textContent = this.value; validateProposal(); };
+    reqCapsSlider.oninput = function() { reqCapsVal.textContent = this.value; validateProposal(); };
+    reqTruce.onchange = function() { validateProposal(); };
+
+    // 6. The Validation Logic (Checks if the AI will accept)
+    let validateProposal = () => {
+        let capsOffered = parseInt(offerCapsSlider.value);
+        let troopsOffered = parseInt(offerTroopsSlider.value);
+        let capsRequested = parseInt(reqCapsSlider.value);
+        let truceRequested = reqTruce.checked;
+
+        let analysisEl = document.getElementById('dip-analysis');
+        let sendBtn = document.getElementById('dip-send');
+
+        // AI hates you = Instant refusal of any request
+        if (repScore <= -35 && (capsRequested > 0 || truceRequested)) {
+            analysisEl.innerHTML = `<span style="color: #ff3333;">Refusal guaranteed. Target is hostile.</span>`;
+            sendBtn.disabled = true;
+            return;
+        }
+
+        // Calculate Trade Value
+        let offerValue = capsOffered + (troopsOffered * 0.5); // Caps are worth more than troops
+        let requestValue = capsRequested;
+        if (truceRequested) {
+            let baseTruceCost = 1 + tax;
+            if (target.army > this.player.army) baseTruceCost = 2 + tax;
+            if (target.army > (this.player.army * 2)) baseTruceCost = 3 + tax;
+            
+            // Reputation Discounts!
+            if (repScore >= 35) baseTruceCost = Math.max(0, baseTruceCost - 2);
+            else if (repScore >= 10) baseTruceCost = Math.max(0, baseTruceCost - 1);
+            
+            requestValue += baseTruceCost;
+        }
+
+        // Is it a gift?
+        if (offerValue > 0 && requestValue === 0) {
+            analysisEl.innerHTML = `<span style="color: #00ff00;">Generous Gift. Significant Reputation increase expected.</span>`;
+            sendBtn.disabled = false;
+            return;
+        }
+
+        // Is the trade fair?
+        if (offerValue >= requestValue && requestValue > 0) {
+            analysisEl.innerHTML = `<span style="color: var(--pip-color);">Terms acceptable. Target likely to agree.</span>`;
+            sendBtn.disabled = false;
+        } else if (requestValue > 0) {
+            analysisEl.innerHTML = `<span style="color: #ffcc00;">Terms insufficient. Target demands more value.</span>`;
+            sendBtn.disabled = true;
         } else {
-            document.getElementById('dip-send').disabled = false;
+             analysisEl.innerHTML = `Awaiting terms...`;
+             sendBtn.disabled = true; // Nothing offered or requested
         }
     };
-    
-    offerSlider.oninput = function() { document.getElementById('dip-offer-val').textContent = this.value; validateOffer(); };
-    validateOffer();
 
+    validateProposal(); // Run once to set initial state
+    
     let modal = document.getElementById('diplomacy-modal');
     modal.style.display = 'flex';
 
     document.getElementById('dip-send').onclick = () => {
-        let offer = parseInt(offerSlider.value);
-        this.sendEnvoy(target, offer, tax); modal.style.display = 'none';
+        // Build the proposal object
+        let proposal = {
+            capsOffered: parseInt(offerCapsSlider.value),
+            troopsOffered: parseInt(offerTroopsSlider.value),
+            capsRequested: parseInt(reqCapsSlider.value),
+            truceRequested: reqTruce.checked
+        };
+        this.sendEnvoy(target, proposal, tax); 
+        modal.style.display = 'none';
     };
     document.getElementById('dip-cancel').onclick = () => { modal.style.display = 'none'; };
 };
 
-Gamestate.sendEnvoy = function(target, offer) {
-    let turnsRequested = Math.min(6, offer); 
+Gamestate.sendEnvoy = function(target, proposal, tax) {
+    let repScore = this.diplomacy.reputation[target.name][this.player.name] || 0;
     
-    // AI Acceptance Math: AI rejects if they are vastly superior in numbers
-    let playerStrength = this.player.army;
-    let aiStrength = target.army;
-    let powerRatio = aiStrength / (playerStrength + 1);
+    // Calculate Trade Value
+    let offerValue = proposal.capsOffered + (proposal.troopsOffered * 0.5);
+    let requestValue = proposal.capsRequested;
     
-    let acceptanceChance = (offer * 0.18) - (powerRatio * 0.08);
-
-    if (Math.random() < acceptanceChance || offer >= 6) {
-        // Transfer Caps
-        for(let i=0; i < offer; i++) {
-            if(this.player.cards.length > 0) target.cards.push(this.player.cards.pop());
-        }
-
-        // Enact Truce
-        this.diplomacy.truces.push({ f1: this.player.name, f2: target.name, turns: turnsRequested });
-        this.logAction(`[ DIPLOMACY ] Envoy successful! ${target.name} accepted ${offer} Caps for a ${turnsRequested}-Round Ceasefire.`, true);
-    } else {
-        // AI Rejects
-        this.logAction(`[ DIPLOMACY ] Envoy rejected! ${target.name} refuses to negotiate with your current forces.`, true);
+    let baseTruceCost = 1 + tax;
+    if (target.army > this.player.army) baseTruceCost = 2 + tax;
+    if (target.army > (this.player.army * 2)) baseTruceCost = 3 + tax;
+    if (repScore >= 75) baseTruceCost = Math.max(0, baseTruceCost - 2);
+    else if (repScore >= 25) baseTruceCost = Math.max(0, baseTruceCost - 1);
+    
+    if (proposal.truceRequested) {
+        requestValue += baseTruceCost;
     }
 
+    // AI Acceptance Logic
+    // If the offer is greater than or equal to the request, OR it's a pure gift, they accept.
+    if (offerValue >= requestValue || (offerValue > 0 && requestValue === 0)) {
+        
+        // --- EXECUTE THE TRADE ---
+        // 1. Transfer Caps (Player to AI)
+        for(let i=0; i < proposal.capsOffered; i++) {
+            if(this.player.cards.length > 0) target.cards.push(this.player.cards.pop());
+        }
+        // 2. Transfer Caps (AI to Player)
+        for(let i=0; i < proposal.capsRequested; i++) {
+            if(target.cards.length > 0) this.player.cards.push(target.cards.pop());
+        }
+        // 3. Transfer Troops (Player to AI Reserve)
+        if (proposal.troopsOffered > 0) {
+            this.player.reserve = Math.max(0, this.player.reserve - proposal.troopsOffered);
+            target.reserve += proposal.troopsOffered;
+            // Instantly deploy them to the AI's army so they can use them
+            target.army += proposal.troopsOffered; 
+            
+            // --- NEW: PREVENT DEPLOYMENT SOFTLOCK ---
+            // If the player traded away their last reserve troop during the Fortify phase, 
+            // instantly advance them to the Battle phase.
+            if (this.stage === "Fortify" && this.player.reserve === 0) {
+                this.stage = "Battle";
+                
+                let endBtn = document.getElementById('end');
+                if (endBtn) {
+                    endBtn.style.opacity = "1"; 
+                    endBtn.style.pointerEvents = "auto";
+                }
+                
+                if (turnInfo) turnInfo.textContent = "Combat Phase"; 
+                if (turnInfoMessage) turnInfoMessage.textContent = "Select staging territory, then target an enemy.";
+                this.updateButtonText(); 
+            }
+            // ----------------------------------------
+        }
+
+        // 4. Enact Truce
+        if (proposal.truceRequested) {
+            this.diplomacy.truces.push({ f1: this.player.name, f2: target.name, turns: 3 });
+        }
+
+        // --- CALCULATE REPUTATION CHANGES ---
+        let repChange = 0;
+        let actionText = "";
+
+        // Was it a pure gift?
+        if (requestValue === 0 && offerValue > 0) {
+            repChange = Math.floor(offerValue * 3); // Gifts are highly valued (+3 to +15 approx)
+            actionText = `[ DIPLOMACY ] You sent a generous gift of ${proposal.capsOffered} Caps and ${proposal.troopsOffered} Troops to ${target.name}.`;
+        } 
+        // Was it an exceptionally generous trade?
+        else if (offerValue > requestValue * 2) {
+            repChange = Math.floor((offerValue - requestValue) * 2); 
+            actionText = `[ DIPLOMACY ] You concluded a highly favorable trade with ${target.name}.`;
+        }
+        // Was it a standard, fair trade?
+        else {
+            repChange = 1; // Small bump just for doing business
+            actionText = `[ DIPLOMACY ] Trade agreement reached with ${target.name}.`;
+        }
+
+        // Apply Reputation
+        if (repChange > 0) {
+            this.diplomacy.reputation[target.name][this.player.name] = Math.min(50, repScore + repChange);
+            actionText += ` (Reputation increased by +${repChange}).`;
+        }
+        
+        if (this.queueToast) this.queueToast(`>>> ENVOY RETURNED <<< <br><br>TERMS ACCEPTED BY ${target.name.toUpperCase()}`, "var(--pip-color)", false);
+        this.logAction(actionText, true);
+
+    } else {
+        // AI Rejects
+        if (this.queueToast) this.queueToast(`>>> ENVOY RETURNED <<< <br><br>TERMS REJECTED BY ${target.name.toUpperCase()}`, "#ff3333", false);
+        this.logAction(`[ DIPLOMACY ] Envoy rejected! ${target.name} refuses your terms.`, true);
+    }
+    
     this.updateInfo();
 }
 
-Gamestate.showEnvoyModal = function(factionName, caps, turns, color) {
+
+Gamestate.showEnvoyModal = function(factionName, caps, turns, color, isRequestingTroops = false, troopsRequested = 0) {
     return new Promise((resolve) => {
         let modal = document.getElementById('envoy-modal');
-        // Now injects the faction's color into the text!
-        document.getElementById('envoy-message').innerHTML = `<span style="color: ${color}; font-weight: bold; text-shadow: 0 0 5px ${color};">${factionName}</span> offers ${caps} Bottle Cap for a ${turns}-Round Ceasefire. Do you accept the terms?`;
+        let msgEl = document.getElementById('envoy-message');
+        
+        if (isRequestingTroops) {
+            msgEl.innerHTML = `>>> URGENT TRANSMISSION <<< <br><br><span style="color: ${color}; font-weight: bold;">${factionName}</span> is suffering heavy casualties and requests emergency reinforcements.<br><br>Transfer <span style="font-weight: bold; color: var(--pip-color);">${troopsRequested} Troops</span> from your reserves?`;
+        } else {
+            msgEl.innerHTML = `<span style="color: ${color}; font-weight: bold;">${factionName}</span> offers ${caps} Bottle Cap for a ${turns}-Round Ceasefire.<br><br>Do you accept the terms?`;
+        }
         
         modal.style.display = 'flex';
+        this.modalIsOpen = true; 
         
         let acceptBtn = document.getElementById('envoy-accept');
         let rejectBtn = document.getElementById('envoy-reject');
@@ -2141,11 +3190,12 @@ Gamestate.showEnvoyModal = function(factionName, caps, turns, color) {
         acceptBtn.parentNode.replaceChild(newAccept, acceptBtn);
         rejectBtn.parentNode.replaceChild(newReject, rejectBtn);
         
-        newAccept.onclick = () => { modal.style.display = 'none'; resolve(true); };
-        newReject.onclick = () => { modal.style.display = 'none'; resolve(false); };
+        newAccept.onclick = () => { modal.style.display = 'none'; this.modalIsOpen = false; resolve(true); };
+        newReject.onclick = () => { modal.style.display = 'none'; this.modalIsOpen = false; resolve(false); };
     });
 }
 
+
 Gamestate.showBetrayalModal = function(targetName) {
     return new Promise((resolve) => {
         let modal = document.getElementById('betrayal-modal');
@@ -2274,16 +3324,106 @@ Gamestate.breakTruce = function(attackerName, defenderName) {
     this.updateInfo();
 }
 
-Gamestate.showToast = function(message, bgColor = "#222") {
+// --- CENTRAL NOTIFICATION QUEUE ---
+Gamestate.toastQueue = [];
+Gamestate.isToastActive = false;
+
+Gamestate.queueToast = function(htmlContent, bgColor = "var(--pip-color)", priority = false) {
+    const toastData = { html: htmlContent, color: bgColor };
+    
+    if (priority) {
+        this.toastQueue.unshift(toastData); // Priority items jump to the front
+    } else {
+        this.toastQueue.push(toastData); // Standard items go to the back
+    }
+    
+    this.processToastQueue();
+};
+
+Gamestate.processToastQueue = function() {
+    // 1. If a toast is currently animating on screen, do nothing and wait.
+    if (this.isToastActive) return;
+
+    // 2. If the queue is empty, do nothing.
+    if (this.toastQueue.length === 0) return;
+
+    // 3. CRITICAL PAUSE CHECK: If ANY modal is open, wait 500ms and try again.
+    // This stops alerts from drawing over Envoy, Tactical, or Betrayal screens.
+    if (this.modalIsOpen) {
+        setTimeout(() => { this.processToastQueue(); }, 500);
+        return;
+    }
+
+    // 4. Screen is clear. Lock the queue and grab the next message.
+    this.isToastActive = true;
+    const nextToast = this.toastQueue.shift(); 
+
+    const container = document.getElementById("toast-container");
+    if (!container) {
+        this.isToastActive = false;
+        return;
+    }
+
+    // 5. Build the HTML Element
+    const toastEl = document.createElement("div");
+    toastEl.className = "dynamic-toast";
+    toastEl.innerHTML = nextToast.html + '<span class="blinking-cursor">_</span>';
+    
+    // Apply styling based on priority/type
+    if (nextToast.color === "red" || nextToast.color === "#ff3333") {
+        toastEl.classList.add("nuke-alert");
+    } else {
+        toastEl.style.backgroundColor = nextToast.color;
+        toastEl.style.color = "var(--pip-dark)";
+        toastEl.style.textShadow = "none";
+    }
+
+    container.appendChild(toastEl);
+
+    // 6. Animate In
+    setTimeout(() => {
+        toastEl.classList.add("show");
+    }, 50);
+
+    // 7. Animate Out and Unlock Queue
+    setTimeout(() => {
+        toastEl.classList.remove("show");
+        
+        // Wait for CSS fade-out to finish before deleting
+        setTimeout(() => {
+            if (toastEl.parentNode) toastEl.parentNode.removeChild(toastEl);
+            
+            // Unlock the queue and immediately check for the next message
+            this.isToastActive = false;
+            this.processToastQueue(); 
+        }, 400); 
+    }, 3500); // Alert stays on screen for 3.5 seconds
+};
+
+
+Gamestate.showToast = function(message, bgColor = "var(--pip-color)") {
+    // Determine text color based on background for contrast
+    let textColor = "var(--pip-dark)";
+    if (bgColor === "red" || bgColor === "#ff3333" || bgColor === "#222") {
+        textColor = "#ffffff";
+    }
+
     let toast = document.getElementById("toast");
     if(toast) {
-        toast.textContent = message; toast.style.backgroundColor = bgColor; toast.className = "toast show";
+        toast.textContent = message; 
+        toast.style.backgroundColor = bgColor; 
+        toast.style.color = textColor;
+        toast.style.textShadow = "none"; // Ensure no glow on solid backgrounds
+        
+        toast.className = "toast show";
         if (this.toastTimeout) clearTimeout(this.toastTimeout);
         this.toastTimeout = setTimeout(function(){ toast.className = toast.className.replace("show", ""); }, 3500);
     }
 }
 
+
 Gamestate.handleClick = function(e){
+
     if (this.aiTurn) return; 
     if(this.stage === "Fortify") this.addArmy(e); 
     else if(this.stage === "Battle") this.attack(e); 
@@ -2306,75 +3446,194 @@ Gamestate.win = function(player){
 
 Gamestate.restart = function(){ if (modal) modal.style.display = "flex"; if (winModal) winModal.style.display = "none"; }
 
+// --- INTEL ANIMATION LOGIC ---
+Gamestate.intelAnimationTimer = null; // This will hold the animation timer
+
+Gamestate.startIntelAnimation = function() {
+    // Clear any existing animation timer to prevent it from speeding up on game restarts.
+    if (this.intelAnimationTimer) {
+        clearInterval(this.intelAnimationTimer);
+    }
+
+    const spinnerChars = ['\\', '|', '/', '—'];
+    let frame = 0;
+    const searchDuration = 8; // How many frames the spinner animation will run
+    const pauseDuration = 20; // How many frames the '?' will be displayed before looping
+
+    this.intelAnimationTimer = setInterval(() => {
+        // Find all the elements we need to animate
+        const incomeSpinners = document.querySelectorAll('.intel-spinner-income');
+        const mainSpinners = document.querySelectorAll('.intel-spinner-main');
+
+        if (incomeSpinners.length === 0 && mainSpinners.length === 0) return; // Exit if nothing to animate
+
+        const currentCycleFrame = frame % (searchDuration + pauseDuration);
+
+        if (currentCycleFrame < searchDuration) {
+            // "Searching" Phase: Show the spinner characters
+            const char = spinnerChars[currentCycleFrame % spinnerChars.length];
+            incomeSpinners.forEach(el => { el.textContent = char; });
+            mainSpinners.forEach(el => { el.textContent = char; });
+        } else {
+            // "Display" Phase: Show the question marks
+            incomeSpinners.forEach(el => { el.textContent = '??'; });
+            mainSpinners.forEach(el => { el.textContent = '??'; });
+        }
+        
+        frame++;
+    }, 150); // Animation speed in milliseconds (lower is faster)
+};
+
 Gamestate.updateInfo = function(){
     if (turnInfo) turnInfo.textContent = this.stage;
     let totalArmy = 0; this.players.forEach(player => { totalArmy += player.army });
+
+    // --- FINAL & DEFINITIVE PLAYER INFO LOGIC (REVISED) ---
     let sortedPlayers = [...this.players].sort((a, b) => b.army - a.army);
+    const iBobbleActive = this.bobbleheads && this.bobbleheads.find(b => b.key === 'i' && b.active);
 
     this.players.forEach((player, i) => {
         let infoBox = infoName[i] ? infoName[i].parentElement : null;
         if (!infoBox) return;
 
-        let capsDiv = infoBox.querySelector('.caps-display');
-        if (!capsDiv) {
-            capsDiv = document.createElement('div'); capsDiv.className = 'caps-display'; capsDiv.style.color = 'var(--pip-color)'; capsDiv.style.fontSize = '14px'; capsDiv.style.marginTop = '2px';
-            if (infoIncome[i]) infoIncome[i].parentElement.after(capsDiv); 
-        }
+        // --- Get UI Elements (instead of creating them) ---
+        let leaderEl = infoBox.querySelector('.leader');
+        let countryEl = infoBox.querySelector('.country');
+        let incomeContainer = infoBox.querySelector('.income-label');
+        let capsEl = infoBox.querySelector('.caps-display');
+        let barEl = infoBox.querySelector('.bar');
 
         if (player.alive) {
-            if (infoLeader[i]) infoLeader[i].innerHTML = player.name; if (infoName[i]) infoName[i].innerHTML = player.country;
+            infoBox.classList.remove('defeated');
+            const fogEnabled = document.getElementById('opt-fog-of-war') && document.getElementById('opt-fog-of-war').checked;
+            const hasIntel = !fogEnabled || player.name === this.player.name || iBobbleActive || (this.diplomacy.reputation[player.name] && this.diplomacy.reputation[player.name][this.player.name] >= 10);
+
+            // --- Player Name (Bold) ---
+            if (leaderEl) leaderEl.innerHTML = player.name;
+
+            // --- Faction Name & Reputation ---
+            if (countryEl) {
+                let countryHtml = player.country;
+                if (!player.isNeutral && player.name !== this.player.name) {
+                    let rep = this.diplomacy.reputation[player.name]?.[this.player.name] || 0;
+                    let repText = "NEUTRAL";
+                    if (rep >= 35) { repText = "IDOLIZED"; }
+                    else if (rep >= 10) { repText = "LIKED"; }
+                    else if (rep <= -35) { repText = "HATED"; }
+                    else if (rep <= -10) { repText = "HOSTILE"; }
+                    countryHtml += ` (${repText})`;
+                }
+                countryEl.innerHTML = countryHtml;
+            }
+
+            // Hide the old income-label
+            if (incomeContainer) incomeContainer.style.display = "none";
+
+            // --- Stats Area (Single, Well-Spaced Line) ---
 
             if (player.isNeutral) {
-                if (infoIncome[i]) infoIncome[i].parentElement.style.display = "none";
-                capsDiv.style.display = "none"; 
-                let existingBtn = infoBox.querySelector('.btn-diplomacy'); if(existingBtn) existingBtn.style.display = "none";
-            } else {
-                if (infoIncome[i]) { infoIncome[i].innerHTML = player.bonus; infoIncome[i].parentElement.style.display = "block"; }
-                capsDiv.innerHTML = `Bottle Caps: <span style="font-weight:bold; text-shadow: var(--pip-glow); font-size:16px;">${player.cards.length}</span>`;
-                if(this.nukesEnabled) capsDiv.innerHTML += ` | Codes: ${player.codes}`;
-                capsDiv.style.display = "block";
+                if (incomeContainer) incomeContainer.style.display = "none";
+                if (capsEl) capsEl.style.display = "none";
+             } else {
+                // Your existing spinner definitions, which are correct.
+                const spinnerIncome = `<span class="intel-spinner-income">??</span>`;
+                const spinnerMain = `<span class="intel-spinner-main">??</span>`;
+                const spinnerCodes = `<span class="spinner-codes">??</span>`;
+
+                // --- THIS IS THE FIX ---
+                // We wrap the real value OR the spinner span inside our new 'stat-slot' span.
+                let supplyVal = hasIntel 
+                    ? `<span class="stat-slot">${player.bonus}</span>` 
+                    : `<span class="stat-slot">${spinnerIncome}</span>`;
+
+                let capsVal = hasIntel 
+                    ? `<span class="stat-slot">${player.cards.length}</span>` 
+                    : `<span class="stat-slot">${spinnerMain}</span>`;
+
+                // Build the complete string with proper spacing
+                let combinedStats = `Supply: ${supplyVal} | Caps: ${capsVal}`;
+                if (this.nukesEnabled) {
+                    let nukesVal = hasIntel 
+                        ? `<span class="stat-slot">${player.codes || 0}</span>` 
+                        : `<span class="stat-slot">${spinnerCodes}</span>`;
+
+                    combinedStats += ` | Codes: ${nukesVal}`;
+                }
+
+                // The rest of your code, which correctly puts the stats in the container
+                if (incomeContainer) {
+                    incomeContainer.innerHTML = combinedStats;
+                    incomeContainer.style.display = "block";
+                }
                 
-                if (player.name !== this.player.name) {
-                    let dipBtn = infoBox.querySelector('.btn-diplomacy');
-                    if (!dipBtn) { dipBtn = document.createElement('button'); dipBtn.className = 'btn-diplomacy'; infoBox.appendChild(dipBtn); }
-                    dipBtn.style.display = "block";
-                    if (this.areAllies(this.player.name, player.name)) {
-                        let t = this.getTruce(this.player.name, player.name);
-                        dipBtn.textContent = `ALLIED: ${t.turns} TURNS`; dipBtn.disabled = true; dipBtn.style.background = "#0088ff"; dipBtn.style.color = "#fff"; dipBtn.style.borderColor = "#0088ff";
-                    } else {
-                        dipBtn.textContent = "Negotiate Truce"; dipBtn.disabled = false; dipBtn.style.background = ""; dipBtn.style.color = ""; dipBtn.style.borderColor = "";
-                        dipBtn.onclick = () => this.openDiplomacy(player.name);
-                    }
-                } else { let existingBtn = infoBox.querySelector('.btn-diplomacy'); if(existingBtn) existingBtn.style.display = "none"; }
+                if (capsEl) {
+                    capsEl.style.display = "none";
+                }
             }
-            if (bar[i]) bar[i].style.width = (player.army / totalArmy) * 230 + 'px';
+
+
+
+            // --- Bar and Diplomacy Button ---
+            if (barEl) {
+                barEl.style.width = (player.army / Math.max(totalArmy, 1)) * 100 + '%';
+                barEl.style.marginTop = '12px'; // Double space
+            }
+            
+            let dipBtn = infoBox.querySelector('.btn-diplomacy');
+            if (player.name !== this.player.name && !player.isNeutral && player.areas.length > 0) {
+                 if (!dipBtn) {
+                     dipBtn = document.createElement('button');
+                     dipBtn.className = 'btn-diplomacy';
+                     infoBox.appendChild(dipBtn);
+                 }
+                 dipBtn.style.display = "block";
+                 if (this.areAllies(this.player.name, player.name)) {
+                     let t = this.getTruce(this.player.name, player.name);
+                     dipBtn.textContent = `ALLIED: ${t.turns} TURNS`;
+                     dipBtn.disabled = true;
+                     dipBtn.style.background = "#0088ff";
+                 } else {
+                     dipBtn.textContent = "Initiate Trade/Truce";
+                     dipBtn.disabled = false;
+                     dipBtn.style.background = "";
+                     dipBtn.onclick = () => this.openDiplomacy(player.name);
+                 }
+            } else {
+                if (dipBtn) dipBtn.style.display = "none";
+            }
+
         } else {
-            if (infoIncome[i]) { infoIncome[i].innerHTML = "OFFLINE"; infoIncome[i].parentElement.style.display = "block"; }
-            if (infoLeader[i]) infoLeader[i].innerHTML = `<del>${player.name}</del>`; if (infoName[i]) infoName[i].innerHTML = `<del>${player.country}</del>`;
-            capsDiv.style.display = "none"; if (bar[i]) bar[i].style.width = "0px";
-            let existingBtn = infoBox.querySelector('.btn-diplomacy'); if(existingBtn) existingBtn.style.display = "none";
+            // --- Dead Player Logic ---
+            infoBox.classList.add('defeated');
+            if (leaderEl) leaderEl.innerHTML = `<del>${player.name}</del>`;
+            if (countryEl) countryEl.innerHTML = `<del>${player.country}</del>`;
+            if (incomeContainer) incomeContainer.innerHTML = 'OFFLINE';
+            if (capsEl) capsEl.style.display = "none";
+            if (barEl) barEl.style.width = "0px";
+            let existingBtn = infoBox.querySelector('.btn-diplomacy');
+            if(existingBtn) existingBtn.style.display = "none";
         }
-        let rank = sortedPlayers.findIndex(p => p.name === player.name); infoBox.style.display = "block"; infoBox.style.order = rank; 
-    });    
-    
+
+        let rank = sortedPlayers.findIndex(p => p.name === player.name);
+        infoBox.style.order = rank;
+    });
+
+    // --- The rest of the original function remains the same... ---
     if (this.players.length === 6 && infoName[6] && infoName[6].parentElement) infoName[6].parentElement.style.display = "none";
     let helpBtnEl = document.getElementById('help-btn'); if (helpBtnEl) helpBtnEl.style.order = "998";
     let restartBtn = document.getElementById('restart'); if (restartBtn) restartBtn.style.order = "999";
     let cardCount = document.getElementById('card-count'); if (cardCount) cardCount.textContent = this.player.cards.length;
-    if (reserveDisplay) reserveDisplay.innerHTML = this.player.reserve; 
-    
+    if (reserveDisplay) reserveDisplay.innerHTML = this.player.reserve;
     let viewCardsBtn = document.getElementById('view-cards-btn');
     if (viewCardsBtn) {
-        if (this.getBestTrade(this.player.cards)) { viewCardsBtn.textContent = "OPEN STASH"; viewCardsBtn.style.opacity = "1"; viewCardsBtn.style.pointerEvents = "auto"; viewCardsBtn.classList.add('ready-to-trade'); } 
+        if (this.getBestTrade(this.player.cards)) { viewCardsBtn.textContent = "OPEN STASH"; viewCardsBtn.style.opacity = "1"; viewCardsBtn.style.pointerEvents = "auto"; viewCardsBtn.classList.add('ready-to-trade'); }
         else { viewCardsBtn.textContent = this.player.cards.length > 0 ? "NO ELIGIBLE SETS" : "STASH EMPTY"; viewCardsBtn.style.opacity = "0.5"; viewCardsBtn.style.pointerEvents = "none"; viewCardsBtn.classList.remove('ready-to-trade'); }
     }
-
     let hpFill = document.getElementById('hp-fill'); let apFill = document.getElementById('ap-fill');
     if (hpFill && apFill && totalArmy > 0 && this.player.alive) {
         let hpPercentage = Math.min(100, (this.player.areas.length / 24) * 100); hpFill.style.width = hpPercentage + "%";
-        if (this.player.areas.length <= 5) { hpFill.style.background = "#ff0000"; hpFill.style.boxShadow = "0 0 10px rgba(255, 0, 0, 0.8)"; } 
+        if (this.player.areas.length <= 5) { hpFill.style.background = "#ff0000"; hpFill.style.boxShadow = "0 0 10px rgba(255, 0, 0, 0.8)"; }
         else { hpFill.style.background = "var(--pip-color)"; hpFill.style.boxShadow = "var(--pip-glow)"; }
-
         let apPercentage = 0;
         if (this.stage === "Fortify") {
             let maxReserve = Math.max(this.player.reserve + this.playerTroopsPlaced, 1); apPercentage = (this.player.reserve / maxReserve) * 100;
@@ -2386,7 +3645,7 @@ Gamestate.updateInfo = function(){
                     if (hasEnemyNeighbor) { currentStrikeForce += (t.army - 1); validAttacks++; }
                 }
             });
-            if (validAttacks === 0) apPercentage = 0; 
+            if (validAttacks === 0) apPercentage = 0;
             else {
                 if (this.lastStage !== "Battle") this.initialStrikeForce = currentStrikeForce;
                 if (currentStrikeForce > (this.initialStrikeForce || 1)) this.initialStrikeForce = currentStrikeForce;
@@ -2398,8 +3657,7 @@ Gamestate.updateInfo = function(){
             apPercentage = canManeuver ? (this.maneuverSource ? 0 : 100) : 0;
         } else if (this.stage === "Commander Phase" && this.commandersEnabled && this.player.commander) {
             apPercentage = (this.player.commander.ap / 2) * 100;
-        } else apPercentage = 0; 
-        
+        } else apPercentage = 0;
         apFill.style.width = apPercentage + "%";
         if (apPercentage <= 0) { apFill.style.opacity = "0"; apFill.style.visibility = "hidden"; } else { apFill.style.opacity = "1"; apFill.style.visibility = "visible"; }
         if (hpPercentage <= 0) { hpFill.style.opacity = "0"; hpFill.style.visibility = "hidden"; } else { hpFill.style.opacity = "1"; hpFill.style.visibility = "visible"; }
@@ -2407,20 +3665,48 @@ Gamestate.updateInfo = function(){
         hpFill.style.width = "0%"; hpFill.style.opacity = "0"; hpFill.style.visibility = "hidden";
         apFill.style.width = "0%"; apFill.style.opacity = "0"; apFill.style.visibility = "hidden";
     }
-    
+    const fogEnabled = document.getElementById('opt-fog-of-war') && document.getElementById('opt-fog-of-war').checked;
+    const pBobbleActive = this.bobbleheads && this.bobbleheads.find(b => b.key === 'p' && b.active);
+    const visibleTerritories = new Set();
+    if (fogEnabled && !pBobbleActive && this.player.alive) {
+        this.player.areas.forEach(a => visibleTerritories.add(a));
+        this.player.areas.forEach(areaName => {
+            const c = this.countries.find(x => x.name === areaName);
+            if (c) c.neighbours.forEach(n => visibleTerritories.add(n));
+        });
+        const idolizedAllies = this.players.filter(p => p.alive && !p.isNeutral && p.name !== this.player.name && this.diplomacy.reputation[p.name] && this.diplomacy.reputation[p.name][this.player.name] >= 35);
+        idolizedAllies.forEach(ally => {
+            ally.areas.forEach(a => visibleTerritories.add(a));
+            ally.areas.forEach(areaName => {
+                const c = this.countries.find(x => x.name === areaName);
+                if (c) c.neighbours.forEach(n => visibleTerritories.add(n));
+            });
+        });
+    }
     this.countries.forEach(country => {
         let areaOnMap = document.getElementById(country.name);
         if (areaOnMap) {
-            areaOnMap.style.fill = country.color;
-            if(country.isCrater) { areaOnMap.classList.add('crater'); areaOnMap.classList.remove('allied-territory'); } 
-            else {
-                areaOnMap.classList.remove('crater');
+            const isVisible = !fogEnabled || pBobbleActive || visibleTerritories.has(country.name) || !this.player.alive;
+            if (isVisible) {
+                areaOnMap.classList.remove('fog-shroud');
+                areaOnMap.style.fill = country.color;
+                if (this.nukesEnabled && country.isSilo) { country.knownSilo = true; }
                 if (country.radDecay > 0) areaOnMap.classList.add('glowing-sea'); else areaOnMap.classList.remove('glowing-sea');
                 if (this.areAllies(this.player.name, country.owner)) areaOnMap.classList.add('allied-territory'); else areaOnMap.classList.remove('allied-territory');
+            } else {
+                areaOnMap.classList.add('fog-shroud');
+                areaOnMap.style.fill = '';
+                areaOnMap.classList.remove('glowing-sea');
+                areaOnMap.classList.remove('allied-territory');
+            }
+            if (country.isCrater) {
+                areaOnMap.classList.add('crater');
+                areaOnMap.classList.remove('fog-shroud');
+            } else {
+                areaOnMap.classList.remove('crater');
             }
         }
     });
-
     if (this.radstorm && this.radstorm.areas) {
         this.radstorm.areas.forEach(areaName => {
             let el = document.getElementById(areaName);
@@ -2430,14 +3716,12 @@ Gamestate.updateInfo = function(){
             }
         });
     }
-
     if (this.nukesEnabled) {
         let hasSilo = this.countries.some(c => c.isSilo && c.owner === this.player.name);
         document.getElementById('nuke-silo-status').textContent = hasSilo ? "SECURED" : "NO";
         document.getElementById('nuke-silo-status').style.color = hasSilo ? "#18ff62" : "#ff3333";
         let nukeBtn = document.getElementById('btn-launch-nuke');
         nukeBtn.textContent = `NUKES: ${this.player.codes}/4 CODES`;
-        
         if (this.player.codes >= 4 && hasSilo && !this.activeNuke) {
             nukeBtn.disabled = false; nukeBtn.classList.add('nuke-ready'); nukeBtn.textContent = "INITIATE LAUNCH";
         } else if (this.activeNuke && this.activeNuke.launcher === this.player.name) {
@@ -2446,19 +3730,51 @@ Gamestate.updateInfo = function(){
             nukeBtn.disabled = true; nukeBtn.classList.remove('nuke-ready');
         }
     }
-
     if (this.commandersEnabled && this.player.commander) {
         document.getElementById('cmdr-hp-text').textContent = `HP: ${this.player.commander.hp}/100`;
         document.getElementById('cmdr-ap-text').textContent = `AP: ${this.player.commander.ap}/2`;
         document.getElementById('cmdr-hp-fill').style.width = `${this.player.commander.hp}%`;
-        let stimBtn = document.getElementById('btn-use-stimpak');
-        stimBtn.textContent = `INJECT STIMPAK (${this.player.commander.stimpaks})`;
-        if(this.player.commander.stimpaks > 0 && this.player.commander.hp < 100 && this.player.commander.ap > 0 && this.stage === "Commander Phase") stimBtn.disabled = false; else stimBtn.disabled = true;
     }
-
     this.drawMapText(); this.lastStage = this.stage;
 }
 
+
+
+// --- Scrambled Text Intel Animation (All 2 Characters) ---
+Gamestate.startIntelAnimation = function() {
+    if (this.intelAnimationTimer) {
+        clearInterval(this.intelAnimationTimer);
+    }
+
+    const scrambleChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!?#%&@??????';
+
+    function getScrambledString(length) {
+        let result = '';
+        for (let i = 0; i < length; i++) {
+            result += scrambleChars[Math.floor(Math.random() * scrambleChars.length)];
+        }
+        return result;
+    }
+
+    this.intelAnimationTimer = setInterval(() => {
+        // Find all the original spinner elements
+        const supplySpinners = document.querySelectorAll('.intel-spinner-income');
+        const capsSpinners = document.querySelectorAll('.intel-spinner-main');
+        const codesSpinners = document.querySelectorAll('.spinner-codes'); // This is the class for the codes spinner
+
+        // --- THIS IS THE FIX ---
+        // Apply a 2-character scramble to ALL of them.
+        supplySpinners.forEach(el => { el.textContent = getScrambledString(2); });
+        capsSpinners.forEach(el => { el.textContent = getScrambledString(2); });
+        codesSpinners.forEach(el => { el.textContent = getScrambledString(2); });
+
+    }, 100); // Animation speed in milliseconds
+};
+
+
+
+
+
 Gamestate.renderCards = function() {
     const list = document.getElementById('card-list'); if (!list) return; list.innerHTML = ''; this.selectedCards = [];
     this.player.cards.forEach((card, index) => {
@@ -2645,16 +3961,85 @@ Gamestate.handleEndTurn = async function(){
     if (map) map.style.pointerEvents = "none";
 
     if (this.player.conqueredThisTurn) {
-        let newCap = deck.length > 0 ? deck.pop() : { country: "Wasteland Salvage", type: "Wild" };
-        this.player.cards.push(newCap);
         
-        if(this.commandersEnabled && this.player.commander && this.player.commander.stimpaks < 1 && Math.random() < 0.15) {
-            this.player.commander.stimpaks++; await this.logAction("SCAVENGED: Found a rare Stimpak in the ruins!");
-        } else if (this.nukesEnabled && this.player.codes < 4 && this.globalCodes > 0 && Math.random() < 0.15) {
-            this.player.codes++; this.globalCodes--; this.showCodePopup(); await this.logAction("SCAVENGED: Recovered a heavily encrypted Launch Code Fragment!", true);
-        } else {
-            if (this.getBestTrade(this.player.cards)) await this.logAction("STASH FULL: Enough Caps collected to hire more troops.");
-            else await this.logAction("SCAVENGED: Found a Bottle Cap after securing enemy territory.");
+        let luckItem = this.bobbleheads && this.bobbleheads.find(i => i.key === 'l' && i.cooldown > 0);
+        // Luck perk now adds a flat +15% to all rare loot drops
+        const luckModifier = luckItem ? 0.15 : 0; 
+        
+        let roll = Math.random();
+
+        // 1. Roll for Bobblehead (5% base + 15% Luck = 20% max)
+        if (this.bobbleheads && roll < (0.05 + luckModifier)) { 
+            let unfoundItems = this.bobbleheads.filter(item => !item.found);
+            if (unfoundItems.length > 0) {
+                let foundItem = unfoundItems[Math.floor(Math.random() * unfoundItems.length)];
+                foundItem.found = true;
+                let navInv = document.getElementById('nav-inv');
+                if (navInv) navInv.classList.add('inv-pulse');
+                this.justFoundLoot = true;
+
+                
+                // CRITICAL: Call queueToast for the Bobblehead
+                if (this.queueToast) {
+                    this.queueToast(`>>> SYSTEM OVERRIDE <<< <br><span style="font-size: 32px;">★</span><br>ASSET ACQUIRED: ${foundItem.name.toUpperCase()}`, "var(--pip-color)", true);
+                }
+                await this.logAction(`[ EPIC LOOT ] You discovered a '${foundItem.name}' in the ruins!`, true);
+            } else {
+                // If all bobbleheads are found, fallback to giving a Stimpak
+                if (this.commandersEnabled && this.player.commander && this.player.commander.stimpaks < 3) {
+                    this.player.commander.stimpaks++;
+                    let navInv = document.getElementById('nav-inv');
+                    if (navInv) navInv.classList.add('inv-pulse');
+                    this.justFoundLoot = true;
+
+                    // CRITICAL: Call queueToast for the Stimpak (Fallback)
+                    if (this.queueToast) {
+                        this.queueToast(`>>> MEDICAL ALERT <<< <br><span style="font-size: 32px;">✚</span><br>STIMPAK INVENTORY UPDATED`, "var(--pip-color)", true);
+                    }
+                    await this.logAction("[ MEDICAL ] Found a rare Stimpak hidden in the rubble!", true);
+                }
+            }
+        } 
+        // 2. Roll for Stimpak (25% base + 15% Luck = 40% max)
+        else if (this.commandersEnabled && this.player.commander && this.player.commander.stimpaks < 3 && roll < (0.40 + luckModifier)) { 
+            this.player.commander.stimpaks++;
+            let navInv = document.getElementById('nav-inv');
+            if (navInv) navInv.classList.add('inv-pulse');
+                this.justFoundLoot = true;
+            
+            // CRITICAL: Call queueToast for the Stimpak
+            if (this.queueToast) {
+                this.queueToast(`>>> MEDICAL ALERT <<< <br><span style="font-size: 32px;">✚</span><br>STIMPAK INVENTORY UPDATED`, "var(--pip-color)", true);
+            }
+            await this.logAction("[ MEDICAL ] Scavenged a rare Stimpak from the battlefield!", true);
+        } 
+        // 3. Roll for Nuke Codes (15% base + 15% Luck = 30% max)
+        else if (this.nukesEnabled && this.player.codes < 4 && this.globalCodes > 0 && roll < (0.55 + luckModifier)) { 
+            this.player.codes++; this.globalCodes--; 
+            this.justFoundLoot = true;
+
+            
+            // Use the standard terminal color for finding fragments
+            if (this.queueToast) {
+                this.queueToast(`>>> ENCRYPTED DATA ACQUIRED <<< <br><span style="font-size: 32px;">☢</span><br>LAUNCH CODE FRAGMENT RECOVERED`, "var(--pip-color)", true);
+            }
+            await this.logAction("[ INTEL ] Recovered a heavily encrypted Launch Code Fragment!", true);
+        } 
+
+        // 4. Default: Always get a Bottle Cap if nothing rare is found
+        else {
+            let newCap = deck.length > 0 ? deck.pop() : { country: "Wasteland Salvage", type: "Wild" };
+            this.player.cards.push(newCap);
+            
+            if (this.getBestTrade(this.player.cards)) {
+                await this.logAction("STASH FULL: Enough Caps collected to hire more troops.");
+                let navInv = document.getElementById('nav-inv');
+                if (navInv) navInv.classList.add('inv-pulse'); 
+            } else {
+                await this.logAction("SCAVENGED: Found a Bottle Cap after securing enemy territory.");
+            }
+            this.justFoundLoot = false; // Reset the flag if only a cap was found
+
         }
         this.updateInfo();
     }
@@ -2694,9 +4079,20 @@ Gamestate.addArmy = async function(e){
         this.updateInfo(); 
         if(this.player.reserve === 0){
             await this.logAction(`${this.player.name} deployed ${this.playerTroopsPlaced} fresh troops across their sectors.`);
-            this.playerTroopsPlaced = 0; this.stage = "Battle";
-            if (turnInfo) turnInfo.textContent = "Combat Phase"; if (turnInfoMessage) turnInfoMessage.textContent = "Select staging territory, then target an enemy.";
-            this.updateButtonText(); this.updateInfo(); 
+            this.playerTroopsPlaced = 0; 
+            this.stage = "Battle";
+            
+            // CRITICAL FIX: Unlock the End button
+            let endBtn = document.getElementById('end');
+            if (endBtn) {
+                endBtn.style.opacity = "1"; 
+                endBtn.style.pointerEvents = "auto";
+            }
+
+            if (turnInfo) turnInfo.textContent = "Combat Phase"; 
+            if (turnInfoMessage) turnInfoMessage.textContent = "Select staging territory, then target an enemy.";
+            this.updateButtonText(); 
+            this.updateInfo(); 
         }
     }
 }
@@ -2724,86 +4120,107 @@ Gamestate.attack = async function(e){
             // --- NEW: THE INTERNAL PURGE (Hunting trespassers on your land) ---
             let trespasser = this.players.find(p => p !== this.player && p.alive && !p.isNeutral && p.commander && p.commander.hp > 0 && p.commander.loc === country.name);
 
-if (this.commandersEnabled && trespasser) {
-                // --- 1-TROOP EXPLOIT PATCH (PURGE) ---
+            if (this.commandersEnabled && trespasser) {
                 if (country.army <= 1) {
-                    this.showToast("Garrison too weak! Need at least 2 troops to execute a Purge.", "red");
+                    if (this.showToast) this.showToast("Garrison too weak! Need at least 2 troops to execute a Purge.", "red");
                     e.target.classList.add('flash'); this.prevTarget = e.target; this.prevCountry = country; return;
                 }
-
-                // Summon the UI in "Purge" mode (passing 'true' at the end)
+                if (trespasser.commander.hasBeenAmbushed) {
+                    if (this.showToast) this.showToast("Target has already evaded a tactical strike this turn!", "red");
+                    e.target.classList.add('flash'); this.prevTarget = e.target; this.prevCountry = country; return;
+                }
+                
                 let choice = await this.showTacticalModal(trespasser.name, formatTerritoryName(country.name), true);
                 if (choice === "ambush") {
-                    trespasser.commander.wasAttacked = true; // Pauses their subversion timer!
-                    // Your stationed troops immediately open fire on the trespasser!
+                    trespasser.commander.wasAttacked = true;
+                    trespasser.commander.hasBeenAmbushed = true; // LIMIT TO 1 PER ROUND
                     if (map) map.style.pointerEvents = "none";
+                    
                     let atkForce = country.army;
-                    let dmgToVip = atkForce * Math.floor(Math.random() * 4 + 2); // Deadly home-turf advantage!
-                    let retaliation = Math.floor(Math.random() * 2); 
-
+                    
+                    // MASSIVELY NERFED DAMAGE TO VIP: Troops only do 0.5 to 1.0 damage each
+                    let dmgToVip = Math.floor(atkForce * (Math.random() * 0.5 + 0.5));
+                    if (dmgToVip < 1) dmgToVip = 1; // Always do at least 1 damage
+                    
+                    // MASSIVE RETALIATION: Commander always kills 2 to 5 troops in self-defense
+                    let retaliation = Math.floor(Math.random() * 4) + 2; 
+                    
                     trespasser.commander.hp -= dmgToVip;
                     country.army -= retaliation;
                     if(country.army < 1) country.army = 1; // Minimum garrison remains
-
+                    
                     let mapEl = document.getElementById(country.name);
                     if(mapEl && mapEl.nextElementSibling) mapEl.nextElementSibling.textContent = country.army;
-
-                    await this.logAction(`[ INTERNAL PURGE ] Your garrison at ${formatTerritoryName(country.name)} hunted down ${trespasser.name}'s trespassing Commander! Dealt ${dmgToVip} DMG.`, true);
-
+                    
+                    await this.logAction(`[ INTERNAL PURGE ] Garrison hunted down ${trespasser.name}'s Commander! Dealt ${dmgToVip} DMG. Lost ${retaliation} troops to return fire.`, true);
                     if (trespasser.commander.hp <= 0) await this.killCommander(trespasser);
+                    
+                    // CRITICAL LOOP FIX: Clear the selection so the player can't spam click!
+                    this.prevCountry = null; 
+                    this.prevTarget = null;
+                    if (e.target) e.target.classList.remove('flash');
+
                     this.updateInfo();
                     if (map) map.style.pointerEvents = "auto";
-                    return; // Stop here so it doesn't select the territory!
+                    return; 
                 } else if (choice === "cancel") {
-                    return; // Abort entirely
+                    return;
                 }
-                // If they clicked "SELECT TERRITORY", it simply skips the ambush and falls through to the normal selection below!
             }
-
-            // Normal territory selection logic
+            
             e.target.classList.add('flash'); this.prevTarget = e.target; this.prevCountry = country;
         }
         return;
     }
 
-    // ... (The rest of your existing Gamestate.attack code stays exactly the same!)
-
+    // WHEN YOU CLICK THE SECOND TERRITORY (The Target)
     if (this.prevCountry.name !== country.name && country.owner !== this.player.name && this.prevCountry.owner === this.player.name) {
         if (this.prevCountry.neighbours.includes(country.name) && this.prevCountry.army > 1) {
-
+            
             // --- TACTICAL DECISION (AMBUSH OR ASSAULT) ---
             let strandedCmdr = this.players.find(p => p !== this.player && p.alive && !p.isNeutral && p.commander && p.commander.hp > 0 && p.commander.loc === country.name && p.name !== country.owner);
             
             let attackChoice = "assault"; // Defaults to normal combat if no VIP is present
             
-            // If an enemy Commander is hiding here, summon the UI!
+            // If an enemy Commander is hiding here, enforce the new territory rules!
             if (this.commandersEnabled && strandedCmdr) {
-                attackChoice = await this.showTacticalModal(strandedCmdr.name, formatTerritoryName(country.name));
-                
-                // If the player clicked "ABORT ORDER"
-                if (attackChoice === "cancel") {
-                    this.prevCountry = null; this.prevTarget = null; return;
+                let isCmdrOnOwnLand = (country.owner === strandedCmdr.name);
+                let isCmdrOnAllyLand = this.areAllies(strandedCmdr.name, country.owner);
+                if (isCmdrOnOwnLand || isCmdrOnAllyLand) {
+                    // Protected by territory or allies! Must assault territory first.
+                    attackChoice = "assault"; 
+                } else if (strandedCmdr.commander.hasBeenAmbushed) {
+                    // Protected by the once-per-round limit!
+                    attackChoice = "assault"; 
+                } else {
+                    attackChoice = await this.showTacticalModal(strandedCmdr.name, formatTerritoryName(country.name));
+                    if (attackChoice === "cancel") {
+                        this.prevCountry = null; this.prevTarget = null; return;
+                    }
                 }
             }
 
-// BRANCH 1: THE ASSASSINATION (Suppressive Fire)
+            // BRANCH 1: THE ASSASSINATION (Suppressive Fire)
             if (attackChoice === "ambush") {
-                // --- 1-TROOP EXPLOIT PATCH ---
                 if (this.prevCountry.army <= 1) {
-                    this.showToast("Cannot Ambush: Minimum garrison of 1 troop must remain.", "red");
+                    if(this.showToast) this.showToast("Cannot Ambush: Minimum garrison of 1 troop must remain.", "red");
                     this.prevCountry = null; this.prevTarget = null; return;
                 }
-                strandedCmdr.commander.wasAttacked = true; // Pauses subversion timer
-
+                strandedCmdr.commander.wasAttacked = true;
+                strandedCmdr.commander.hasBeenAmbushed = true; // LIMIT TO 1 PER ROUND
                 let attackerMap = document.getElementById(this.prevCountry.name);
-                let defenderMap = document.getElementById(country.name); // <--- This was the missing line!
-                
+                let defenderMap = document.getElementById(country.name);
                 if (map) map.style.pointerEvents = "none";
                 await this.vatsTargeting(attackerMap, defenderMap);
                 
                 let atkForce = this.prevCountry.army - 1;
-                let dmgToVip = atkForce * Math.floor(Math.random() * 3 + 2); // 2 to 4 dmg per attacking troop
-                let retaliation = Math.floor(Math.random() * 3); // VIP fires back, kills 0 to 2 troops
+                
+                // MASSIVELY NERFED DAMAGE TO VIP: Troops only do 1 to 2 damage each
+                let dmgToVip = Math.floor(atkForce * (Math.random() * 1 + 2));
+                if (dmgToVip < 1) dmgToVip = 1; // Always do at least 1 damage
+                
+                // MASSIVE RETALIATION: Commander always kills 2 to 5 troops in self-defense
+                let retaliation = Math.floor(Math.random() * 4) + 2; 
                 
                 strandedCmdr.commander.hp -= dmgToVip;
                 this.prevCountry.army -= retaliation;
@@ -2816,7 +4233,11 @@ if (this.commandersEnabled && trespasser) {
                 if (strandedCmdr.commander.hp <= 0) await this.killCommander(strandedCmdr);
                 this.updateInfo();
                 if (map) map.style.pointerEvents = "auto";
-                this.prevCountry = null; this.prevTarget = null;
+                
+                // Clear selection here to force user to re-select
+                this.prevCountry = null; 
+                this.prevTarget = null;
+                if (attackerMap) attackerMap.classList.remove('flash');
                 return; // Ends the attack early so the territory isn't flipped!
             }
 
@@ -2860,6 +4281,7 @@ if (this.commandersEnabled && trespasser) {
     this.prevCountry = null; this.prevTarget = null;
 }
 
+
 Gamestate.maneuver = async function(e){
     if(this.prevTarget){ this.prevTarget.classList.remove('flash'); }
     let country = this.countries.find(c => c.name === e.target.id);
@@ -2970,10 +4392,47 @@ Gamestate.useStimpak = async function() {
     if(this.stage !== "Commander Phase" || !this.commandersEnabled || !this.player.commander) return;
     if(this.player.commander.ap <= 0 || this.player.commander.stimpaks <= 0 || this.player.commander.hp >= 100) return;
     this.player.commander.stimpaks -= 1; this.player.commander.ap -= 1; this.player.commander.hp = Math.min(100, this.player.commander.hp + 20);
-    await this.logAction("[ MEDICAL ] Commander injected a Stimpak. Recovered 20 HP.", true); this.updateInfo();
+    await this.logAction("[ MEDICAL ] Commander injected a Stimpak. Recovered 20 HP.", true); 
+    if (this.renderInventory) this.renderInventory();
+    this.updateInfo();
 }
 
+Gamestate.activateBobblehead = async function(itemKey) {
+    if (!this.bobbleheads) return;
+    const item = this.bobbleheads.find(i => i.key === itemKey);
+    if (!item || !item.found || item.cooldown > 0) return;
+
+    item.cooldown = item.totalCooldown; // Put on cooldown
+    
+    // --- THIS IS THE NEW LOGIC ---
+    // Set the bobblehead to 'active' so the rest of the code knows it's on.
+    item.active = true; 
+
+    let logMessage = `\[ BOBBLEHEAD \] ${item.name} activated! ${item.desc}`;
+
+    // Special handling for Agility Bobblehead
+    if (item.key === 'a') {
+        this.hasManeuvered = false; // Grant an extra maneuver
+    }
+
+    // --- TRIGGER THE UI REFRESH ---
+    // If the Perception or Intelligence Bobblehead was used, we need to immediately
+    // redraw the map and leaderboard to show the newly revealed information.
+    if (item.key === 'p' || item.key === 'i') {
+        this.updateInfo(); // This will re-run the visibility and intel checks
+    }
+    
+    // Log the action and update the inventory UI
+    if (this.logAction) await this.logAction(logMessage, true);
+    if (this.renderInventory) this.renderInventory(); 
+
+    // It's good practice to call updateInfo one last time for other potential changes
+    this.updateInfo(); 
+};
+
+
 Gamestate.initiateNukeSequence = function() {
+
     if(!this.nukesEnabled || this.player.codes < 4 || this.activeNuke) return;
     let silos = this.countries.filter(c => c.isSilo && c.owner === this.player.name);
     if(silos.length === 0) { this.showToast("You must control a Silo to launch.", "red"); return; }
@@ -3031,6 +4490,14 @@ Gamestate.executeNukeLaunch = function(launcherData, targetName, launchSiloName)
     let silos = this.countries.filter(c => c.isSilo && c.owner === launcherData.name);
     silos.forEach(s => s.siloTurns = 0);
     
+    // Trigger the massive red alert
+    if (this.queueToast) {
+        this.queueToast(`>>> NUCLEAR LAUNCH DETECTED <<< <br><span style="font-size: 32px;">☢</span><br>ORIGIN: ${formatTerritoryName(launchSiloName).toUpperCase()}<br>TARGET: ${formatTerritoryName(targetName).toUpperCase()}`, "#ff0000", true);
+    }
+
+    this.logAction(`[ DEFCON 1 ] ${launcherData.name} HAS INITIATED A NUCLEAR LAUNCH AGAINST ${formatTerritoryName(targetName)}!`, true, true);
+    this.logAction(`>>> Payload originating from ${formatTerritoryName(launchSiloName)}. Impact in T-3 Rounds.`, true, true);
+
     this.logAction(`[ DEFCON 1 ] ${launcherData.name} HAS INITIATED A NUCLEAR LAUNCH AGAINST ${formatTerritoryName(targetName)}!`, true, true);
     this.logAction(`>>> Payload originating from ${formatTerritoryName(launchSiloName)}. Impact in T-3 Rounds.`, true, true);
     
@@ -3081,9 +4548,35 @@ Gamestate.resolveNuke = async function() {
         }
     }
     await this.logAction(`[ SCORCHED EARTH ] Adjacent territories caught in blast radius. 50% casualties. Glowing Sea expanding.`, true);
+    
+    // --- REPUTATION PENALTY: NUCLEAR ATROCITY ---
+    let victimName = groundZero.owner;
+    if (victimName !== "none" && victimName !== "Wasteland Horrors") {
+        this.players.forEach(p => {
+            if (p.name !== launcher.name && p.name !== "Wasteland Horrors" && p.alive) {
+                let currentRep = this.diplomacy.reputation[p.name][launcher.name];
+                
+                if (p.name === victimName) {
+                    // 1. The Target: Instantly Hated (-50)
+                    this.diplomacy.reputation[p.name][launcher.name] = -50;
+                } else if (this.diplomacy.reputation[p.name][victimName] >= 10) {
+                    // 2. Target's Allies (Liked/Idolized): Severe Drop (-20)
+                    this.diplomacy.reputation[p.name][launcher.name] = Math.max(-50, currentRep - 20);
+                } else if (this.diplomacy.reputation[p.name][victimName] <= -10) {
+                    // 3. Target's Enemies (Hostile/Hated): No Change
+                } else {
+                    // 4. Neutral Factions: Moderate Drop (-10)
+                    this.diplomacy.reputation[p.name][launcher.name] = Math.max(-50, currentRep - 10);
+                }
+            }
+        });
+    }
+
+
     this.activeNuke = null; this.updateInfo();
 }
 
+
 Gamestate.killCommander = async function(player) {
     if(!player.alive) return;
     await this.logAction(`[ FACTION ELIMINATED ] ${player.name}'s Commander has been killed! Their forces scatter...`, true, true);
@@ -3157,6 +4650,8 @@ Gamestate.aiMove = async function(){
     if(this.gameOver) return;
     if(this.prevTarget) this.prevTarget.classList.remove('flash');
     
+    let hasAiMadeADeal = false; // <-- ADD THIS LINE
+
     this.stage = "AI Turn"; this.updateButtonText(); if (turnInfoMessage) turnInfoMessage.textContent = "";
     
 for(let i = 1; i <= this.players.length; i++){  
@@ -3169,6 +4664,22 @@ for(let i = 1; i <= this.players.length; i++){
                 return;
             }
 
+            // At the start of the new day, handle all Bobblehead status updates.
+            if (this.bobbleheads) {
+                this.bobbleheads.forEach(b => {
+                    // 1. Deactivate any that were active.
+                    if (b.active) {
+                        b.active = false;
+                        if (this.logAction) this.logAction(`\[ BOBBLEHEAD \] The effect of the ${b.name} has worn off.`);
+                    }
+                    // 2. Decrease the cooldown timer for any item that is on cooldown.
+                    if (b.cooldown > 0) {
+                        b.cooldown--;
+                    }
+                });
+            }
+
+
 // --- COMMANDER SUBVERSION (SIEGE) LOGIC ---
             for (let p of this.players) {
                 if (this.commandersEnabled && p.alive && p.commander && p.commander.hp > 0) {
@@ -3249,12 +4760,45 @@ if (infoName[i-1]) infoName[i-1].parentElement.classList.remove('highlight');
             
             if (Math.random() < 0.20) { let randomEvent = wastelandEncounters[Math.floor(Math.random() * wastelandEncounters.length)]; await this.logAction(`SYSTEM: ${randomEvent}`); }
 
-            // AI Stimpak Usage
-            if(this.commandersEnabled && this.players[i].commander && this.players[i].commander.hp < 60 && this.players[i].commander.stimpaks > 0) {
-                this.players[i].commander.stimpaks--; this.players[i].commander.hp = Math.min(100, this.players[i].commander.hp + 20);
-                if(!turbo) await this.logAction(`[ MEDICAL ] ${this.players[i].name}'s Commander injected a Stimpak in the field.`);
+            // --- NEW: AI ITEM USAGE LOGIC ---
+
+            let aiPlayer = this.players[i];
+
+            // 1. STIMPAK USAGE: If commander is below 60% health and has a stimpak, use it.
+            if (this.commandersEnabled && aiPlayer.commander && aiPlayer.commander.hp < 60 && aiPlayer.commander.stimpaks > 0) {
+                aiPlayer.commander.stimpaks--;
+                aiPlayer.commander.hp = Math.min(100, aiPlayer.commander.hp + 20);
+                if (!turbo) await this.logAction(`\[ MEDICAL \] ${aiPlayer.name}'s Commander injected a Stimpak in the field.`);
             }
 
+            // 2. BOBBLEHEAD USAGE: AI decides if using a Bobblehead is a good idea.
+            if (this.bobbleheads) {
+                // Check for STRENGTH bobblehead: Use if planning a major attack.
+                let strengthBobble = this.bobbleheads.find(b => b.key === 's');
+                if (strengthBobble && strengthBobble.found && strengthBobble.cooldown === 0) {
+                    // Is the AI feeling aggressive and stronger than its weakest neighbor?
+                    let weakestNeighbor = this.getWeakestNeighbor(aiPlayer);
+                    if (weakestNeighbor && aiPlayer.army > weakestNeighbor.army) {
+                        strengthBobble.cooldown = strengthBobble.totalCooldown;
+                        strengthBobble.active = true; // This will be used by the battle logic
+                        if (!turbo) await this.logAction(`\[ INTEL \] ${aiPlayer.name} is preparing a major offensive, activating their STRENGTH BOBBLEHEAD.`);
+                    }
+                }
+                
+                // Check for INTELLIGENCE bobblehead: Use if reputation with player is low.
+                let intelBobble = this.bobbleheads.find(b => b.key === 'i');
+                if (intelBobble && intelBobble.found && intelBobble.cooldown === 0) {
+                    let repWithPlayer = this.diplomacy.reputation[aiPlayer.name]?.[this.player.name] || 0;
+                    if (repWithPlayer < 10) { // If they don't like the player, they want intel.
+                        intelBobble.cooldown = intelBobble.totalCooldown;
+                        // No 'active' flag needed, this is for the AI's internal logic only.
+                        if (!turbo) await this.logAction(`\[ INTEL \] ${aiPlayer.name} is gathering intelligence on global power levels.`);
+                    }
+                }
+            }
+            // --- END OF AI ITEM USAGE ---
+
+
 // AI Nuke Logic
             if(this.nukesEnabled && this.players[i].codes >= 4 && !this.activeNuke) {
                 let silos = this.countries.filter(c => c.isSilo && c.owner === this.players[i].name);
@@ -3268,33 +4812,97 @@ if (infoName[i-1]) infoName[i-1].parentElement.classList.remove('highlight');
                 }
             }
 
-// AI DIPLOMACY LOGIC
-            if(Math.random() < 0.15 && this.players[i].cards.length > 0) {
-                let potentialAllies = this.players.filter(p => p !== this.players[i] && p.alive && !p.isNeutral && !this.areAllies(this.players[i].name, p.name) && (!this.diplomacy.grudges[p.name] || !this.diplomacy.grudges[p.name].includes(this.players[i].name)));
-                if(potentialAllies.length > 0) {
-                    let targetAlly = potentialAllies[Math.floor(Math.random() * potentialAllies.length)];
-                    let offerAmount = Math.min(this.players[i].cards.length, Math.floor(Math.random() * 3) + 1);
-                    let turns = offerAmount; 
-                    let offeredCaps = [];
-                    for (let c = 0; c < offerAmount; c++) { offeredCaps.push(this.players[i].cards.pop()); }
-                    
-                    if (targetAlly.name === this.player.name) {
-                        let accept = await this.showEnvoyModal(this.players[i].name, offerAmount, turns, this.players[i].color);
-                        if (accept) {
-                            this.player.cards.push(...offeredCaps);
-                            this.diplomacy.truces.push({f1: this.players[i].name, f2: this.player.name, turns: turns});
-                            if(!turbo) await this.logAction(`[ DIPLOMACY ] You signed a Ceasefire with ${this.players[i].name}.`, true);
-                        } else {
-                            this.players[i].cards.push(...offeredCaps); // Refund AI
-                            if(!turbo) await this.logAction(`[ DIPLOMACY ] You rejected ${this.players[i].name}'s envoy.`, true);
-                        }
+        // --- EXPANDED AI DIPLOMACY LOGIC ---
+        // --- CORRECTED DIPLOMACY CHANCE LOGIC ---
+        // --- REPLACEMENT CODE STARTS HERE ---
+
+        // --- PART 1: SMART PLAYER-FOCUSED DIPLOMACY ---
+        // This block contains the new tactical logic for when an AI decides to contact YOU.
+        // It only runs ONCE per AI round.
+        if (Math.random() < 0.33 && !hasAiMadeADeal && !this.justFoundLoot) {
+            
+            let aiPlayer = this.players[i];
+            let repWithPlayer = this.diplomacy.reputation[aiPlayer.name][this.player.name] || 0;
+            let hatesPlayer = repWithPlayer <= -35 || (this.diplomacy.grudges[this.player.name] && this.diplomacy.grudges[this.player.name].includes(aiPlayer.name));
+
+            // TACTICAL CHECK 1: Is the AI weak and being threatened by a neighbor?
+            let isThreatened = aiPlayer.areas.some(areaName => {
+                let country = this.countries.find(c => c.name === areaName);
+                return country.neighbours.some(nName => {
+                    let neighbor = this.countries.find(n => n.name === nName);
+                    // Is the neighbor a powerful enemy?
+                    return neighbor && neighbor.owner !== aiPlayer.name && neighbor.owner !== this.player.name && neighbor.army > (country.army * 1.5);
+                });
+            });
+
+            // TACTICAL CHECK 2: Do the AI and Player share a powerful common enemy?
+            const aiBorders = new Set(aiPlayer.areas.flatMap(a => this.countries.find(c => c.name === a).neighbours));
+            const playerBorders = new Set(this.player.areas.flatMap(a => this.countries.find(c => c.name === a).neighbours));
+            const commonBorders = [...aiBorders].filter(b => playerBorders.has(b));
+            let hasPowerfulCommonEnemy = commonBorders.some(bName => {
+                let borderCountry = this.countries.find(c => c.name === bName);
+                return borderCountry && borderCountry.owner !== aiPlayer.name && borderCountry.owner !== this.player.name && borderCountry.army > 10;
+            });
+
+            // If they don't hate the player AND have a tactical reason, they will contact you.
+            if (!hatesPlayer && (isThreatened || hasPowerfulCommonEnemy)) {
+                hasAiMadeADeal = true; // Set the flag so no other AI contacts the player this round.
+
+                // This is your existing "Desperate Plea" or "Bribe for Truce" logic.
+                // It will now only trigger for good reasons.
+                if (aiPlayer.areas.length <= 3 && repWithPlayer >= 25 && this.player.reserve >= 5) {
+                    let granted = await this.showEnvoyModal(aiPlayer.name, 0, 0, aiPlayer.color, true, 5);
+                    if (granted) {
+                        this.player.reserve -= 5; aiPlayer.reserve += 5; aiPlayer.army += 5;
+                        this.diplomacy.reputation[aiPlayer.name][this.player.name] = Math.min(50, repWithPlayer + 15);
+                        if(!turbo) await this.logAction(`\[ DIPLOMACY \] You sent emergency reinforcements to ${aiPlayer.name}. They will not forget this.`, true);
                     } else {
-                        targetAlly.cards.push(...offeredCaps);
-                        this.diplomacy.truces.push({f1: this.players[i].name, f2: targetAlly.name, turns: turns});
-                        if(!turbo) await this.logAction(`[ DIPLOMACY ] ${this.players[i].name} and ${targetAlly.name} signed a ${turns}-Round Pact.`, true);
+                        this.diplomacy.reputation[aiPlayer.name][this.player.name] = Math.max(-50, repWithPlayer - 10);
+                        if(!turbo) await this.logAction(`\[ DIPLOMACY \] You ignored ${aiPlayer.name}'s plea for help. Their loyalty wavers.`, true);
+                    }
+                } else if (aiPlayer.cards.length > 0 && !this.areAllies(aiPlayer.name, this.player.name)) {
+                    let offerAmount = Math.min(aiPlayer.cards.length, Math.floor(Math.random() * 3) + 1);
+                    let offeredCaps = [];
+                    for (let c = 0; c < offerAmount; c++) { if(aiPlayer.cards.length > 0) offeredCaps.push(aiPlayer.cards.pop()); }
+                    
+                    let accept = await this.showEnvoyModal(aiPlayer.name, offerAmount, offerAmount, aiPlayer.color, false, 0);
+                    if (accept) {
+                        this.player.cards.push(...offeredCaps);
+                        this.diplomacy.truces.push({f1: aiPlayer.name, f2: this.player.name, turns: offerAmount});
+                        this.diplomacy.reputation[aiPlayer.name][this.player.name] = Math.min(50, repWithPlayer + 2);
+                        if(!turbo) await this.logAction(`\[ DIPLOMACY \] You signed a Ceasefire with ${aiPlayer.name}.`, true);
+                    } else {
+                        aiPlayer.cards.push(...offeredCaps);
+                        this.diplomacy.reputation[aiPlayer.name][this.player.name] = Math.max(-50, repWithPlayer - 2);
+                        if(!turbo) await this.logAction(`\[ DIPLOMACY \] You rejected ${aiPlayer.name}'s envoy.`, true);
                     }
                 }
             }
+        }
+
+        // --- PART 2: AI-to-AI DIPLOMACY ---
+        // This logic runs separately and more frequently, allowing AI to form pacts in the background.
+        // Each AI gets a small (10%) chance to try this each turn.
+        if (Math.random() < 0.10) {
+            let aiPlayer = this.players[i];
+            if (aiPlayer.cards.length > 0) {
+                let potentialAllies = this.players.filter(p => p !== aiPlayer && p.alive && !p.isNeutral && p.name !== this.player.name && !this.areAllies(aiPlayer.name, p.name) && (!this.diplomacy.grudges[p.name] || !this.diplomacy.grudges[p.name].includes(aiPlayer.name)));
+                if(potentialAllies.length > 0) {
+                    let targetAlly = potentialAllies[Math.floor(Math.random() * potentialAllies.length)];
+                    
+                    if ((this.diplomacy.reputation[aiPlayer.name][targetAlly.name] || 0) > -35) {
+                        let offerAmount = Math.min(aiPlayer.cards.length, Math.floor(Math.random() * 3) + 1);
+                        for (let c = 0; c < offerAmount; c++) { if(aiPlayer.cards.length > 0) targetAlly.cards.push(aiPlayer.cards.pop()); }
+                        this.diplomacy.truces.push({f1: aiPlayer.name, f2: targetAlly.name, turns: offerAmount});
+                        if(!turbo) await this.logAction(`\[ DIPLOMACY \] ${aiPlayer.name} and ${targetAlly.name} signed a ${offerAmount}-Round Pact.`, true);
+                    }
+                }
+            }
+        }
+        // --- REPLACEMENT CODE ENDS HERE ---
+
+
+
 
             this.players[i].reserve = this.unitBonus(this.players[i], i); let troopsToPlace = this.players[i].reserve;
             
@@ -3356,13 +4964,19 @@ if(this.commandersEnabled && this.players[i].commander) {
 }
 
 Gamestate.aiAttack = async function(country, i, turbo){
-    let possibleTargets = []; 
-    country.neighbours.forEach(neighbour => {  
-        this.countries.forEach(opponent => {    
-            if(neighbour === opponent.name && opponent.army + 1 < country.army && country.owner !== opponent.owner && !opponent.isCrater){ possibleTargets.push(opponent); }              
-        })
-    })
+    // --- CORRECTED AI TARGETING LOGIC ---
+    // The AI can only see and target territories directly adjacent to the attacking country.
+    let possibleTargets = [];
+    country.neighbours.forEach(neighbourName => {
+        let opponent = this.countries.find(c => c.name === neighbourName);
+        
+        // The AI will consider attacking if the neighbor is an enemy and not a crater.
+        if (opponent && opponent.owner !== this.players[i].name && !opponent.isCrater) {
+            possibleTargets.push(opponent);
+        }
+    });
 
+    // This is the beginning of your existing logic for filtering allies, which is still correct.
     possibleTargets = possibleTargets.filter(poss => {
          if(!this.areAllies(this.players[i].name, poss.owner)) return true;
          let isWildcard = ["Raiders", "Super Mutants", "Great Khans", "The Fiends"].includes(this.players[i].country);
@@ -3378,21 +4992,37 @@ Gamestate.aiAttack = async function(country, i, turbo){
         isDesperate = true;
     }
 
-    let target = [possibleTargets[0], 0];
+    let target = [possibleTargets[0], -999]; // Start lower to allow for negative ratios
     possibleTargets.forEach(poss => {
         let continent = continents.find(x => x.name === poss.continent); let count = 0;
         continent.areas.forEach(x => { if(this.players[i].areas.includes(x)) count++; }); 
         let ratio = count / continent.areas.length;
         
+        // --- NEW: REPUTATION MODIFIERS ---
+        let currentRep = 0;
+        if (poss.owner !== "none" && poss.owner !== "Wasteland Horrors") {
+            currentRep = this.diplomacy.reputation[this.players[i].name][poss.owner] || 0;
+        }
+        
+        // Highly unlikely to attack someone they Idolize (-2.0 penalty to the attack ratio)
+        if (currentRep >= 75) ratio -= 2.0; 
+        // Less likely to attack someone they Like (-0.5 penalty)
+        else if (currentRep >= 25) ratio -= 0.5; 
+        // Actively wants to attack someone they are Hostile towards (+1.0 bonus)
+        else if (currentRep <= -25) ratio += 1.0;
+        // Prioritizes attacking someone they Hate (+3.0 bonus)
+        else if (currentRep <= -75) ratio += 3.0;
+
         if (poss.owner === this.diplomacy.spiteTarget) ratio += 100;
         
         // AI DESPERATION TARGETING MULTIPLIERS
-        if (isDesperate && poss.owner === this.activeNuke.launcher) ratio += 500; // Attack the offender's borders!
-        if (isDesperate && this.activeNuke.launchSilo === poss.name) ratio += 5000; // Hit the Silo AT ALL COSTS!
-
+        if (isDesperate && poss.owner === this.activeNuke.launcher) ratio += 500; 
+        if (isDesperate && this.activeNuke.launchSilo === poss.name) ratio += 5000; 
+        
         if(ratio >= target[1]){ target = [poss, ratio] }            
     });  
 
+
     if(!target[0]){ return; }   
 
     // --- THIS IS THE CODE THAT GOT DELETED ---
@@ -3402,6 +5032,27 @@ Gamestate.aiAttack = async function(country, i, turbo){
     await this.vatsTargeting(attackerMap, defenderMap); await this.battle(country, target[0], this.players[i], i);
 }
 
+// --- PASTE THE NEW FUNCTION HERE ---
+Gamestate.getWeakestNeighbor = function(player) {
+    let weakest = null;
+    let minArmy = Infinity;
+
+    player.areas.forEach(areaName => {
+        let country = this.countries.find(c => c.name === areaName);
+        if (country) {
+            country.neighbours.forEach(nName => {
+                let neighbor = this.countries.find(n => n.name === nName);
+                if (neighbor && neighbor.owner !== player.name && !neighbor.isCrater && neighbor.army < minArmy) {
+                    minArmy = neighbor.army;
+                    weakest = neighbor;
+                }
+            });
+        }
+    });
+    return weakest;
+}
+// --- END OF NEW FUNCTION ---
+
 Gamestate.aiManeuver = function(i){
     let player = this.players[i];
     let owned = this.countries.filter(c => c.owner === player.name);
@@ -3428,43 +5079,65 @@ Gamestate.aiManeuver = function(i){
                 }
             }
             
-            // 2. ATTACK
-            if (!movedOrAction && !player.commander.hasFought && player.commander.hp >= 40) {
-                let enemyCmdrs = [];
-                neighbors.forEach(n => {
-                    let eCmdr = this.players.find(p => p !== player && p.alive && !p.isNeutral && p.commander && p.commander.hp > 0 && p.commander.loc === n.name);
-                    if (eCmdr) enemyCmdrs.push(eCmdr);
-                });
+            // 2. ATTACK OR PURGE
+            if (!movedOrAction && !player.commander.hasFought && player.commander.hp >= 30) {
                 
-                if (enemyCmdrs.length > 0) {
-                    enemyCmdrs.sort((a,b) => a.commander.hp - b.commander.hp);
-                    let target = enemyCmdrs[0];
+                // NEW: First, check if an enemy Commander is on the EXACT SAME territory (a trespasser)
+                let trespasser = this.players.find(p => p !== player && p.alive && !p.isNeutral && p.commander && p.commander.hp > 0 && p.commander.loc === cmdrLoc.name);
+                
+                let target = null;
+                
+                if (trespasser) {
+                    target = trespasser; // Prioritize the trespasser!
+                } else {
+                    // If no trespasser, check neighbors
+                    let enemyCmdrs = [];
+                    neighbors.forEach(n => {
+                        let eCmdr = this.players.find(p => p !== player && p.alive && !p.isNeutral && p.commander && p.commander.hp > 0 && p.commander.loc === n.name);
+                        if (eCmdr) enemyCmdrs.push(eCmdr);
+                    });
                     
-                    if (player.commander.hp >= target.commander.hp || player.commander.hp > 70) {
-                        player.commander.ap -= 1; movedOrAction = true;
-
-                        let rawDmgToTarget = Math.floor(Math.random() * 16) + 10;
-                        let rawDmgToSelf = Math.floor(Math.random() * 11) + 10; 
-
-                        if (cmdrLoc.owner === player.name) { rawDmgToSelf = Math.floor(Math.random() * 11) + 5; }
-                        let targetLoc = this.countries.find(c => c.name === target.commander.loc);
-                        if (targetLoc && targetLoc.owner === target.name) { rawDmgToTarget = Math.floor(Math.random() * 11) + 5; }
-
-                        let cappedDmgToTarget = Math.min(25, rawDmgToTarget); 
-                        let cappedDmgToSelf = Math.min(25, rawDmgToSelf);
-
-                        target.commander.hp -= cappedDmgToTarget; 
-                        player.commander.hp -= cappedDmgToSelf;
-                        player.commander.hasFought = true;
-                        target.commander.wasAttacked = true;
-                        player.commander.wasAttacked = true;
-
-                        if (Gamestate.logAction) Gamestate.logAction(`[ REGICIDE DUEL ] ${player.name} attacked ${target.name}'s Commander! (Dealt ${cappedDmgToTarget} DMG, Took ${cappedDmgToSelf} DMG)`, true);
-                        if(target.commander.hp <= 0) this.killCommander(target);
-                        if(player.commander.hp <= 0) this.killCommander(player);
+                    if (enemyCmdrs.length > 0) {
+                        enemyCmdrs.sort((a,b) => a.commander.hp - b.commander.hp);
+                        target = enemyCmdrs[0];
                     }
                 }
+
+                // If we found a target (either on our tile or next door), FIGHT!
+                if (target && (player.commander.hp >= target.commander.hp || player.commander.hp > 60 || trespasser)) {
+                    
+                    // If the target is a neighbor, move to them to fight
+                    if (!trespasser) {
+                        player.commander.loc = target.commander.loc;
+                        player.commander.siegeTurns = 0;
+                    }
+                    
+                    player.commander.ap -= 1; movedOrAction = true;
+                    
+                    let rawDmgToTarget = Math.floor(Math.random() * 16) + 10;
+                    let rawDmgToSelf = Math.floor(Math.random() * 11) + 10; 
+                    
+                    // Home field advantage calculation
+                    let currentLoc = this.countries.find(c => c.name === player.commander.loc);
+                    if (currentLoc && currentLoc.owner === player.name) { rawDmgToSelf = Math.floor(Math.random() * 11) + 5; }
+                    if (currentLoc && currentLoc.owner === target.name) { rawDmgToTarget = Math.floor(Math.random() * 11) + 5; }
+                    
+                    let cappedDmgToTarget = Math.min(25, rawDmgToTarget); 
+                    let cappedDmgToSelf = Math.min(25, rawDmgToSelf);
+                    
+                    target.commander.hp -= cappedDmgToTarget; 
+                    player.commander.hp -= cappedDmgToSelf;
+                    player.commander.hasFought = true;
+                    target.commander.wasAttacked = true;
+                    player.commander.wasAttacked = true;
+                    
+                    if (Gamestate.logAction) Gamestate.logAction(`[ REGICIDE DUEL ] ${player.name} engaged ${target.name}'s Commander at ${formatTerritoryName(currentLoc.name)}! (Dealt ${cappedDmgToTarget} DMG, Took ${cappedDmgToSelf} DMG)`, true);
+                    
+                    if(target.commander.hp <= 0) this.killCommander(target);
+                    if(player.commander.hp <= 0) this.killCommander(player);
+                }
             }
+
             
             // 3. P.A.C.E.
             if (!movedOrAction) {
@@ -3508,9 +5181,15 @@ document.getElementById('dev-stimpak').onclick = () => {
         Gamestate.player.commander.stimpaks++;
         Gamestate.updateInfo();
         if (Gamestate.logAction) Gamestate.logAction("OVERSEER OVERRIDE: +1 Stimpak added to inventory.");
+        
+        // NEW: Tell the inventory tab to pulse and update the screen
+        let navInv = document.getElementById('nav-inv');
+        if (navInv) navInv.classList.add('inv-pulse');
+        if (Gamestate.renderInventory) Gamestate.renderInventory();
     }
 };
 
+
 // --- 2. DYNAMIC DEV MENU LOCKOUTS ---
 // Call this function right before you open your Dev Modal!
 Gamestate.refreshDevMenuStatus = function() {
@@ -3617,7 +5296,9 @@ Gamestate.battle = async function(country, opponent, player, i){
     }
 
     if(opponent.army <= 0 ){
-        isVictory = true; player.conqueredThisTurn = true; flavor = (Math.random() < 0.10) ? (" " + combatFlavors[Math.floor(Math.random() * combatFlavors.length)]) : "!";
+        isVictory = true; 
+	player.conqueredThisTurn = true; 
+	flavor = (Math.random() < 0.10) ? (" " + combatFlavors[Math.floor(Math.random() * combatFlavors.length)]) : "!";
         
         this.players.forEach(p => {
             if(p.name === opponent.owner){ let index = p.areas.indexOf(opponent.name); if (index > -1) { p.areas.splice(index, 1); } }
@@ -3639,6 +5320,31 @@ Gamestate.battle = async function(country, opponent, player, i){
             if(!stillHasSilo) { await this.logAction(`[ CRITICAL ] ${originalOwner} lost Silo control! Launch sequence aborted.`, true); this.activeNuke = null; }
         }
 
+        // --- NEW: AI LOOT ROLL ---
+        // If the attacker is an AI, give them a chance to find loot.
+        if (!player.isPlayer) {
+            let luckItem = this.bobbleheads && this.bobbleheads.find(i => i.key === 'l' && i.cooldown > 0);
+            const luckModifier = luckItem ? 0.15 : 0; // Luck Bobblehead bonus applies to AI too!
+
+            let roll = Math.random();
+
+            // 1. Chance to find a Bobblehead (5% base chance)
+            if (this.bobbleheads && roll < (0.05 + luckModifier)) {
+                let unfoundItems = this.bobbleheads.filter(item => !item.found);
+                if (unfoundItems.length > 0) {
+                    let foundItem = unfoundItems[Math.floor(Math.random() * unfoundItems.length)];
+                    foundItem.found = true; // Mark as found globally so player can't find it
+                    if (this.logAction) await this.logAction(`\[ INTEL \] Radio intercepts indicate ${player.name} has located a '${foundItem.name}'.`);
+                }
+            }
+            // 2. Chance to find a Stimpak if commanders are enabled
+            else if (this.commandersEnabled && player.commander && player.commander.stimpaks < 3 && roll < (0.40 + luckModifier)) {
+                player.commander.stimpaks++;
+                if (this.logAction) await this.logAction(`\[ INTEL \] Scouts report ${player.name}'s Commander salvaged a Stimpak from the battlefield.`);
+            }
+        }
+        // --- END OF NEW AI LOOT ROLL ---
+
         // FACTION ELIMINATION CHECK
         if(opp.areas && opp.areas.length === 0 && (!this.commandersEnabled || !opp.commander || opp.commander.hp <= 0)){
             if (opp.name !== "none") {
@@ -3658,22 +5364,99 @@ Gamestate.battle = async function(country, opponent, player, i){
     });
     
     this.updateInfo();
+    if (isVictory) { 
+        await this.logAction(`VICTORY: ${player.name} wiped out ${originalOwner} in ${formatTerritoryName(opponent.name)}${flavor}`, true); 
+        
+        // --- REPUTATION PENALTY: UNPROVOKED ATTACK ---
+        // The defender likes the attacker -5 less for this aggression.
+        if (originalOwner !== "none" && originalOwner !== "Wasteland Horrors") {
+            // Check if the reputation object exists for this interaction before modifying it
+            if (this.diplomacy.reputation[originalOwner] && this.diplomacy.reputation[originalOwner][player.name] !== undefined) {
+                this.diplomacy.reputation[originalOwner][player.name] = Math.max(-50, this.diplomacy.reputation[originalOwner][player.name] - 5);
 
-    if (isVictory) { await this.logAction(`VICTORY: ${player.name} wiped out ${originalOwner} in ${formatTerritoryName(opponent.name)}${flavor}`, true); }
+            }
+        }
+    }
     
-    if(this.player.alive){         continents.forEach(continent => {
+    if(this.player.alive){         
+        continents.forEach(continent => {
             let ownsContinent = continent.areas.every(area => player.areas.includes(area) && !this.countries.find(x=>x.name===area).isCrater);
             if(ownsContinent){   
                 let matchedCountry = continent.areas.some(a => { return a === opponent.name; });
-                if(matchedCountry){ this.showToast(`${player.name} controls ${continent.name}! (+${continent.bonus} troops)`, player.color); }
+                if(matchedCountry){ 
+                    if (this.queueToast) this.queueToast(`>>> STRATEGIC ASSET SECURED <<< <br><br>${player.name.toUpperCase()} NOW CONTROLS ${continent.name.toUpperCase()}<br>(+${continent.bonus} TROOPS)`, player.color, false); 
+                }
             }
         })  
     }
     
-    if(player.areas.length === 42 || (this.countries.filter(c => !c.isCrater).length > 0 && player.areas.length === this.countries.filter(c => !c.isCrater).length)){
-        this.gameOver = true; this.win(player);
-    }   
+    // Call the new centralized win condition function
+    this.checkWinCondition();
 }
+
+Gamestate.checkWinCondition = function() {
+    if (this.gameOver) return;
+
+    let totalPlayableLand = this.countries.filter(c => !c.isCrater).length;
+    let playerLand = this.countries.filter(c => c.owner === this.player.name).length;
+    let ownsAllLand = (playerLand >= totalPlayableLand);
+
+    let allRivalsDead = true;
+    if (this.commandersEnabled) {
+        let livingRivalCmdrs = this.players.filter(p => p !== this.player && !p.isNeutral && p.alive && p.commander && p.commander.hp > 0);
+        if (livingRivalCmdrs.length > 0) allRivalsDead = false;
+    } else {
+        let livingRivals = this.players.filter(p => p !== this.player && !p.isNeutral && p.alive);
+        if (livingRivals.length > 0) allRivalsDead = false;
+    }
+
+    // --- CHECK 1: TOTAL DOMINATION ---
+    if (ownsAllLand && allRivalsDead) {
+        this.gameOver = true;
+        let winModal = document.querySelector('#win-modal');
+        let winMessage = document.querySelector('.win-message');
+        
+        if(winMessage) {
+            winMessage.textContent = "TOTAL DOMINATION!";
+            winMessage.style.color = "var(--pip-color)"; 
+            let subMsg = winMessage.nextElementSibling;
+            if(subMsg && subMsg.tagName === 'P') {
+                if (this.commandersEnabled) {
+                    subMsg.textContent = "All rival commanders have been executed and the wasteland is entirely under your control.";
+                } else {
+                    subMsg.textContent = "You have conquered all territories in the wasteland.";
+                }
+            }
+        }
+        if(winModal) winModal.style.display = "block";
+        return;
+    }
+
+    // --- CHECK 2: SHARED ALLIED VICTORY ---
+    let livingFactions = this.players.filter(p => p.alive && !p.isNeutral && p.name !== this.player.name);
+    
+    if (livingFactions.length > 0) {
+        let allLivingAreIdolized = livingFactions.every(p => this.diplomacy.reputation[p.name] && this.diplomacy.reputation[p.name][this.player.name] >= 35);
+        
+        if (allLivingAreIdolized) {
+            this.gameOver = true;
+            let winModal = document.querySelector('#win-modal');
+            let winMessage = document.querySelector('.win-message');
+            
+            if(winMessage) {
+                winMessage.textContent = "ALLIED VICTORY!";
+                winMessage.style.color = "#0088ff"; // A distinct "peace" color
+                let subMsg = winMessage.nextElementSibling;
+                if(subMsg && subMsg.tagName === 'P') {
+                    subMsg.textContent = "Through masterful diplomacy and shared trust, the remaining factions have united under your leadership.";
+                }
+            }
+            if(winModal) winModal.style.display = "block";
+        }
+    }
+};
+
+
 const wastelandRadio = [
     { file: "Fallout3.mp3", title: "Fallout 3 Theme - Inon Zur" }, { file: "IDontWantToSeeTomorrow.mp3", title: "Nat King Cole - I Don't Want to See Tomorrow" },
     { file: "LetsGoSunning.mp3", title: "Jack Shaindlin - Lets Go Sunning" }, { file: "TheendoftheWorld.mp3", title: "Skeeter Davis - The End of the World" },
@@ -3710,9 +5493,9 @@ function playWastelandTrack() {
         // --- SINGING LOG EVENT ---
         if (currentTrack.file.includes("TakeMeHomeCountryRoads")) {
             setTimeout(() => Gamestate.logAction("'Wait, I know this one...'"), 4000);
-            setTimeout(() => Gamestate.logAction("You start singing: '♪ Almost heaven, West Virginia.'"), 7000);
-            setTimeout(() => Gamestate.logAction("'♪ Blue Ridge Mountains, Shenandoah River.'"), 12700);
-            setTimeout(() => Gamestate.logAction("'♪ Life is old there, older than the trees...Great song.'"), 18800);
+            setTimeout(() => Gamestate.logAction("You start singing: '♪ Almost heaven, West Virginia.'"), 7000);
+            setTimeout(() => Gamestate.logAction("'♪ Blue Ridge Mountains, Shenandoah River.'"), 12700);
+            setTimeout(() => Gamestate.logAction("'♪ Life is old there, older than the trees...Great song.'"), 18800);
         }
     }
 }
@@ -3790,6 +5573,7 @@ Gamestate.fixMapTextOrder = function() {
 // -----------------------------------
 
 
+
 // Then boot the game!
 
 Gamestate.init();