*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;display:flex;flex-direction:column;align-items:center}header{background-color:#3b4cca;width:100%;color:#fff;padding:20px;text-align:center;font-family:Arial,sans-serif}.title{font-size:2.5em;text-transform:uppercase;letter-spacing:3px}.description{font-size:1.1em;font-style:italic}.score-container{border:2px solid #3b4cca;border-radius:5px;padding:15px;text-align:center;margin:1em;width:fit-content;font-family:Arial,sans-serif}.current-score{font-size:1.5em;font-weight:700;color:#3b4cca}.high-score{font-size:1.1em;color:#000}.card-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;max-width:1200px}.card{background:#f8f8f8;border:2px solid #ccc;border-radius:5px;width:200px;font-family:Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.card-name{width:100%;background:#ffcb05;color:#3b4cca;padding:5px;font-size:1.5em;text-transform:uppercase;border-bottom:2px solid #3b4cca}.card-image{width:125px;height:125px;background:#fff;border-radius:1em;margin:1em;border:2px solid #3b4cca}.card-info-container{width:80%;display:flex;justify-content:space-around}.card-info{font-size:.75em;color:#555}.card:hover{transform:scale(1.02)}