/* Florida Flamingo Runner - Styles */

/* Reset and base styles */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* Full-screen background with Florida gradient */
html, body { width: 100%; height: 100%; font-family: Arial, sans-serif; background: linear-gradient(to right, #00bfff, #ffa500); color: #ffffff; }

/* Center the game content */
body { display: flex; align-items: center; justify-content: center; }

/* Main game container */
main { width: min(100%, 500px); padding: 1rem; text-align: center; }

/* Game canvas styling */
canvas { display: block; width: 100%; height: auto; border: 3px solid #fff; border-radius: 12px; background: #171717; touch-action: manipulation; }

/* Button styling */
button { margin-top: 0.8rem; background: #f39c12; border: none; color: #141414; font-size: 1.1rem; padding: 0.8rem 1.2rem; border-radius: 10px; }

/* Text elements */
.instructions, .hint, .scoreboard { margin: .5rem 0; }

/* Leaderboard styling */
.leaderboard { margin: 1rem 0; text-align: left; background: rgba(255,255,255,0.1); padding: 0.5rem; border-radius: 8px; }
.leaderboard h3 { margin-bottom: 0.5rem; font-size: 1rem; }
.leaderboard ol { padding-left: 1.5rem; }
.leaderboard li { margin: 0.2rem 0; }

/* Mobile responsive adjustments */
@media (max-width: 480px) { h1 { font-size: 1.4rem; } button { width: 100%; } .leaderboard { font-size: 0.9rem; } }