body {
 font-family: Arial, sans-serif;
 background: #1a1a2e;
 color: #fff;
 text-align: center;
 margin: 0;
 padding: 20px;
}

#info {
 margin: 10px 0;
 font-size: 18px;
}

#restartBtn {
 margin-left: 10px;
 padding: 5px 10px;
 font-size: 16px;
 background: #e94560;
 color: white;
 border: none;
 border-radius: 5px;
 cursor: pointer;
}

#game-board {
 display: grid;
 grid-template-columns: repeat(4, 100px);
 grid-gap: 15px;
 justify-content: center;
 margin-top: 20px;
}

.card {
 background: #0f3460;
 height: 100px;
 font-size: 40px;
 color: white;
 display: flex;
 justify-content: center;
 align-items: center;
 cursor: pointer;
 user-select: none;
 border-radius: 8px;
 transition: transform 0.2s;
}

.card.flipped {
 background: #e94560;
}