<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/posts/rss.xsl"?>
<rss version="2.0">
<channel>

<title>https://dovm.lxb.ir</title>
<link>https://dovm.lxb.ir</link>
<description></description>
<language>fa-ir</language>
<generator>lxb.ir</generator>
<copyright>lxb.ir</copyright>


<item>
<title>بازی</title>
<link>https://dovm.lxb.ir/بازی</link>
<guid>https://dovm.lxb.ir/بازی</guid>

<description><![CDATA[
&lt;!DOCTYPE html&gt;
&lt;html dir="rtl" lang="fa"&gt;
&lt;head&gt;
&nbsp; &nbsp; &lt;meta charset="UTF-8"&gt;
&nbsp; &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"&gt;
&nbsp; &nbsp; &lt;title&gt;بازی رمز کلمات | حروف نامرتب - دبستان پاسداران&lt;/title&gt;
&nbsp; &nbsp; &lt;style&gt;
&nbsp; &nbsp; &nbsp; &nbsp; * {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-sizing: border-box;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user-select: none; /* جلوگیری از انتخاب متن برای کشیدن بهتر */
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; body {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: linear-gradient(145deg, #1e7c8f 0%, #0e4b5e 100%);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: 'Vazir', 'Comic Neue', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; min-height: 100vh;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; /* جعبه اصلی بازی */
&nbsp; &nbsp; &nbsp; &nbsp; .game-container {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; max-width: 1300px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: rgba(255, 242, 204, 0.95);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 70px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 25px 40px rgba(0,0,0,0.3), inset 0 1px 3px rgba(255,255,255,0.5);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px 25px 35px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; backdrop-filter: blur(2px);
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; /* هدر مدرسه و طراح */
&nbsp; &nbsp; &nbsp; &nbsp; .school-header {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #2d5f3e;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px 50px 30px 30px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 8px 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #ffefb9;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: space-between;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; align-items: baseline;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 10px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: inset 0 -2px 0 #1e3a28, 0 4px 8px rgba(0,0,0,0.2);
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; .school-name {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.4rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffd966;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 4px 18px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #2d4515;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; .designer-name {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #e9c27c;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 4px 18px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #2c2b1f;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; /* سرصفحه با توضیح دوستانه */
&nbsp; &nbsp; &nbsp; &nbsp; .game-header {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffd966;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 15px 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 60px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 8px 0 #b97f10;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; h1 {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 2.2rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #3b2a1f;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline-block;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: white;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: inset 0 -2px 0 #ccc;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .teacher-talk {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff7e0;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 12px 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.3rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #2c5a2e;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-right: 12px solid #ffaa33;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 5px 12px rgba(0,0,0,0.1);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: right;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .teacher-talk span {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffaa33;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px 12px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 10px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.7rem;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; /* بخش امتیاز و ستاره ها */
&nbsp; &nbsp; &nbsp; &nbsp; .score-area {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #f5e7d3;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 8px 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline-flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: inset 0 1px 4px #b5986e, 0 6px 0 #b5986e;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .star-row {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 8px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 2rem;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .score-text {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.6rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #412e1c;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #ffd966;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px 18px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; /* شبکه کلمات */
&nbsp; &nbsp; &nbsp; &nbsp; .words-grid {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: grid;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 30px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 30px 0;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .word-card {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #feffd2;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 48px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 12px 0 #b9a67b;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transition: all 0.1s ease;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .word-card.completed {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #cbefb6;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 6px 0 #6f9e3f;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: translateY(4px);
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .jumbled-box {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffb882;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 12px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .jumbled-title {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff0bb;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline-block;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 4px 18px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 30px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #a15506;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .letters-jumbled {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 18px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 20px 0;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .letter-tile {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffe0a3;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 70px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 70px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 2.5rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 30px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 7px 0 #b97f45;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transition: 0.07s linear;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: 'Vazir', 'Comic Neue', monospace;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #3c280f;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .letter-tile:active {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: translateY(4px);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 2px 0 #b97f45;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .build-area {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #efd6ac;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 12px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 12px 0;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .answer-slots {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gap: 12px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 10px 0;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .slot {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff1cf;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 70px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 70px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 2rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: inset 0 0 0 3px #f6bc7c, 0 2px 5px rgba(0,0,0,0.1);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #4a2e12;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .slot.filled {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffe1a0;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: inset 0 0 0 3px #f29e4a;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .check-btn {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #3b9e3d;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: none;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.2rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: inherit;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 10px 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 5px 0 #1f6421;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transition: 0.05s linear;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .check-btn:active {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: translateY(3px);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 1px 0 #1f6421;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .feedback {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.1rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 12px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #f5ddb1;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; min-height: 55px;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .message {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #b4410e;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; .next-level {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ffaa33;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 12px 20px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.2rem;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; button {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #ff9f2e;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: none;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: inherit;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.2rem;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 10px 25px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 40px;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 5px 0 #a7580c;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; @media (max-width: 700px) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .letter-tile, .slot { width: 55px; height: 55px; font-size: 2rem; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .school-header { flex-direction: column; align-items: center; }
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&nbsp;
&lt;div class="game-container"&gt;
&nbsp; &nbsp; &lt;!-- هدر دبستان و طراح --&gt;
&nbsp; &nbsp; &lt;div class="school-header"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="school-name"&gt;🏫 دبستان پاسداران&lt;/div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="designer-name"&gt;✏️ طراح: آقای دهقان&lt;/div&gt;
&nbsp; &nbsp; &lt;/div&gt;
&nbsp;
&nbsp; &nbsp; &lt;div class="game-header"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;🧩 رمز کلمات 🎲&lt;/h1&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="teacher-talk"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span&gt;🧸 توضیح مربی:&lt;/span&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &laquo;سلام باهوش&zwnj;ها! اینجا چند تا حرف نامرتب داریم مثل تکه&zwnj;های پازل. باید حرف&zwnj;ها رو بکشی یا بزنی تا جای درستش بشینه. هر کلمه که درست بسازی، یه ستاره می&zwnj;گیری! بیا ببینیم چندتا کلمه می&zwnj;سازیم.&raquo;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &lt;/div&gt;
&nbsp;
&nbsp; &nbsp; &lt;div class="score-area"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="star-row" id="starContainer"&gt;⭐️⭐️⭐️⭐️⭐️⭐️&lt;/div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="score-text"&gt;امتیاز: &lt;span id="scoreValue"&gt;0&lt;/span&gt; از &lt;span id="totalWordsCount"&gt;0&lt;/span&gt;&lt;/div&gt;
&nbsp; &nbsp; &lt;/div&gt;
&nbsp;
&nbsp; &nbsp; &lt;div id="wordsContainer" class="words-grid"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- داینامیک جاوااسکریپت کارت&zwnj;ها رو میسازه --&gt;
&nbsp; &nbsp; &lt;/div&gt;
&nbsp;
&nbsp; &nbsp; &lt;div style="margin-top: 20px;"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;button id="resetGameBtn"&gt;🔄 بازی دوباره&lt;/button&gt;
&nbsp; &nbsp; &lt;/div&gt;
&lt;/div&gt;
&nbsp;
&lt;script&gt;
&nbsp; &nbsp; // -------- کلمات و حروف نامرتب (کلمه&zwnj;ی جدید به جای "باب" : "خرس") ----------
&nbsp; &nbsp; const wordsData = [
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "خرس", jumbled: "خ ر س", hint: "🧸 حیوان پشمالوی جنگل، عروسک نرم کودکان" },
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "شیر", jumbled: "ش ی ر", hint: "🦁 حیوان جنگل با یال" },
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "نان", jumbled: "ن ا ن", hint: "🍞 خوردنی صبحانه" },
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "کتاب", jumbled: "ک ت ا ب", hint: "📖 چیزی که داستان داره" },
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "مدرسه", jumbled: "م د ر س ه", hint: "🏫 جایی که معلم و دوستات هستن" },
&nbsp; &nbsp; &nbsp; &nbsp; { correct: "پروانه", jumbled: "پ ر و ا ن ه", hint: "🦋 حشره رنگی که بال میزنه" }
&nbsp; &nbsp; ];
&nbsp;
&nbsp; &nbsp; // وضعیت هر کلمه : { currentBuild: [], completed: false, lettersRemaining: [] }
&nbsp; &nbsp; let gameState = [];
&nbsp; &nbsp; let score = 0;
&nbsp;
&nbsp; &nbsp; const wordsContainer = document.getElementById('wordsContainer');
&nbsp; &nbsp; const scoreSpan = document.getElementById('scoreValue');
&nbsp; &nbsp; const starContainer = document.getElementById('starContainer');
&nbsp; &nbsp; const totalWordsSpan = document.getElementById('totalWordsCount');
&nbsp;
&nbsp; &nbsp; // ذخیره کپی از حروف اولیه برای ریست
&nbsp; &nbsp; function initGameState() {
&nbsp; &nbsp; &nbsp; &nbsp; gameState = wordsData.map((wordItem, idx) =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // حروف صحیح کلمه به صورت آرایه
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const correctLetters = wordItem.correct.split('');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // حروف نامرتب (از روی jumbled می&zwnj;گیریم)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let jumbledLetters = wordItem.jumbled.split(' ');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // برای تنوع شبیه به بازی: shuffle می زنیم تا جذابتر شود
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function shuffleArray(arr) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for (let i = arr.length - 1; i &gt; 0; i--) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const j = Math.floor(Math.random() * (i + 1));
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [arr[i], arr[j]] = [arr[j], arr[i]];
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return arr;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let initialScrambled = shuffleArray([...jumbledLetters]);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id: idx,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; correctWord: wordItem.correct,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; correctLettersArray: correctLetters,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; currentBuild: new Array(correctLetters.length).fill(''), // جای خالی
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; remainingLetters: [...initialScrambled], // حروفی که هنوز استفاده نشده
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; completed: false,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hint: wordItem.hint
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; };
&nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; updateScoreStats();
&nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; function updateScoreStats() {
&nbsp; &nbsp; &nbsp; &nbsp; const completedCount = gameState.filter(s =&gt; s.completed === true).length;
&nbsp; &nbsp; &nbsp; &nbsp; score = completedCount;
&nbsp; &nbsp; &nbsp; &nbsp; scoreSpan.innerText = score;
&nbsp; &nbsp; &nbsp; &nbsp; totalWordsSpan.innerText = gameState.length;
&nbsp; &nbsp; &nbsp; &nbsp; // ستاره ها را نمایش بده
&nbsp; &nbsp; &nbsp; &nbsp; const total = gameState.length;
&nbsp; &nbsp; &nbsp; &nbsp; let starsHtml = '';
&nbsp; &nbsp; &nbsp; &nbsp; for (let i = 0; i &lt; total; i++) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (i &lt; score) starsHtml += '⭐️';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else starsHtml += '☆';
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; starContainer.innerHTML = starsHtml;
&nbsp; &nbsp; }
&nbsp;
&nbsp; &nbsp; // ذخیره وضعیت و رندر کل کارتها
&nbsp; &nbsp; function renderGame() {
&nbsp; &nbsp; &nbsp; &nbsp; wordsContainer.innerHTML = '';
&nbsp; &nbsp; &nbsp; &nbsp; gameState.forEach((state, idx) =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const card = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; card.className = 'word-card';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (state.completed) card.classList.add('completed');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // بخش حروف نامرتب
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const jumbledDiv = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; jumbledDiv.className = 'jumbled-box';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; jumbledDiv.innerHTML = `&lt;div class="jumbled-title"&gt;🔀 حروف بهم ریخته :&lt;/div&gt;`;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const lettersContainer = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lettersContainer.className = 'letters-jumbled';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // نمایش هر حرف باقیمانده به عنوان یک tile قابل کلیک
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.remainingLetters.forEach((letter, lIdx) =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const tile = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tile.className = 'letter-tile';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tile.innerText = letter;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // کلیک روی حرف = انتقال به اولین خانه خالی
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tile.addEventListener('click', (e) =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.stopPropagation();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (state.completed) return;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // اولین جای خالی پیدا کن
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const emptyIndex = state.currentBuild.findIndex(ch =&gt; ch === '');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (emptyIndex !== -1 &amp;&amp; state.remainingLetters.length &gt; 0) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // انتقال حرف
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const movedLetter = state.remainingLetters[lIdx];
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.currentBuild[emptyIndex] = movedLetter;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.remainingLetters.splice(lIdx, 1);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; renderGame();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (emptyIndex === -1) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showTemporaryMessage(`✅ اول جای خالی رو پر کن، بعد می&zwnj;تونی عوض کنی`, idx);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lettersContainer.appendChild(tile);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; jumbledDiv.appendChild(lettersContainer);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // بخش ساخت کلمه (جای خالی ها)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const buildDiv = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; buildDiv.className = 'build-area';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const slotsDiv = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slotsDiv.className = 'answer-slots';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.currentBuild.forEach((letter, slotIndex) =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const slot = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slot.className = 'slot';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (letter !== '') slot.classList.add('filled');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slot.innerText = letter !== '' ? letter : '؟';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // کلیک روی اسلات برای برگرداندن حرف به حروف باقیمانده
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slot.addEventListener('click', () =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (state.completed) return;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (state.currentBuild[slotIndex] !== '') {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const letterToReturn = state.currentBuild[slotIndex];
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.currentBuild[slotIndex] = '';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.remainingLetters.push(letterToReturn);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; renderGame();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slotsDiv.appendChild(slot);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; buildDiv.appendChild(slotsDiv);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // راهنما و دکمه چک
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const hintDiv = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hintDiv.style.fontSize = '0.9rem';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hintDiv.style.margin = '8px';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hintDiv.innerHTML = `📌 راهنما: ${state.hint}`;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const checkBtn = document.createElement('button');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; checkBtn.innerText = '✅ چـک کلمه';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; checkBtn.className = 'check-btn';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; checkBtn.addEventListener('click', () =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (state.completed) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showTemporaryMessage('🎉 این کلمه رو قبلاً درست کردی!', idx);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const builtWord = state.currentBuild.join('');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (builtWord === state.correctWord) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // درست است
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!state.completed) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.completed = true;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // همه جای خالی پر شده، بقیه حروف رو پاک می&zwnj;کنیم
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state.remainingLetters = [];
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; updateScoreStats();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; renderGame();
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showTemporaryMessage('🎉 عالی! کلمه درست بود +1 ستاره', idx);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showTemporaryMessage('❌ نه! دقت کن. حروف رو جابه&zwnj;جا کن و دوباره تلاش کن 🔄', idx);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const feedbackDiv = document.createElement('div');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; feedbackDiv.className = 'feedback';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; feedbackDiv.id = `feedback-${idx}`;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; buildDiv.appendChild(hintDiv);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; buildDiv.appendChild(checkBtn);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; buildDiv.appendChild(feedbackDiv);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; card.appendChild(jumbledDiv);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; card.appendChild(buildDiv);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wordsContainer.appendChild(card);
&nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; }
&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; function showTemporaryMessage(msg, cardId) {
&nbsp; &nbsp; &nbsp; &nbsp; const feedbackDiv = document.getElementById(`feedback-${cardId}`);
&nbsp; &nbsp; &nbsp; &nbsp; if (feedbackDiv) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; feedbackDiv.innerHTML = `&lt;div class="message"&gt;${msg}&lt;/div&gt;`;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setTimeout(() =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (feedbackDiv) feedbackDiv.innerHTML = '';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, 1500);
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; }
&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; // ریست کامل بازی
&nbsp; &nbsp; function resetGame() {
&nbsp; &nbsp; &nbsp; &nbsp; initGameState();
&nbsp; &nbsp; &nbsp; &nbsp; renderGame();
&nbsp; &nbsp; &nbsp; &nbsp; updateScoreStats();
&nbsp; &nbsp; }
&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; // آماده سازی اولیه
&nbsp; &nbsp; initGameState();
&nbsp; &nbsp; renderGame();
&nbsp; &nbsp; updateScoreStats();
&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; document.getElementById('resetGameBtn').addEventListener('click', resetGame);
&nbsp; &nbsp;&nbsp;
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;]]></description>

<pubDate>Sat, 19 Sep 2026 15:07:00 +0330</pubDate>
</item>


<item>
<title>سلام</title>
<link>https://dovm.lxb.ir/سلام</link>
<guid>https://dovm.lxb.ir/سلام</guid>

<description><![CDATA[
سلام تست می شود&nbsp;]]></description>

<pubDate>Sat, 19 Sep 2026 14:55:37 +0330</pubDate>
</item>


</channel>
</rss>

