/* Game Grid */ .games-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem;
<div class="filter-bar"> <div class="filter-group"> <label>⚡ Nível do seu PC</label> <select id="pcTier"> <option value="all">Todos os jogos</option> <option value="potato">🥔 PC Batata (1GB RAM, sem GPU)</option> <option value="low">💻 PC Fraco (2-4GB RAM, integrada)</option> <option value="office">📀 Office PC (4GB RAM, HD 4000+)</option> </select> </div> <div class="filter-group"> <label>📦 Tamanho máximo</label> <select id="maxSize"> <option value="9999">Qualquer tamanho</option> <option value="200">Até 200MB</option> <option value="500">Até 500MB</option> <option value="1000">Até 1GB</option> </select> </div> <button id="applyFilter">🔍 Filtrar Jogos</button> </div> baixar jogos para pc fraco
name: "Left 4 Dead 2", image: "https://placehold.co/400x150/2c3e50/white?text=L4D2", ram: 2, storageMB: 1300, gpu: "DX9 mínimo", tier: "low", description: "Zumbis em FPS leve e otimizado" , /* Game Grid */
.green color: #2ecc71; .yellow color: #f1c40f; .red color: #e74c3c; ⚡ Nível do seu PC<
name: "Undertale", image: "https://placehold.co/400x150/ffcc00/black?text=Undertale", ram: 1, storageMB: 150, gpu: "Qualquer", tier: "potato", description: "RPG único, 200MB apenas" ,
name: "Counter-Strike 1.6", image: "https://placehold.co/400x150/1e1e2f/white?text=CS+1.6", ram: 0.5, storageMB: 280, gpu: "Software", tier: "potato", description: "Clássico FPS multiplayer" ,
// Event handlers document.getElementById("applyFilter").addEventListener("click", () => const pcTier = document.getElementById("pcTier").value; const maxSize = parseInt(document.getElementById("maxSize").value); renderGames(pcTier, maxSize); );