:root{--primary: #FFD93D;--secondary: #6BCB77;--accent: #4D96FF;--bg: #F0F4F8;--radius: 24px;--shadow: 0 10px 40px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}#root{height:100%}.game-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;padding:10px}.game-card{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);width:100%;max-width:440px;position:relative;display:flex;flex-direction:column}.nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-title{font-size:1.5rem;font-weight:800;color:#333}.icon-link{color:#555;transition:transform .2s}.icon-link:active{transform:scale(.9)}.score-badge{background:#f1f2f6;padding:6px 14px;border-radius:50px;display:flex;align-items:center;gap:6px;font-weight:700;color:#555}.trophy-icon{color:#ffd93d}.canvas-container{position:relative;width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;background:#a0d6ff}.game-canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:10}.start-box,.gameover-box{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 15px 35px #0003;width:100%;max-width:300px;animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-bird{width:60px;height:60px;background:#ffd93d;border-radius:50%;margin:0 auto 1.5rem;border:4px solid #333}.pulse{animation:birdPulse 1.5s infinite ease-in-out}@keyframes birdPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.play-btn,.restart-btn{background:var(--accent);color:#fff;border:none;width:100%;padding:14px;border-radius:12px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:1.5rem;transition:transform .1s}.play-btn:active,.restart-btn:active{transform:scale(.96)}.restart-btn{background:var(--secondary)}.live-score{position:absolute;top:20px;width:100%;text-align:center;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.2);pointer-events:none}.score-flash{animation:flash .5s ease}@keyframes flash{0%{transform:scale(1);color:#fff}50%{transform:scale(1.3);color:#ffd93d}to{transform:scale(1);color:#fff}}.stats{display:flex;gap:10px;margin-top:1.5rem}.stat-item{flex:1;background:#f8f9fa;padding:12px;border-radius:12px;display:flex;flex-direction:column}.stat-item.highlight{background:#fff9db}.label{font-size:.8rem;color:#888;font-weight:600}.value{font-size:1.5rem;font-weight:900;color:#333}.title-over{font-size:2rem;font-weight:900;color:#ff6b6b}.shake{animation:screenShake .4s ease-in-out}@keyframes screenShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.ad-box{width:100%;min-height:80px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);margin-top:20px;border-radius:8px;display:flex;justify-content:center;align-items:center}