body { background: #0f172a; color: white; text-align: center; font-family: 'Segoe UI', sans-serif; margin: 0; padding: 20px; }
.container { margin-top: 80px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 800px; margin: auto; }
.grid-game { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 20px; }
.cat-header { color: #fbbf24; font-weight: bold; padding: 10px; border-bottom: 2px solid #fbbf24; }
.card { background: #1e293b; border: 2px solid #fbbf24; padding: 20px; cursor: pointer; border-radius: 8px; font-weight: bold; }
.card.active { background: #fbbf24; color: black; }
.card.used { opacity: 0.1; pointer-events: none; }
.btn { background: #fbbf24; color: black; border: none; padding: 15px 30px; cursor: pointer; margin: 10px; border-radius: 5px; font-weight: bold; font-size: 18px; }
.score-board { display: flex; justify-content: space-around; margin-top: 40px; background: #1e293b; padding: 20px; border-radius: 10px; border: 1px solid #fbbf24; }
input { padding: 15px; margin: 10px; width: 300px; border-radius: 5px; border: 1px solid #fbbf24; background: #1e293b; color: white; font-size: 16px; }