document.addEventListener('DOMContentLoaded',function(){ const burger=document.querySelector('.burger'); const menu=document.querySelector('.menu'); if(burger&&menu){burger.addEventListener('click',()=>menu.classList.toggle('open'))} const search=document.querySelector('[data-search]'); const cards=[...document.querySelectorAll('[data-game-card]')]; if(search){search.addEventListener('input',()=>{const q=search.value.toLowerCase().trim(); cards.forEach(c=>{c.style.display=c.dataset.name.includes(q)?'block':'none'})})} document.querySelectorAll('[data-filter]').forEach(btn=>btn.addEventListener('click',()=>{const f=btn.dataset.filter; document.querySelectorAll('[data-filter]').forEach(b=>b.classList.remove('active')); btn.classList.add('active'); cards.forEach(c=>{c.style.display=(f==='all'||c.dataset.category===f)?'block':'none'})})) const more=document.querySelector('[data-show-more]'); if(more){more.addEventListener('click',()=>{document.querySelectorAll('.hidden-game').forEach(el=>el.classList.add('show')); more.remove()})} });