feat: refine the Lobby screen

This commit is contained in:
2026-08-30 00:36:00 +03:00
parent 5e1502a18d
commit a12eac6b5b
3 changed files with 32 additions and 13 deletions
+6 -5
View File
@@ -36,11 +36,12 @@
<section id="screen-lobby" class="screen" aria-labelledby="lobby-title" hidden>
<h2 id="lobby-title">Лобби</h2><p id="lobby-description"></p>
<div id="mode-controls" class="panel" hidden>
<h3>Режим игры</h3>
<div class="button-row"><button type="button" data-mode="human" class="mode-button">Два игрока</button><button type="button" data-mode="bot" class="mode-button">Против ESP32</button></div>
<button id="start-game" type="button">Начать игру</button>
</div>
<section id="mode-controls" class="lobby-mode-section" aria-labelledby="mode-title" hidden>
<h3 id="mode-title">Режим игры</h3>
<div class="mode-options" role="radiogroup" aria-labelledby="mode-title"><button type="button" role="radio" aria-checked="false" data-mode="human" class="mode-button"><span class="mode-indicator" aria-hidden="true"></span><span>Два игрока</span></button><button type="button" role="radio" aria-checked="false" data-mode="bot" class="mode-button"><span class="mode-indicator" aria-hidden="true"></span><span>Против ESP32</span></button></div>
<p id="mode-description" class="muted" aria-live="polite"></p>
<button id="start-game" type="button" aria-describedby="mode-description">Начать игру</button>
</section>
<p id="lobby-help" class="muted"></p>
</section>