<!DOCTYPE html>
<!-- vim:set nowrap: -->
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, interactive-widget=resizes-content, viewport-fit=cover">
<meta name="theme-color" content="#444">
<meta charset="UTF-8">
<title>LAND & FREEDOM</title>
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="/fonts/fonts.css">
<link rel="stylesheet" href="/common/client.css">
<link rel="stylesheet" href="play.css">
<script defer src="/common/client.js"></script>
<script>var exports = {}</script>
<script defer src="data.js"></script>
<script defer src="play.js"></script>
</head>
<body>
<div id="tooltip"></div>
<header>
<div id="toolbar">
<details>
<summary><img src="/images/cog.svg"></summary>
<menu>
<li><a href="info/rules.html" target="_blank">Rulebook</a>
<li><a href="info/cards.html" target="_blank">Cards</a>
<li><a href="info/pac_a.html" target="_blank">Player Aid: Anarchist</a>
<li><a href="info/pac_c.html" target="_blank">Player Aid: Communist</a>
<li><a href="info/pac_m.html" target="_blank">Player Aid: Moderate</a>
</menu>
</details>
<button onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></button>
</div>
</header>
<aside>
<div id="roles"></div>
<div id="log"></div>
</aside>
<main>
<div id="mapwrap">
<div id="map">
<div id="pieces">
</div>
</div>
</div>
<div class="panel fascist">
<div class="panel_header">Fascist Cards</div>
<div id="fascist_cards" class="panel_body"></div>
</div>
<div class="panel trash">
<div class="panel_header">Trash</div>
<div id="trash" class="panel_body"></div>
</div>
<div id="hand_panel" class="panel">
<div class="panel_header">Hand</div>
<div id="hand" class="panel_body"></div>
</div>
<div id="player_areas">
<div id="player_area_a" class="panel anarchist">
<div class="panel_header">Anarchist Tableau</div>
<div id="tableau_a" class="panel_body"></div>
<div id="tokens_a" class="token_pool"></div>
</div>
<div id="player_area_c" class="panel communist">
<div class="panel_header">Communist Tableau</div>
<div id="tableau_c" class="panel_body"></div>
<div id="tokens_c" class="token_pool"></div>
</div>
<div id="player_area_m" class="panel moderate">
<div class="panel_header">Moderate Tableau</div>
<div id="tableau_m" class="panel_body"></div>
<div id="tokens_m" class="token_pool"></div>
</div>
</div>
<div id="bag_of_glory_panel" class="panel">
<div class="panel_header">Bag of Glory</div>
<div id="bag_of_glory" class="panel_body"></div>
</div>
</main>
<footer id="status"></footer>
</body>