summaryrefslogtreecommitdiff
path: root/play.html
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2022-04-22 20:52:42 +0200
committerTor Andersson <tor@ccxvii.net>2023-02-18 12:31:29 +0100
commit097fb37a0f8cdc02d34bfa51760300b1177f9ea1 (patch)
tree8ac9a9bba626a546bf1822b00a2d45b1bfdcd02e /play.html
parent5711adf3ef2c1e702849067ec3f68b04bd904c21 (diff)
downloadpax-pamir-097fb37a0f8cdc02d34bfa51760300b1177f9ea1.tar.gz
Client.
Diffstat (limited to 'play.html')
-rw-r--r--play.html437
1 files changed, 437 insertions, 0 deletions
diff --git a/play.html b/play.html
new file mode 100644
index 0000000..452a3af
--- /dev/null
+++ b/play.html
@@ -0,0 +1,437 @@
+<!DOCTYPE html>
+<!-- vim:set nowrap: -->
+<html>
+<head>
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
+<meta charset="UTF-8">
+<title>PAX PAMIR</title>
+<link rel="icon" href="icons/eagle.svg">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/common/play.css">
+<link rel="stylesheet" href="play.css">
+<script defer src="/common/play.js"></script>
+<script defer src="cards.js"></script>
+<script defer src="play.js"></script>
+</head>
+<body>
+
+<div id="popup" onmouseleave="hide_popup_menu()">
+<div id="popup_label" class="always">Actions</div>
+<div id="menu_play_left" onclick="popup_action('play_left')">Play to left side</div>
+<div id="menu_play_right" onclick="popup_action('play_right')">Play to right side</div>
+</div>
+
+<header>
+ <div class="menu">
+ <div class="menu_title"><img src="/images/cog.svg"></div>
+ <div class="menu_popup">
+ <div class="menu_item" onclick="window.open('info/rules.html', '_blank')">Rules</div>
+ <div class="menu_item" onclick="window.open('info/pac.html', '_blank')">Player Aid</div>
+ <div class="menu_item" onclick="window.open('info/cards.html', '_blank')">Cards</div>
+ <div class="resign menu_separator"></div>
+ <div class="resign menu_item" onclick="confirm_resign()">Resign</div>
+ <div class="debug menu_separator"></div>
+ <div class="debug menu_item" onclick="send_save()">&#x1F41E; Save</div>
+ <div class="debug menu_item" onclick="send_restore()">&#x1F41E; Restore</div>
+ <div class="debug menu_separator"></div>
+ <div class="debug menu_item" onclick="send_restart('2P')">&#x26a0; Restart</div>
+ </div>
+ </div>
+ <div class="icon_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div>
+ <div id="prompt"></div>
+ <div id="actions"></div>
+</header>
+
+<aside>
+ <div id="roles">
+ <div id="banner" class="Political">
+ <div id="favored_suit_banner" class="icon" onclick="scroll_to_market()"></div>
+ <div id="map_banner" class="icon"onclick="scroll_to_map()"></div>
+ <div id="hand_banner" class="icon" onclick="toggle_open_hands()"></div>
+ </div>
+
+ <div class="role hide" onclick="scroll_to_player(0)" id="role_Gray">
+ <div class="role_name">Gray
+ <div class="role_rupees_icon" id="rupees_0_icon"></div>
+ <div class="role_rupees_text" id="rupees_0_text">15</div>
+ <div class="role_cylinders_icon" id="cylinders_0_icon"></div>
+ <div class="role_cylinders_text" id="cylinders_0_text">15</div>
+ <div class="role_loyalty_icon" id="loyalty_0_icon"></div>
+ <div class="role_loyalty_text" id="loyalty_0_text">15</div>
+ <div class="role_user">-</div>
+ </div>
+ </div>
+
+ <div class="role hide" onclick="scroll_to_player(1)" id="role_Blue">
+ <div class="role_name"><span>Blue</span>
+ <div class="role_rupees_icon" id="rupees_1_icon"></div>
+ <div class="role_rupees_text" id="rupees_1_text">15</div>
+ <div class="role_cylinders_icon" id="cylinders_1_icon"></div>
+ <div class="role_cylinders_text" id="cylinders_1_text">15</div>
+ <div class="role_loyalty_icon" id="loyalty_1_icon"></div>
+ <div class="role_loyalty_text" id="loyalty_1_text">15</div>
+ <div class="role_user">-</div>
+ </div>
+ </div>
+
+ <div class="role hide" onclick="scroll_to_player(2)" id="role_Tan">
+ <div class="role_name"><span>Tan</span>
+ <div class="role_rupees_icon" id="rupees_2_icon"></div>
+ <div class="role_rupees_text" id="rupees_2_text">15</div>
+ <div class="role_cylinders_icon" id="cylinders_2_icon"></div>
+ <div class="role_cylinders_text" id="cylinders_2_text">15</div>
+ <div class="role_loyalty_icon" id="loyalty_2_icon"></div>
+ <div class="role_loyalty_text" id="loyalty_2_text">15</div>
+ <div class="role_user">-</div>
+ </div>
+ </div>
+
+ <div class="role hide" onclick="scroll_to_player(3)" id="role_Red">
+ <div class="role_name"><span>Red</span>
+ <div class="role_rupees_icon" id="rupees_3_icon"></div>
+ <div class="role_rupees_text" id="rupees_3_text">15</div>
+ <div class="role_cylinders_icon" id="cylinders_3_icon"></div>
+ <div class="role_cylinders_text" id="cylinders_3_text">15</div>
+ <div class="role_loyalty_icon" id="loyalty_3_icon"></div>
+ <div class="role_loyalty_text" id="loyalty_3_text">15</div>
+ <div class="role_user">-</div>
+ </div>
+ </div>
+
+ <div class="role hide" onclick="scroll_to_player(4)" id="role_Black">
+ <div class="role_name"><span>Black</span>
+ <div class="role_rupees_icon" id="rupees_4_icon"></div>
+ <div class="role_rupees_text" id="rupees_4_text">15</div>
+ <div class="role_cylinders_icon" id="cylinders_4_icon"></div>
+ <div class="role_cylinders_text" id="cylinders_4_text">15</div>
+ <div class="role_loyalty_icon" id="loyalty_4_icon"></div>
+ <div class="role_loyalty_text" id="loyalty_4_text">15</div>
+ <div class="role_user">-</div>
+ </div>
+ </div>
+
+ </div>
+ <div id="log"></div>
+</aside>
+
+<div id="tooltip" class="hide"></div>
+
+<main>
+
+<div id="market">
+ <div id="market_a">
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_0"></div>
+ <div class="hide coin" id="market_coin_0_0"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_1"></div>
+ <div class="hide coin" id="market_coin_0_1"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_2"></div>
+ <div class="hide coin" id="market_coin_0_2"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_3"></div>
+ <div class="hide coin" id="market_coin_0_3"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_4"></div>
+ <div class="hide coin" id="market_coin_0_4"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_0_5"></div>
+ <div class="hide coin" id="market_coin_0_5"></div>
+ </div>
+ </div>
+ <div id="market_b">
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_0"></div>
+ <div class="hide coin" id="market_coin_1_0"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_1"></div>
+ <div class="hide coin" id="market_coin_1_1"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_2"></div>
+ <div class="hide coin" id="market_coin_1_2"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_3"></div>
+ <div class="hide coin" id="market_coin_1_3"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_4"></div>
+ <div class="hide coin" id="market_coin_1_4"></div>
+ </div>
+ <div class="market_slot">
+ <div class="market_card" id="market_card_1_5"></div>
+ <div class="hide coin" id="market_coin_1_5"></div>
+ </div>
+ </div>
+</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>
+<div class="hide rule Kabul"></div>
+<div class="hide rule Kandahar"></div>
+<div class="hide rule Punjab"></div>
+
+<svg id="svgmap" width="1280px" height="630px" viewBox="0 0 1280 630">
+<g transform="translate(-1,632) scale(0.78125,-0.78125)">
+
+<path id="Persia" class="region"
+ d="M154 358 c-6 -1 -13 -2 -16 -3 l-5 -1 0 -112 0 -112 124 0 124 0 0 9
+ c0 8 -1 13 -5 39 -4 30 -6 70 -6 101 0 9 0 24 0 31 -1 13 -1 14 -4 15 -1
+ 1 -3 1 -5 1 -1 0 -3 1 -4 1 -2 1 -4 2 -6 2 -4 1 -10 3 -19 7 -4 1 -10 4
+ -13 5 -3 1 -7 2 -9 3 -2 1 -5 2 -7 2 -2 1 -6 1 -8 2 -9 2 -28 5 -50 8 -22
+ 3 -76 4 -91 2z"/>
+
+<path id="Transcaspia" class="region"
+ d="M133 550 l0 -130 9 1 c24 2 98 0 120 -3 4 -1 12 -2 19 -3 11 -1 16 -2
+ 27 -4 10 -2 14 -3 24 -6 9 -4 11 -4 16 -6 2 -1 6 -3 9 -3 2 -1 6 -3 9 -4
+ 6 -2 11 -4 18 -5 6 -1 6 -1 12 9 3 4 23 27 30 35 11 11 23 19 50 35 11 6
+ 14 8 28 19 7 7 14 13 17 15 5 4 26 15 28 15 2 0 9 3 10 4 1 1 2 5 3 8 1 4
+ 3 9 3 10 1 1 2 4 2 7 1 2 1 6 2 9 3 12 6 30 8 50 2 15 5 61 5 73 l0 4
+ -224 0 -225 0 0 -130z"/>
+
+<path id="Herat" class="region"
+ d="M568 453 c-2 -1 -10 -8 -17 -14 -7 -6 -15 -12 -16 -14 -7 -4 -12 -7
+ -24 -14 -16 -9 -19 -11 -23 -14 -1 -1 -5 -4 -8 -6 -2 -2 -8 -8 -13 -13 -4
+ -5 -10 -11 -12 -13 -1 -2 -3 -4 -3 -4 0 -1 -1 -3 -3 -5 -2 -2 -5 -6 -6 -8
+ -2 -2 -5 -6 -7 -9 l-4 -4 1 -15 c0 -8 0 -30 1 -49 0 -35 2 -70 5 -80 0 -2
+ 1 -5 1 -7 1 -3 1 -7 2 -9 1 -3 1 -14 2 -25 l0 -20 134 0 134 0 0 5 c1 4 2
+ 9 4 15 1 1 2 4 2 7 0 2 2 6 2 9 5 16 10 49 12 81 2 23 3 36 4 51 2 14 2
+ 33 1 38 -1 3 -2 6 -2 9 -2 7 -5 12 -10 16 -5 4 -11 7 -38 22 -14 7 -20 12
+ -30 20 -4 3 -8 7 -10 8 -2 1 -5 3 -7 4 -2 2 -5 4 -7 5 -2 1 -5 3 -7 5 -3
+ 2 -6 4 -8 6 -2 1 -6 4 -8 5 -2 2 -6 5 -7 6 -1 1 -4 2 -5 4 -1 1 -6 3 -10
+ 5 -8 5 -15 5 -20 2z"/>
+
+<path id="Kabul" class="region"
+ d="M644 661 c0 -19 -1 -42 -4 -63 -3 -28 -4 -39 -5 -42 0 -3 -1 -6 -1 -8
+ -1 -2 -1 -6 -2 -8 0 -2 -1 -7 -2 -9 0 -2 -1 -5 -2 -7 0 -1 -1 -3 -1 -4 0
+ -2 0 -4 -1 -5 0 -1 -1 -3 -1 -5 -1 -4 -1 -4 4 -7 2 -1 6 -3 7 -4 1 -1 8
+ -6 15 -11 7 -5 14 -10 15 -11 1 -1 4 -3 7 -5 2 -2 5 -4 7 -5 2 -1 6 -4 8
+ -6 2 -1 6 -4 7 -5 1 -1 4 -3 6 -4 2 -2 5 -5 7 -6 2 -1 5 -3 7 -5 1 -1 12
+ -7 23 -12 19 -11 24 -13 29 -17 1 -2 3 -2 14 -1 19 2 54 -1 80 -7 3 -1 7
+ -1 9 -2 3 0 5 -1 6 -1 1 -1 3 -2 5 -2 2 0 6 -2 9 -3 15 -6 21 -7 36 -3 9
+ 2 15 3 27 5 44 5 47 6 60 13 10 6 25 19 27 25 1 1 2 5 3 8 4 11 5 13 6 16
+ 1 2 2 5 2 7 0 1 2 6 3 10 2 3 4 8 4 10 0 1 2 5 3 8 1 3 3 7 3 10 1 2 4 8
+ 6 14 2 5 5 11 5 12 1 5 19 39 22 42 1 1 2 4 3 6 1 1 3 4 4 6 3 3 15 19 20
+ 25 7 10 17 30 22 46 2 10 3 11 4 18 l0 6 -253 0 -253 0 0 -19z"/>
+
+<path id="Kandahar" class="region"
+ d="M800 347 c1 -3 0 -53 -1 -62 -2 -15 -3 -27 -4 -44 -2 -34 -8 -81 -11
+ -85 0 -1 -1 -3 -1 -5 0 -3 -2 -7 -2 -10 -1 -3 -2 -7 -2 -9 l0 -2 147 0
+ c147 0 147 0 147 2 0 1 0 3 -1 4 0 1 -1 4 -2 6 -1 5 -5 16 -10 28 -1 2 -2
+ 7 -3 11 -1 3 -3 7 -4 9 0 2 -2 6 -3 10 -1 3 -2 7 -3 10 0 2 -1 6 -2 8 -1
+ 2 -2 6 -2 8 -1 1 -2 4 -2 6 -1 2 -2 6 -2 9 -3 9 -5 15 -6 19 0 2 -1 5 -2
+ 7 -3 8 -3 10 -4 13 -1 3 -2 6 -8 21 -2 4 -4 9 -5 12 -3 9 -9 22 -11 25 0
+ 2 -1 2 -3 1 -1 0 -12 -2 -24 -3 -12 -1 -22 -3 -23 -3 -1 -1 -3 -1 -5 -1
+ -1 0 -4 -1 -6 -1 -4 -2 -20 -4 -31 -4 -11 0 -29 3 -32 4 -1 1 -3 2 -4 2
+ -2 0 -6 2 -9 3 -6 3 -13 4 -27 7 -9 2 -36 6 -39 6 -1 0 -1 -1 0 -2z"/>
+
+<path id="Punjab" class="region"
+ d="M1216 676 c-1 -2 -2 -6 -2 -8 -1 -3 -1 -8 -2 -11 -1 -3 -1 -7 -2 -10
+ -1 -7 -3 -13 -4 -16 -1 -2 -4 -8 -6 -13 -6 -17 -20 -44 -27 -52 -2 -2 -5
+ -6 -8 -10 -3 -4 -6 -8 -7 -9 -1 -2 -3 -5 -5 -7 -2 -3 -4 -6 -5 -7 -1 -1
+ -2 -4 -4 -6 -2 -3 -10 -20 -12 -28 -1 -2 -3 -7 -4 -10 -2 -4 -3 -9 -4 -10
+ 0 -1 -2 -5 -3 -8 -1 -3 -3 -7 -3 -8 -1 -4 -3 -9 -5 -15 -2 -6 -4 -11 -5
+ -14 -3 -10 -8 -22 -12 -32 -5 -9 -7 -12 -14 -19 -9 -9 -17 -16 -19 -17 -1
+ 0 0 -3 2 -8 4 -8 7 -14 9 -21 1 -3 3 -8 5 -12 6 -16 7 -19 8 -21 1 -3 1
+ -5 4 -13 1 -2 2 -5 2 -7 0 -2 1 -4 2 -5 0 -1 1 -3 1 -5 0 -2 1 -5 2 -6 0
+ -2 1 -6 2 -8 1 -2 2 -6 2 -7 1 -2 2 -5 2 -7 0 -2 1 -5 2 -6 0 -2 2 -8 4
+ -13 8 -26 9 -31 11 -34 2 -7 4 -11 5 -15 0 -2 2 -4 2 -6 1 -2 2 -5 3 -7 0
+ -2 2 -6 3 -9 0 -4 2 -8 2 -9 1 -1 1 -3 1 -5 0 -1 1 -4 2 -7 l1 -5 61 0 61
+ 0 0 275 0 275 -23 0 -23 0 0 -4z"/>
+
+<path id="Persia/Transcaspia" class="border"
+ d="M148 416 c-4 -1 -9 -1 -11 -1 l-4 1 0 -29 0 -29 5 2 c19 6 87 5 135 -3
+ 13 -2 19 -3 24 -4 2 0 5 -1 8 -2 2 0 5 -1 7 -2 2 -1 6 -2 9 -3 3 -1 9 -4
+ 13 -5 20 -8 20 -8 26 -2 2 3 7 7 11 10 9 6 9 6 8 16 0 5 -1 11 -2 14 -1 4
+ -1 5 -4 5 -2 1 -6 2 -9 3 -3 1 -7 3 -9 4 -3 0 -7 2 -9 3 -5 2 -7 2 -16 6
+ -10 3 -14 4 -24 6 -11 2 -16 3 -27 4 -7 1 -15 2 -19 3 -21 3 -97 5 -112
+ 3z"/>
+
+<path id="Persia/Herat" class="border"
+ d="M391 330 c-2 -2 -7 -6 -11 -9 l-6 -6 1 -12 c1 -7 1 -17 0 -26 -1 -24 2
+ -66 6 -97 4 -27 5 -31 5 -40 l0 -10 27 0 26 0 0 19 c-1 10 -1 21 -2 24 -1
+ 2 -1 6 -2 9 0 2 -1 5 -1 7 -1 2 -2 13 -3 24 -2 16 -2 29 -3 60 0 21 0 41
+ -1 44 l0 6 -8 2 c-4 1 -10 4 -14 6 -4 1 -7 3 -8 3 0 0 -3 -2 -6 -4z"/>
+
+<path id="Transcaspia/Herat" class="border"
+ d="M536 503 c-9 -5 -12 -8 -28 -21 -14 -12 -17 -14 -28 -20 -35 -20 -42
+ -26 -67 -54 -12 -14 -12 -15 -11 -19 1 -2 2 -8 2 -13 2 -15 2 -16 11 -20
+ 4 -2 10 -5 14 -6 7 -1 8 -1 13 6 5 8 7 11 12 16 3 3 8 9 12 13 3 3 8 8 11
+ 10 2 2 6 5 7 6 4 3 7 5 23 14 12 7 17 10 24 14 1 2 9 8 17 14 7 7 16 14
+ 18 15 l5 2 0 14 1 14 -5 3 c-2 1 -8 5 -12 7 -5 3 -9 6 -9 7 -1 1 -1 2 -2
+ 2 0 0 -4 -2 -8 -4z"/>
+
+<path id="Transcaspia/Kabul" class="border"
+ d="M587 676 c0 -5 -3 -56 -5 -75 -2 -20 -5 -38 -8 -50 -1 -3 -1 -7 -2 -9
+ 0 -3 -1 -6 -2 -8 -1 -2 -2 -5 -3 -7 l-1 -4 7 -4 c4 -2 10 -6 12 -8 l5 -3
+ 9 3 c18 4 23 7 23 11 0 1 1 3 1 4 1 2 2 5 2 7 1 2 2 7 2 9 1 2 1 6 2 8 0
+ 2 1 5 1 8 1 3 2 14 5 42 3 21 4 43 4 62 l0 18 -27 0 -26 0 1 -4z"/>
+
+<path id="Herat/Kabul" class="border"
+ d="M630 492 c-3 -1 -14 -5 -25 -8 -4 -1 -7 -2 -8 -2 0 -1 0 -8 0 -15 0
+ -14 0 -14 2 -15 1 -1 5 -4 7 -5 2 -2 6 -5 8 -7 2 -1 5 -3 8 -5 6 -5 15
+ -11 22 -16 6 -4 10 -7 17 -12 10 -9 16 -13 31 -21 22 -12 31 -16 34 -19 1
+ -1 3 -2 4 -2 1 0 6 4 12 8 14 11 15 14 15 28 0 7 0 11 -1 12 -1 0 -11 6
+ -22 12 -11 5 -22 11 -23 12 -2 2 -5 4 -7 5 -2 1 -5 4 -7 6 -2 1 -5 3 -6 4
+ -1 1 -5 4 -7 5 -2 2 -6 5 -8 6 -2 1 -5 3 -7 5 -3 2 -6 4 -7 5 -1 1 -8 5
+ -14 10 -15 11 -15 11 -18 9z"/>
+
+<path id="Herat/Kandahar" class="border"
+ d="M760 352 c-4 -2 -9 -6 -12 -9 l-5 -5 0 -15 c0 -9 -1 -21 -2 -27 -1 -15
+ -2 -28 -4 -51 -2 -32 -7 -65 -12 -81 0 -3 -2 -7 -2 -9 0 -3 -1 -6 -2 -7
+ -2 -7 -3 -11 -3 -13 0 -1 -1 -3 -2 -3 -1 -2 2 -2 29 -2 l30 0 -1 3 c0 2 1
+ 6 2 10 0 3 2 7 2 10 0 2 1 4 1 5 3 4 9 51 11 85 1 16 2 28 4 43 1 4 1 15
+ 2 26 l0 19 -5 6 c-5 8 -6 8 -13 12 -3 2 -7 4 -8 6 -2 1 -3 2 -4 2 0 0 -3
+ -2 -6 -5z"/>
+
+<path id="Kabul/Kandahar" class="border"
+ d="M785 406 c-1 0 -2 -2 -2 -12 l-1 -12 3 -3 c2 -2 7 -5 11 -8 9 -6 11 -8
+ 14 -14 3 -5 4 -5 17 -7 9 -1 14 -2 23 -4 10 -2 13 -3 18 -5 3 -1 7 -3 9
+ -3 1 0 3 -1 4 -2 2 -1 9 -2 20 -3 11 -2 33 0 39 2 2 1 5 2 6 2 2 0 4 0 5
+ 1 1 0 10 2 20 3 14 1 18 2 19 3 0 2 6 15 8 20 1 2 2 5 3 7 1 4 1 4 -2 8
+ -2 3 -5 7 -6 9 -6 9 -3 9 -27 6 -12 -1 -22 -2 -23 -3 -1 0 -4 -1 -6 -1 -2
+ -1 -7 -1 -9 -2 -17 -4 -24 -3 -40 3 -3 1 -7 3 -9 3 -2 0 -4 1 -5 2 -1 0
+ -3 1 -6 1 -2 1 -6 1 -9 2 -24 5 -66 10 -74 7z"/>
+
+<path id="Kabul/Punjab" class="border"
+ d="M1154 678 c4 -8 -12 -53 -26 -72 -5 -5 -17 -22 -20 -25 -1 -2 -3 -5 -4
+ -6 -1 -2 -2 -5 -3 -6 -3 -3 -20 -36 -21 -40 0 -1 -3 -7 -5 -12 -2 -6 -5
+ -12 -6 -14 0 -3 -2 -7 -3 -10 -1 -3 -3 -7 -3 -8 0 -2 -2 -7 -4 -10 -1 -4
+ -3 -9 -3 -10 -1 -4 -2 -8 -8 -23 -4 -12 -5 -14 -9 -17 -5 -6 -16 -14 -21
+ -17 l-4 -2 3 -4 c3 -6 10 -14 13 -14 1 0 7 -2 13 -4 6 -2 15 -4 19 -5 l8
+ -1 8 9 c6 7 9 11 13 18 4 9 9 22 12 31 1 3 3 8 5 14 2 6 4 11 5 15 0 1 2
+ 5 3 8 1 3 3 7 3 8 1 3 4 12 8 21 3 8 12 28 13 29 1 0 2 2 3 4 1 2 4 6 5 8
+ 2 2 5 6 6 8 1 1 4 5 7 9 3 4 6 8 8 10 7 8 20 33 26 50 2 5 5 11 6 13 1 3
+ 3 9 4 16 2 11 3 16 4 21 0 3 1 7 2 8 l0 2 -29 0 c-29 0 -29 0 -28 -2z"/>
+
+<path id="Kandahar/Punjab" class="border"
+ d="M1025 359 c0 -1 -2 -7 -5 -13 -6 -14 -7 -17 -4 -23 1 -2 2 -6 3 -8 1
+ -3 3 -8 5 -12 6 -15 7 -18 8 -21 1 -3 1 -5 4 -13 1 -2 2 -5 2 -7 1 -3 2
+ -9 6 -19 0 -3 1 -7 2 -9 0 -2 1 -5 2 -6 0 -2 1 -6 2 -8 1 -2 2 -6 2 -8 1
+ -3 2 -7 3 -10 1 -4 3 -8 3 -10 1 -2 3 -7 4 -11 2 -5 4 -10 4 -12 5 -12 7
+ -19 8 -22 2 -7 3 -11 3 -14 l0 -3 29 0 28 0 0 3 c-1 1 -1 5 -2 7 0 2 -2 7
+ -2 10 -1 3 -2 7 -3 9 -1 4 -3 9 -5 14 -1 2 -2 5 -2 5 0 1 -1 3 -1 5 -3 7
+ -4 9 -14 42 -2 5 -4 11 -4 13 -1 1 -2 4 -2 6 0 2 -1 4 -1 5 -1 1 -2 3 -2
+ 5 -2 8 -3 12 -4 15 -3 8 -3 10 -4 13 0 2 -1 5 -2 7 -3 8 -3 10 -4 13 -1 2
+ -2 5 -8 21 -2 4 -4 9 -4 11 -1 2 -3 6 -4 10 -2 3 -3 6 -3 7 -1 1 -3 2 -7
+ 3 -3 0 -11 2 -17 4 -13 4 -13 4 -14 1z"/>
+
+</g>
+</svg>
+
+<div id="suit_political" class="suit"></div>
+<div id="suit_intelligence" class="suit"></div>
+<div id="suit_economic" class="suit"></div>
+<div id="suit_military" class="suit"></div>
+
+<div id="deck_info"></div>
+
+</div>
+
+<div id="global_events"></div>
+
+<div id="player_area_list">
+
+<div class="hide player_area" id="player_area_0">
+<div class="hide hand" id="player_hand_0"></div>
+<div class="player_court" id="player_court_0">
+<div class="player_pool" id="player_pool_0">
+<div class="player_dial p0" id="player_dial_0">
+<div class="player_hand_size" id="player_hand_size_0"></div>
+<div class="coin" id="player_coin_0">3</div>
+<div class="prize" id="player_prize_0"></div>
+<div class="gift_2" id="player_gift_0_2"></div>
+<div class="gift_4" id="player_gift_0_4"></div>
+<div class="gift_6" id="player_gift_0_6"></div>
+</div>
+</div>
+</div>
+</div>
+
+<div class="hide player_area" id="player_area_1">
+<div class="hide hand" id="player_hand_1"></div>
+<div class="player_court" id="player_court_1">
+<div class="player_pool" id="player_pool_1">
+<div class="player_dial p1" id="player_dial_1">
+<div class="player_hand_size" id="player_hand_size_1"></div>
+<div class="coin" id="player_coin_1"></div>
+<div class="prize" id="player_prize_1"></div>
+<div class="gift_2" id="player_gift_1_2"></div>
+<div class="gift_4" id="player_gift_1_4"></div>
+<div class="gift_6" id="player_gift_1_6"></div>
+</div>
+</div>
+</div>
+</div>
+
+<div class="hide player_area" id="player_area_2">
+<div class="hide hand" id="player_hand_2"></div>
+<div class="player_court" id="player_court_2">
+<div class="player_pool" id="player_pool_2">
+<div class="player_dial p2" id="player_dial_2">
+<div class="player_hand_size" id="player_hand_size_2"></div>
+<div class="coin" id="player_coin_2"></div>
+<div class="prize" id="player_prize_2"></div>
+<div class="gift_2" id="player_gift_2_2"></div>
+<div class="gift_4" id="player_gift_2_4"></div>
+<div class="gift_6" id="player_gift_2_6"></div>
+</div>
+</div>
+</div>
+</div>
+
+<div class="hide player_area" id="player_area_3">
+<div class="hide hand" id="player_hand_3"></div>
+<div class="player_court" id="player_court_3">
+<div class="player_pool" id="player_pool_3">
+<div class="player_dial p3" id="player_dial_3">
+<div class="player_hand_size" id="player_hand_size_3"></div>
+<div class="coin" id="player_coin_3"></div>
+<div class="prize" id="player_prize_3"></div>
+<div class="gift_2" id="player_gift_3_2"></div>
+<div class="gift_4" id="player_gift_3_4"></div>
+<div class="gift_6" id="player_gift_3_6"></div>
+</div>
+</div>
+</div>
+</div>
+
+<div class="hide player_area" id="player_area_4">
+<div class="hide hand" id="player_hand_4"></div>
+<div class="player_court" id="player_court_4">
+<div class="player_pool" id="player_pool_4">
+<div class="player_dial p4" id="player_dial_4">
+<div class="player_hand_size" id="player_hand_size_4"></div>
+<div class="coin" id="player_coin_4"></div>
+<div class="prize" id="player_prize_4"></div>
+<div class="gift_2" id="player_gift_4_2"></div>
+<div class="gift_4" id="player_gift_4_4"></div>
+<div class="gift_6" id="player_gift_4_6"></div>
+</div>
+</div>
+</div>
+</div>
+
+</div>
+
+</main>
+
+<footer id="status"></footer>
+
+</body>