.card{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:#f8f8ff;border:1px solid #333;border-radius:4px}.card:hover{transform:scale(1.05)}.card img{width:100%;height:auto;object-fit:cover}.card p{font-family:monospace;margin:5px 0 0;font-size:.8rem;color:#333;text-align:center}.scoreboard{font-family:monospace;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#333;color:#fff}.scoreboard>div,.scoreboard>button{flex:1;text-align:center}.left{text-align:left}.right{text-align:right}.scoreboard h2{margin:0}.card-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding:20px}button{text-align:center;padding:6px 12px;color:#fff;background-color:#333;border:1px solid #fff;border-radius:2px;transform:translate(20px)}@media (max-width: 1000px){.card-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width: 600px){.card-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}}h1,footer,h3{text-align:center;font-family:monospace}h1{margin:0 auto 10px;width:fit-content;padding:4px 12px;border:2px dashed #333;border-radius:4px;transform:translate(-10px)}body{background-color:#e6e6fa}
