<div id=”word-game-container”>
<!– صفحه شروع برای گرفتن نام –>
<div id=”start-screen” class=”game-screen”>
<div class=”start-container”>
<h1>به بازی خوش آمدی!</h1>
<p>لطفاً اسم قشنگت را وارد کن:</p>
<input type=”text” id=”player-name-input” placeholder=”اینجا بنویس…” maxlength=”15″>
<button id=”start-game-btn”>شروع بازی</button>
</div>
</div>
<!– صفحه اصلی بازی –>
<div id=”game-screen” class=”game-screen” style=”display: none;”>
<header>
<h1>بازی با کلمات</h1>
<div class=”level-indicator”>
مرحله: <span id=”level-number”>1</span>
</div>
</header>
<main>
<div id=”feedback-message”></div>
<div id=”game-board” class=”cards-grid”></div>
<div class=”game-controls”>
<button id=”restart-btn”>شروع مجدد مرحله</button>
<button id=”next-level-btn” style=”display: none;”>مرحله بعد</button>
</div>
</main>
<footer>
<p>جفتهای صحیح را پیدا کن و به مرحله بعد برو!</p>
</footer>
</div>
</div>
