body { margin: 0; font-family: Arial, sans-serif; text-align: center; }

#regle { background: #222; color: white; padding: 10px; font-size: 14px; }
#regle a { color: #7fd; display: block; margin-bottom: 4px; }

main { padding: 15px; }

#carte { width: 100%; max-width: 1000px; background: #eef6fb; }
#carte path { fill: white; stroke: #999; stroke-width: 0.3; transition: fill 0.8s; }
#carte path.flash { fill: #ffe600; transition: none; }

#stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin: 15px 0; }
#stats div { background: #222; color: white; padding: 10px 20px; border-radius: 10px; min-width: 200px; }
#stats p { margin: 0; font-size: 13px; }
#stats h3 { margin: 5px 0 0; font-size: 26px; color: #ffe600; }
