*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#ff9a56,#ffad56);min-height:100vh;color:#333}.container{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;background:#ffffffe6;padding:30px;border-radius:20px;box-shadow:0 4px 15px #0000001a}h1{font-size:2.5rem;color:#ff6b35;margin-bottom:10px}h2{color:#ff6b35;margin-bottom:15px}section{background:#ffffffe6;margin:20px 0;padding:30px;border-radius:20px;box-shadow:0 4px 15px #0000001a}.counter-display{font-size:1.5rem;margin:20px 0;text-align:center;color:#ff6b35;font-weight:700}.btn{background:#ff6b35;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;margin:5px}.btn:hover{background:#ff8c42;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.mango-btn{background:linear-gradient(45deg,#ff6b35,#ff8c42);font-size:1.2rem;padding:15px 30px}.game-container{text-align:center}#game-canvas{border:3px solid #ff6b35;border-radius:10px;margin:20px 0;background:#fff9f4}.game-controls{margin:20px 0}.score-display{font-size:1.5rem;font-weight:700;color:#ff6b35}.fact-box{background:#fff9f4;padding:20px;border-radius:10px;margin:20px 0;border-left:4px solid #ff6b35}#fact-text{font-size:1.1rem;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.mango-card{background:#fff9f4;padding:20px;border-radius:15px;text-align:center;transition:transform .3s ease}.mango-card:hover{transform:translateY(-5px)}.mango-emoji{font-size:4rem;margin-bottom:10px}.mango-card h3{color:#ff6b35;margin-bottom:5px}@media (max-width: 600px){h1{font-size:2rem}.container{padding:10px}section{padding:20px}}