*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f6fb;justify-content:center;min-height:100vh;font-family:system-ui,sans-serif;display:flex}#root{flex-direction:column;width:100%;max-width:1000px;padding:40px 20px;display:flex}.app{flex-direction:column;flex:1;display:flex}header{text-align:center;margin-bottom:30px}header h1{color:#333;margin-bottom:10px;font-size:2.4rem}header p{color:#555;font-size:1.2rem}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:15px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #00000014}.card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #0000001f}.card img{width:100px;height:100px;image-rendering:pixelated}.card p{text-transform:capitalize;color:#333;margin-top:10px;font-size:1rem}.win-message{text-align:center;color:#4caf50;margin-bottom:20px;font-size:1.4rem;font-weight:700}.footer{text-align:center;color:#777;margin-top:auto;font-size:16px}