Near lossless webp instead of quantized png.

34 files changed, 53 insertions, 50 deletions

diff --git a/dials/loyalty_afghan.1x.opt.png b/dials/loyalty_afghan.1x.opt.png
deleted file mode 100644
index 07f5c79..0000000
--- a/dials/loyalty_afghan.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_afghan.1x.webp b/dials/loyalty_afghan.1x.webp
new file mode 100644
index 0000000..c84d1ce
--- /dev/null
+++ b/dials/loyalty_afghan.1x.webp
diff --git a/dials/loyalty_afghan.2x.opt.png b/dials/loyalty_afghan.2x.opt.png
deleted file mode 100644
index ca51a0f..0000000
--- a/dials/loyalty_afghan.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_afghan.2x.webp b/dials/loyalty_afghan.2x.webp
new file mode 100644
index 0000000..b8b08dd
--- /dev/null
+++ b/dials/loyalty_afghan.2x.webp
diff --git a/dials/loyalty_black.1x.opt.png b/dials/loyalty_black.1x.opt.png
deleted file mode 100644
index 906f742..0000000
--- a/dials/loyalty_black.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_black.1x.webp b/dials/loyalty_black.1x.webp
new file mode 100644
index 0000000..f1cb434
--- /dev/null
+++ b/dials/loyalty_black.1x.webp
diff --git a/dials/loyalty_black.2x.opt.png b/dials/loyalty_black.2x.opt.png
deleted file mode 100644
index 68ba031..0000000
--- a/dials/loyalty_black.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_black.2x.webp b/dials/loyalty_black.2x.webp
new file mode 100644
index 0000000..012aad7
--- /dev/null
+++ b/dials/loyalty_black.2x.webp
diff --git a/dials/loyalty_blue.1x.opt.png b/dials/loyalty_blue.1x.opt.png
deleted file mode 100644
index 1279971..0000000
--- a/dials/loyalty_blue.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_blue.1x.webp b/dials/loyalty_blue.1x.webp
new file mode 100644
index 0000000..e528fe8
--- /dev/null
+++ b/dials/loyalty_blue.1x.webp
diff --git a/dials/loyalty_blue.2x.opt.png b/dials/loyalty_blue.2x.opt.png
deleted file mode 100644
index 7dcb2c3..0000000
--- a/dials/loyalty_blue.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_blue.2x.webp b/dials/loyalty_blue.2x.webp
new file mode 100644
index 0000000..38ce151
--- /dev/null
+++ b/dials/loyalty_blue.2x.webp
diff --git a/dials/loyalty_british.1x.opt.png b/dials/loyalty_british.1x.opt.png
deleted file mode 100644
index 82ba94d..0000000
--- a/dials/loyalty_british.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_british.1x.webp b/dials/loyalty_british.1x.webp
new file mode 100644
index 0000000..9a05616
--- /dev/null
+++ b/dials/loyalty_british.1x.webp
diff --git a/dials/loyalty_british.2x.opt.png b/dials/loyalty_british.2x.opt.png
deleted file mode 100644
index 6673a5c..0000000
--- a/dials/loyalty_british.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_british.2x.webp b/dials/loyalty_british.2x.webp
new file mode 100644
index 0000000..7a7908a
--- /dev/null
+++ b/dials/loyalty_british.2x.webp
diff --git a/dials/loyalty_gray.1x.opt.png b/dials/loyalty_gray.1x.opt.png
deleted file mode 100644
index e4343d4..0000000
--- a/dials/loyalty_gray.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_gray.1x.webp b/dials/loyalty_gray.1x.webp
new file mode 100644
index 0000000..2d9db49
--- /dev/null
+++ b/dials/loyalty_gray.1x.webp
diff --git a/dials/loyalty_gray.2x.opt.png b/dials/loyalty_gray.2x.opt.png
deleted file mode 100644
index 79eba31..0000000
--- a/dials/loyalty_gray.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_gray.2x.webp b/dials/loyalty_gray.2x.webp
new file mode 100644
index 0000000..dc7ee36
--- /dev/null
+++ b/dials/loyalty_gray.2x.webp
diff --git a/dials/loyalty_red.1x.opt.png b/dials/loyalty_red.1x.opt.png
deleted file mode 100644
index c75ff55..0000000
--- a/dials/loyalty_red.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_red.1x.webp b/dials/loyalty_red.1x.webp
new file mode 100644
index 0000000..259c7e8
--- /dev/null
+++ b/dials/loyalty_red.1x.webp
diff --git a/dials/loyalty_red.2x.opt.png b/dials/loyalty_red.2x.opt.png
deleted file mode 100644
index 14fb059..0000000
--- a/dials/loyalty_red.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_red.2x.webp b/dials/loyalty_red.2x.webp
new file mode 100644
index 0000000..b38c3e7
--- /dev/null
+++ b/dials/loyalty_red.2x.webp
diff --git a/dials/loyalty_russian.1x.opt.png b/dials/loyalty_russian.1x.opt.png
deleted file mode 100644
index 6759240..0000000
--- a/dials/loyalty_russian.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_russian.1x.webp b/dials/loyalty_russian.1x.webp
new file mode 100644
index 0000000..3175ee1
--- /dev/null
+++ b/dials/loyalty_russian.1x.webp
diff --git a/dials/loyalty_russian.2x.opt.png b/dials/loyalty_russian.2x.opt.png
deleted file mode 100644
index 570eb7a..0000000
--- a/dials/loyalty_russian.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_russian.2x.webp b/dials/loyalty_russian.2x.webp
new file mode 100644
index 0000000..81b3835
--- /dev/null
+++ b/dials/loyalty_russian.2x.webp
diff --git a/dials/loyalty_tan.1x.opt.png b/dials/loyalty_tan.1x.opt.png
deleted file mode 100644
index 15deb20..0000000
--- a/dials/loyalty_tan.1x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_tan.1x.webp b/dials/loyalty_tan.1x.webp
new file mode 100644
index 0000000..f7fe9b7
--- /dev/null
+++ b/dials/loyalty_tan.1x.webp
diff --git a/dials/loyalty_tan.2x.opt.png b/dials/loyalty_tan.2x.opt.png
deleted file mode 100644
index e653f6a..0000000
--- a/dials/loyalty_tan.2x.opt.png
+++ /dev/null
diff --git a/dials/loyalty_tan.2x.webp b/dials/loyalty_tan.2x.webp
new file mode 100644
index 0000000..050ced0
--- /dev/null
+++ b/dials/loyalty_tan.2x.webp
diff --git a/play.css b/play.css
index 6d5265a..9726e90 100644
--- a/play.css
+++ b/play.css
@@ -401,6 +401,7 @@ body.shift #tooltip.focus { display: block; }
 
 #favored_suit_marker {
 	position: absolute;
+	pointer-events: none;
 	width: 32px;
 	height: 70px;
 	background-image: url(pieces/favored_suit_marker.svg);
@@ -709,51 +710,51 @@ body.open .hand.minimize .card {
 #market { background-image: url(market.1x.jpg) }
 #board { background-image: url(board_fg.1x.webp), url(board_bg.1x.jpg) }
 
-.player_dial.p0 { background-image: url(dials/loyalty_gray.1x.opt.png) }
-.player_dial.p1 { background-image: url(dials/loyalty_blue.1x.opt.png) }
-.player_dial.p2 { background-image: url(dials/loyalty_tan.1x.opt.png) }
-.player_dial.p3 { background-image: url(dials/loyalty_red.1x.opt.png) }
-.player_dial.p4 { background-image: url(dials/loyalty_black.1x.opt.png) }
-.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.British.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
+.player_dial.p0 { background-image: url(dials/loyalty_gray.1x.webp) }
+.player_dial.p1 { background-image: url(dials/loyalty_blue.1x.webp) }
+.player_dial.p2 { background-image: url(dials/loyalty_tan.1x.webp) }
+.player_dial.p3 { background-image: url(dials/loyalty_red.1x.webp) }
+.player_dial.p4 { background-image: url(dials/loyalty_black.1x.webp) }
+.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.British.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_russian.1x.webp) }
 
 @media (min-resolution: 97dpi) {
 	#market { background-image: url(market.2x.jpg) }
 	#board { background-image: url(board_fg.2x.webp), url(board_bg.2x.jpg) }
 
-	.player_dial.p0 { background-image: url(dials/loyalty_gray.2x.opt.png) }
-	.player_dial.p1 { background-image: url(dials/loyalty_blue.2x.opt.png) }
-	.player_dial.p2 { background-image: url(dials/loyalty_tan.2x.opt.png) }
-	.player_dial.p3 { background-image: url(dials/loyalty_red.2x.opt.png) }
-	.player_dial.p4 { background-image: url(dials/loyalty_black.2x.opt.png) }
-	.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
-	.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
-	.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
-	.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
-	.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
-	.player_dial.British.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
-	.player_dial.British.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
-	.player_dial.British.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
-	.player_dial.British.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
-	.player_dial.British.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
-	.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
-	.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
-	.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
-	.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
-	.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
+	.player_dial.p0 { background-image: url(dials/loyalty_gray.2x.webp) }
+	.player_dial.p1 { background-image: url(dials/loyalty_blue.2x.webp) }
+	.player_dial.p2 { background-image: url(dials/loyalty_tan.2x.webp) }
+	.player_dial.p3 { background-image: url(dials/loyalty_red.2x.webp) }
+	.player_dial.p4 { background-image: url(dials/loyalty_black.2x.webp) }
+	.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+	.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+	.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+	.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+	.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+	.player_dial.British.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_british.2x.webp) }
+	.player_dial.British.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_british.2x.webp) }
+	.player_dial.British.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_british.2x.webp) }
+	.player_dial.British.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_british.2x.webp) }
+	.player_dial.British.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_british.2x.webp) }
+	.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_russian.2x.webp) }
+	.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_russian.2x.webp) }
+	.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_russian.2x.webp) }
+	.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_russian.2x.webp) }
+	.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_russian.2x.webp) }
 }
 
 /* CARD IMAGES */
diff --git a/play.html b/play.html
index f9e28f1..3a76b1b 100644
--- a/play.html
+++ b/play.html
@@ -171,12 +171,13 @@
 </div>
 
 <div id="board">
-<div id="favored_suit_marker" class="Political"></div>
+
 <div id="player_score_0" class="hide cylinder p0"></div>
 <div id="player_score_1" class="hide cylinder p1"></div>
 <div id="player_score_2" class="hide cylinder p2"></div>
 <div id="player_score_3" class="hide cylinder p3"></div>
 <div id="player_score_4" class="hide cylinder p4"></div>
+
 <div class="hide rule Persia"></div>
 <div class="hide rule Transcaspia"></div>
 <div class="hide rule Herat"></div>
@@ -184,16 +185,16 @@
 <div class="hide rule Kandahar"></div>
 <div class="hide rule Punjab"></div>
 
-	<div id="deck_info">
-		<div style="display:flex;align-items:center;">
-			<div id="deck_count"></div>
-			<img height="22" src="icons/icon_deck.png">
-			<img height="22" id="dom_info_1" src="icons/icon_dominance.png">
-		</div>
-		<img height="22" id="dom_info_2" src="icons/icon_dominance.png">
-		<img height="22" id="dom_info_3" src="icons/icon_dominance.png">
-		<img height="22" id="dom_info_4" src="icons/icon_dominance.png">
+<div id="deck_info">
+	<div style="display:flex;align-items:center;">
+		<div id="deck_count"></div>
+		<img height="22" src="icons/icon_deck.png">
+		<img height="22" id="dom_info_1" src="icons/icon_dominance.png">
 	</div>
+	<img height="22" id="dom_info_2" src="icons/icon_dominance.png">
+	<img height="22" id="dom_info_3" src="icons/icon_dominance.png">
+	<img height="22" id="dom_info_4" src="icons/icon_dominance.png">
+</div>
 
 <svg id="svgmap" width="1280px" height="630px" viewBox="0 0 1280 630">
 <g transform="translate(-1,632) scale(0.78125,-0.78125)">
@@ -347,6 +348,7 @@
 <div id="suit_intelligence" class="suit"></div>
 <div id="suit_economic" class="suit"></div>
 <div id="suit_military" class="suit"></div>
+<div id="favored_suit_marker" class="Political"></div>
 
 </div>