.task-emoji { font-size: 1.7rem; }
/* GAME ZONE: two columns (task list & tool deck) */ .game-play-area { display: flex; flex-wrap: wrap; gap: 28px; margin: 20px 0 30px; } yoosful game
// render all tools (always available) function renderTools() { if (!toolsContainer) return; toolsContainer.innerHTML = ''; TOOLS.forEach(tool => { const toolDiv = document.createElement('div'); toolDiv.className = 'tool-card'; toolDiv.setAttribute('data-tool', tool.name); toolDiv.innerHTML = ` <div class="tool-emoji">${tool.emoji}</div> <div class="tool-name">${tool.display}</div> `; toolDiv.addEventListener('click', (e) => { e.stopPropagation(); handleToolMatch(tool.name); }); toolsContainer.appendChild(toolDiv); }); } .task-emoji { font-size: 1.7rem