@import "https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Asimovian&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.card{text-align:center;cursor:pointer;background:#fff;border:1px solid #000;border-radius:16px;width:200px;height:200px;padding:16px}.card img{object-fit:contain;width:120px;height:120px;margin-bottom:10px}.card-data{margin-top:10px}.card-data h4{color:#333;font-size:18px;font-weight:600}.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:20px;padding:20px;display:grid}body{background-color:#f0f0f0;margin:0;padding:0;font-family:DM Sans,sans-serif}.title{text-align:center;margin-top:20px}.modal-overlay{background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:32px 28px;box-shadow:0 24px 80px #0f172a2e}.modal h2{margin:0 0 12px}.modal p{margin:8px 0}.modal-button{color:#fff;font:inherit;cursor:pointer;background:#111827;border:none;border-radius:999px;margin-top:20px;padding:12px 22px}.score{text-align:center;font-size:14px}