.wonderkids-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; padding: 2rem;
.position background: #ffe0b5; padding: 0.2rem 0.7rem; border-radius: 20px; font-weight: bold;
button:hover background: #b87c3a; transform: scale(0.97); championship manager 01 02 wonderkids
function renderCards(filterPos = "all") const grid = document.getElementById("wonderkidsGrid"); const filtered = filterPos === "all" ? wonderkids : wonderkids.filter(wk => wk.position === filterPos);
.real-note margin-top: 0.7rem; font-size: 0.7rem; background: #f2e5cf; padding: 0.3rem; border-radius: 8px; color: #5f4c2b; display: none; .wonderkids-grid display: grid
.card:hover transform: translateY(-3px); box-shadow: 0 14px 22px rgba(0,0,0,0.2); background: #fffff2;
.header p margin: 0.3rem 0 0; color: #b9d8c1; font-style: italic; .position background: #ffe0b5
.header h1 margin: 0; font-size: 2rem; letter-spacing: -1px; color: #ffdd99; text-shadow: 2px 2px 0 #5a3e1a; font-weight: 700;