.game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f9f9f9;padding:20px;font-family:Arial,sans-serif}.game-content{display:flex;gap:30px;max-width:1000px;margin:0 auto}.game-area{display:flex;flex-direction:column;align-items:center}.leaderboard{width:250px;align-self:flex-start;position:sticky;top:20px}.game-container h1{color:#333;margin-bottom:20px}.score{font-size:28px;font-weight:700;margin-bottom:20px;color:#4CAF50;text-shadow:0 0 5px rgba(76,175,80,.5);transition:all .3s ease}.score:hover{transform:scale(1.05);text-shadow:0 0 10px rgba(76,175,80,.8)}.game-canvas{border:3px solid #4caf50;background-color:#ffffff;box-shadow:0 0 15px rgba(76,175,80,.5);border-radius:8px;transition:all .3s ease}.game-canvas:hover{box-shadow:0 0 20px rgba(76,175,80,.8)}.start-button{margin-top:20px;padding:12px 24px;font-size:20px;background:linear-gradient(135deg,#4CAF50,#45a049);color:white;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15);background:linear-gradient(135deg,#45a049,#4CAF50);background-color:#45a049}.game-over{margin-top:20px;font-size:28px;font-weight:700;color:#f44336;text-shadow:0 0 5px rgba(244,67,54,.5);animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.leaderboard{margin-top:20px;background:rgba(255,255,255,.8);padding:15px;border-radius:8px;width:300px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.leaderboard h3{margin:0 0 10px;text-align:center;color:#333}.leaderboard ol{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.game-container{background-color:#222}.game-container h1,.score{color:#eee}.game-canvas{border-color:#666}}