more visible overfulfilment warning!

3 files changed, 42 insertions, 11 deletions

diff --git a/play.css b/play.css
index e462540..17dae2f 100644
--- a/play.css
+++ b/play.css
@@ -452,14 +452,45 @@ span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family:
 
 .missing {
 	position: absolute;
-	font-size: 18px;
-	line-height: 18px;
+	background-color: #c00c;
+	box-sizing: border-box;
+	color: white;
+	font-weight: bold;
+	font-size: 16px;
+	line-height: 20px;
+	padding: 6px;
+	white-space: pre;
+	text-align: center;
 }
 
-#missing_pragmatic { top: 105px; left: 860px; }
-#missing_prussia { top: 76px; left: 1990px; }
-#missing_austria { top: 1562px; left: 2395px; }
-#missing_france { top: 1568px; left: 145px; }
+#missing_pragmatic {
+	left: 779px;
+	top: 79px;
+	width: 116px;
+	height: 58px;
+}
+
+#missing_prussia {
+	left: 1909px;
+	top: 58px;
+	width: 116px;
+	height: 58px;
+}
+
+#missing_austria {
+	left: 2316px;
+	top: 1543px;
+	width: 116px;
+	height: 58px;
+}
+
+#missing_france {
+	background-color: #c00c;
+	left: 66px;
+	top: 1541px;
+	width: 116px;
+	height: 58px;
+}
 
 /* SPACES */
 
diff --git a/play.html b/play.html
index 927a35e..cbfdd62 100644
--- a/play.html
+++ b/play.html
@@ -62,10 +62,10 @@
 		<div id="spaces"></div>
 		<div id="markers"></div>
 		<div id="pieces"></div>
-		<div id="missing_france" class="missing"></div>
-		<div id="missing_prussia" class="missing"></div>
-		<div id="missing_pragmatic" class="missing"></div>
-		<div id="missing_austria" class="missing"></div>
+		<div id="missing_france" class="hide"></div>
+		<div id="missing_prussia" class="hide"></div>
+		<div id="missing_pragmatic" class="hide"></div>
+		<div id="missing_austria" class="hide"></div>
 	</div>
 </div>
 
diff --git a/play.js b/play.js
index 3df499d..6cc2045 100644
--- a/play.js
+++ b/play.js
@@ -1251,7 +1251,7 @@ function layout_victory_pool(pow, max, x, y) {
 		ui.markers_element.appendChild(e)
 	}
 	if (n > max) {
-		ui.missing[pow].textContent = "+" + (n-max)
+		ui.missing[pow].textContent = "overfulfilled\n" + (n-max)
 	} else {
 		ui.missing[pow].textContent = ""
 	}