/* templates/style.css */
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap');

body { font-family: 'Comic Neue', cursive; background-color: #E0F2FE; margin: 0; padding: 0; }
.hidden { display: none !important; }
.btn-bouncy { transition: transform 0.1s; }
.btn-bouncy:active { transform: scale(0.95); }

/* Jogos */
.game-container { max-width: 500px; margin: 20px auto; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.caca-grid { display: grid; gap: 4px; user-select: none; margin: 20px 0; }
.caca-cell { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; }
.caca-cell.selected { background-color: yellow; }
.caca-cell.found { background-color: lightgreen; color: green; border-color: green; }

/* Carteirinha */
.id-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 15px; padding: 20px; position: relative; overflow: hidden; margin-bottom: 20px; }
.id-card h2 { margin: 0; font-size: 24px; }
.id-card .info { display: flex; align-items: center; gap: 15px; margin-top: 15px; }
.id-card img { width: 80px; height: 80px; border-radius: 10px; border: 3px solid white; object-fit: cover; }

/* Boletim */
.report-card table { width: 100%; border-collapse: collapse; }
.report-card th, .report-card td { padding: 10px; border-bottom: 1px solid #eee; text-align: left; }
.report-card .grade { font-weight: bold; }
.grade-good { color: green; }
.grade-bad { color: red; }