.grid{background:#de12121a;border-radius:12px;grid-template-columns:1fr;gap:16px;margin:1.5rem 1rem;padding:16px;font-family:sans-serif;font-size:16px;font-weight:700;display:grid;box-shadow:0 6px 16px #00000026}.card{text-align:center;background-color:#fff9f9;border:1px solid #ccc;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;transition:all .25s;display:flex;box-shadow:0 3px 10px #00000014}.card img{object-fit:contain;width:100%;max-width:110px;height:auto}@media (hover:hover){.card:hover{transform:scale(1.04);box-shadow:0 10px 25px #0000002e}}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:2rem;padding:20px;font-size:17px}.card{padding:20px}.card img{max-width:130px}@media (hover:hover){.card:hover{transform:scale(1.05);box-shadow:0 12px 30px #0003}}}@media (width>=900px){.grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:2.5rem auto;padding:24px}.card img{max-width:140px}}@media (width>=1200px){.grid{grid-template-columns:repeat(4,1fr);gap:28px;max-width:1400px;margin:3rem auto;padding:28px;box-shadow:0 10px 30px #0003}.card{padding:24px}.card img{max-width:150px}@media (hover:hover){.card:hover{transform:scale(1.06);box-shadow:0 15px 40px #00000040}}}.scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#de12121a;border-radius:15px;justify-content:space-between;align-items:center;padding:20px 30px;font-family:sans-serif;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 30px #0003}.score{margin-bottom:10px}.best{color:gold}.nav{color:#0a0a06}