header{display:flex;justify-content:space-between;align-items:center}#score-board{font-size:1.2em;font-weight:700}header button{width:50px;height:50px;background-color:transparent;border:none;cursor:pointer}header button:active{transform:translateY(3px)}header button:hover svg{filter:drop-shadow(0 0 10px #fff)}header svg{fill:var(--white)}#card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;color:var(--dark)}.card{background-color:#dbb6ab;border-radius:20px;overflow:hidden;cursor:pointer}.card .img{height:300px;padding:5px}.card img{height:100%;width:100%;object-fit:contain;object-position:bottom}.card .text{display:flex;align-items:center;justify-content:center;height:2.5em;padding:5px;font-size:24px;font-weight:900;text-align:center;background-color:var(--white)}.card p{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:var(--white);color:var(--dark);padding:20px;border-radius:4px;position:relative;max-width:600px;font-size:30px;text-align:center}.modal-content button{margin-top:15px;padding:10px 20px;font-size:25px;border:none;border-radius:10px}:root{--dark: #191919;--white: white}body{font-family:sans-serif;font-size:20px;background-color:var(--dark);color:var(--white)}#root{max-width:1200px;margin:0 auto}