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";
.specs span background: #1e2128; padding: 4px 10px; border-radius: 20px;
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" ,
<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>
name: "Undertale", image: "https://placehold.co/400x150/ffcc00/black?text=Undertale", ram: 1, storageMB: 150, gpu: "Qualquer", tier: "potato", description: "RPG único, 200MB apenas" ,