.game-card background: #24282f; border-radius: 20px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 20px rgba(0,0,0,0.3);
<script> // GAMES DATABASE - only lightweight games for weak PCs const gamesDatabase = [
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";
name: "The Binding of Isaac: Rebirth", image: "https://placehold.co/400x150/5a2e2e/white?text=Isaac", ram: 2, storageMB: 450, gpu: "Integrada", tier: "low", description: "Roguelike viciante" , baixar jogos para pc fraco
.filter-group label font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #bbb;
.download-btn:hover background: #27ae60;
.game-card:hover transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.4); .game-card background: #24282f
h1 font-size: 2rem; margin-bottom: 0.5rem;
/* Game Grid */ .games-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem;
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"; transition: transform 0.2s
name: "Undertale", image: "https://placehold.co/400x150/ffcc00/black?text=Undertale", ram: 1, storageMB: 150, gpu: "Qualquer", tier: "potato", description: "RPG único, 200MB apenas" ,
<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>