<h1>The Game of Empires</h1>
-<div id="loading" class="show-state-none">
+<div id="loading" class="show-phase-none">
<p>
Contacting server. Please wait...
</p>
</div>
-<div id="pre-game" class="show-state-join">
+<div id="pre-game" class="show-phase-join">
<h2>Choose your character</h2>
<form id="register-form" onsubmit="register(this); return false">
<div class="form-field large">
<label for="character">Character name</label>
- <input type="text" id="character" autocomplete="off" required>
+ <input type="text" id="character" autocomplete="off" required autofocus>
</div>
<div class="form-field large">
</div>
-<div class="show-state-reveal">
+<div class="show-phase-reveal">
<h1>Watch and memorize each character!</h1>
<span id="character-reveal"></span>
</div>
-<div class="hide-state-reveal" id="spectators-div">
+<div class="hide-phase-reveal" id="spectators-div">
<h1>Spectators</h1>
<ul id="spectators">
</ul>
</div>
-<div class="hide-state-reveal" id="players-div">
+<div class="hide-phase-reveal" id="players-div">
<h1>Players</h1>
<ul id="players">