Fraco — Baixar Jogos Para Pc
button:hover background: #0096b0;
if (filtered.length === 0) container.innerHTML = `<div style="grid-column:1/-1; text-align:center; padding: 3rem;">😢 Nenhum jogo encontrado com esses filtros. Tente um nível mais alto.</div>`; return;
<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>
.compatibility-badge position: absolute; bottom: 10px; right: 10px; padding: 5px 12px; border-radius: 40px; font-size: 0.75rem; font-weight: bold; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); baixar jogos para pc fraco
.filter-group label font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #bbb;
.specs span background: #1e2128; padding: 4px 10px; border-radius: 20px;
.game-img height: 150px; background-size: cover; background-position: center; background-color: #1a1c22; position: relative; button:hover background: #0096b0; if (filtered
function getCompatibility(game, tierSelected) // Returns "green", "yellow", "red" if (tierSelected === "all") return "green"; if (tierSelected === "potato" && game.ram <= 1.5 && game.storageMB <= 500) return "green"; if (tierSelected === "potato" && game.ram <= 2) return "yellow"; if (tierSelected === "low" && game.ram <= 3 && game.storageMB <= 1300) return "green"; if (tierSelected === "low" && game.ram <= 4) return "yellow"; if (tierSelected === "office" && game.ram <= 4 && game.storageMB <= 2000) return "green"; if (tierSelected === "office" && game.ram <= 6) return "yellow"; return "red";
// Event handlers document.getElementById("applyFilter").addEventListener("click", () => const pcTier = document.getElementById("pcTier").value; const maxSize = parseInt(document.getElementById("maxSize").value); renderGames(pcTier, maxSize); );
.game-title font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem; button:hover background: #0096b0
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" ,
name: "Terraria", image: "https://placehold.co/400x150/8B4513/white?text=Terraria", ram: 1.5, storageMB: 200, gpu: "Qualquer", tier: "potato", description: "Aventura e construção 2D" ,
select:hover, button:hover background: #4e5564;
container.innerHTML = filtered.map(game => const compat = (pcTier !== "all") ? getCompatibility(game, pcTier) : "green"; let compatText = ""; if (compat === "green") compatText = "🟢 Roda perfeitamente"; else if (compat === "yellow") compatText = "🟡 Pode lagar levemente"; else compatText = "🔴 Não recomendado";