Yoosful Game -

/* winner modal effect */ .win-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; z-index: 1000; }

.completed-marker { background: #2e7d32; color: white; border-radius: 60px; padding: 5px 12px; font-size: 0.7rem; font-weight: bold; }

footer { text-align: center; font-size: 0.7rem; color: #8b765a; margin-top: 16px; } yoosful game

function selectTask(taskId) { const taskExists = currentTasks.some(t => t.id === taskId); if (!taskExists) { setMessage("❌ This task is already completed!", true); selectedTaskId = null; renderTasks(); return; } selectedTaskId = taskId; renderTasks(); setMessage(`🔍 Selected: "${currentTasks.find(t => t.id === taskId)?.name}". Now pick a tool!`); }

// event binding and init function initGame() { resetGame(); // additional event listeners resetBtn.addEventListener('click', () => { removeWinModal(); resetGame(); }); skipHintBtn.addEventListener('click', () => { randomHint(); }); // close win modal if clicked outside? handled by new game button inside } // final start initGame(); </script> </body> </html> /* winner modal effect */

.btn { border: none; background: #3b2b1f; color: #ffefcf; padding: 12px 28px; font-weight: bold; font-size: 1rem; border-radius: 60px; cursor: pointer; transition: 0.1s linear; font-family: inherit; box-shadow: 0 6px 0 #1d140c; }

const TOOLS = [ { name: "wrench", emoji: "🔧", display: "Wrench" }, { name: "hammer", emoji: "🔨", display: "Hammer" }, { name: "tape measure", emoji: "📏", display: "Tape Measure" }, { name: "scissors", emoji: "✂️", display: "Scissors" }, { name: "screwdriver", emoji: "🪛", display: "Screwdriver" }, { name: "level", emoji: "📐", display: "Spirit Level" }, { name: "paintbrush", emoji: "🖌️", display: "Paintbrush" }, { name: "pliers", emoji: "🔌", display: "Pliers" } ]; } .completed-marker { background: #2e7d32

.score-value { font-size: 2rem; font-weight: 800; line-height: 1; color: #ffd966; }