:root{--primary: #e74c3c;--primary-dark: #c0392b;--secondary: #f1c40f;--bg-dark: #1a1a2e;--bg-card: #16213e;--text: #ecf0f1;--text-muted: #95a5a6}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text)}.menu-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden}.menu-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(231,76,60,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(241,196,15,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.menu-content{position:relative;z-index:1;text-align:center;max-width:500px;padding:2rem}.game-logo{margin-bottom:3rem}.logo-bird{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-logo h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:.25rem}.game-logo h2{font-size:1.2rem;color:var(--text-muted);font-weight:400;letter-spacing:.3em;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn:active{transform:translateY(0)}.btn-play{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.3rem;padding:1.2rem 2.5rem}.btn-levels{background:var(--bg-card);color:var(--text);border:2px solid rgba(255,255,255,.1)}.btn-next{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-back{background:var(--bg-card);color:var(--text);margin-top:1.5rem;width:auto;display:inline-flex;padding:.8rem 2rem}.btn-restart{background:#ffffff1a;color:var(--text);padding:.5rem;width:40px;height:40px;border-radius:50%;font-size:1.2rem}.menu-features{display:flex;flex-direction:column;gap:.8rem}.feature{font-size:1rem;color:var(--text-muted);padding:.5rem;background:#ffffff0d;border-radius:8px}.level-select{position:relative;z-index:1;text-align:center;max-width:600px;width:90%;padding:2rem}.level-select h2{font-size:2rem;margin-bottom:2rem;color:var(--secondary)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.level-card{background:var(--bg-card);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .2s ease}.level-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px #e74c3c33}.level-card.active{border-color:var(--secondary);background:#f1c40f1a}.level-number{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.level-name{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.level-highscore{font-size:.8rem;color:var(--secondary)}.game-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#0a0a1a}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#000c;border-bottom:2px solid rgba(255,255,255,.1);z-index:10}.hud-left,.hud-right{display:flex;align-items:center;gap:1.5rem}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.hud-value{font-size:1.4rem;font-weight:700;color:var(--text)}.hud-center{flex:1;text-align:center}.score-display{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--secondary),#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-canvas{flex:1;width:100%;cursor:crosshair;touch-action:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{text-align:center;max-width:400px;padding:3rem;background:var(--bg-card);border-radius:20px;border:2px solid rgba(255,255,255,.1)}.overlay-content.win h2{color:var(--secondary);font-size:2rem;margin-bottom:1rem}.overlay-content.lose h2{color:var(--primary);font-size:2rem;margin-bottom:1rem}.overlay-content p{color:var(--text-muted);margin-bottom:1.5rem}.final-score{font-size:3rem;font-weight:800;color:var(--secondary);margin-bottom:1rem}.stars{font-size:2rem;margin-bottom:2rem}.overlay-buttons{display:flex;flex-direction:column;gap:.8rem}@media(max-width:768px){.game-logo h1{font-size:2rem}.game-logo h2{font-size:.9rem}.level-grid{grid-template-columns:repeat(2,1fr)}.game-hud{padding:.5rem 1rem}.hud-value{font-size:1.1rem}.score-display{font-size:1.5rem}}