:root{font-family:Nunito,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-wrapper{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;cursor:pointer}.bg-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#ffe66d 0%,transparent 70%);animation:pulse-bg 1s ease-in-out infinite;pointer-events:none}@keyframes pulse-bg{0%,to{transform:scale(1);opacity:var(--bg-opacity, .1)}50%{transform:scale(1.1)}}.banana-container{position:relative;z-index:10;line-height:1;transition:font-size .05s linear,filter .2s;will-change:font-size,transform;animation:wobble .6s ease-in-out infinite;cursor:pointer}.banana-huge{animation:wobble-intense .3s ease-in-out infinite}.banana-mega{animation:wobble-mega .15s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes wobble-intense{0%,to{transform:rotate(-8deg) scale(1.02)}25%{transform:rotate(5deg) scale(.98)}50%{transform:rotate(-5deg) scale(1.03)}75%{transform:rotate(8deg) scale(.97)}}@keyframes wobble-mega{0%{transform:rotate(-12deg) scale(1.05)}25%{transform:rotate(10deg) scale(.95)}50%{transform:rotate(-8deg) scale(1.08)}75%{transform:rotate(12deg) scale(.92)}to{transform:rotate(-12deg) scale(1.05)}}#particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.particle{position:absolute;font-size:1.5rem;pointer-events:none;will-change:transform,opacity}.meter{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:min(80vw,350px);z-index:20;text-align:center}.meter-label{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin-bottom:6px}.meter-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.meter-fill{height:100%;background:linear-gradient(90deg,#ffe66d,#ff6b6b 60%,red);border-radius:6px;transition:width .1s linear;box-shadow:0 0 10px #fc06}.meter-value{font-size:1.1rem;font-weight:900;color:#ffe66d;margin-top:6px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,204,0,.3)}.multiplier{position:fixed;top:30px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5);z-index:20;animation:multiplier-pulse .5s ease-in-out infinite}@keyframes multiplier-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.15)}}.shake-hint{position:fixed;bottom:90px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:600;color:#fff9;z-index:20;animation:hint-fade 2s ease-in-out infinite;white-space:nowrap}@keyframes hint-fade{0%,to{opacity:.6}50%{opacity:1}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pop-overlay{background:#500000b3;animation:pop-flash .3s ease-out}@keyframes pop-flash{0%{background:#ff6400cc}to{background:#500000b3}}.overlay-content{text-align:center;color:#fff;padding:2rem}.title-banana{font-size:6rem;line-height:1;animation:banana-float 1.5s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}@keyframes banana-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.overlay-content h1{font-size:2.5rem;font-weight:900;margin:.5rem 0;letter-spacing:-.03em;text-shadow:0 3px 10px rgba(0,0,0,.4)}.subtitle{font-size:1.2rem;color:#ffffffd9;margin-bottom:.3rem}.subtitle-small{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem}.play-btn{display:inline-block;padding:16px 48px;font-size:1.3rem;font-weight:800;letter-spacing:.04em;color:#2e7d32;background:linear-gradient(135deg,#ffe66d,#ffcc02);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px #ffcc0266,0 2px 4px #0003;transition:transform .15s,box-shadow .15s}.play-btn:hover{transform:scale(1.07);box-shadow:0 6px 25px #ffcc0280}.play-btn:active{transform:scale(.95)}.pop-emoji{font-size:4rem;margin-bottom:.5rem;animation:pop-shake .5s ease-out}@keyframes pop-shake{0%{transform:scale(.1) rotate(0)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.pop-stats{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:4px}.stat-value{font-size:2rem;font-weight:900;color:#ffe66d;font-variant-numeric:tabular-nums}.leaderboard{margin-top:1.5rem;width:100%;max-width:360px;margin-left:auto;margin-right:auto}.leaderboard-small{margin-top:1rem}.leaderboard-title{font-size:1.1rem;font-weight:800;color:#ffe66d;margin-bottom:.7rem;text-shadow:0 2px 8px rgba(255,204,0,.3)}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.leaderboard-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0f;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:background .2s}.leaderboard-row.leaderboard-top{background:#ffe66d14;border-color:#ffe66d26}.leaderboard-rank{font-size:1rem;font-weight:800;min-width:28px;text-align:center;color:#ffffff80}.leaderboard-name{flex:1;font-size:.9rem;font-weight:600;color:#ffffffd9;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-size:.9rem;font-weight:800;color:#ffe66d;font-variant-numeric:tabular-nums}.leaderboard-loading,.leaderboard-empty{font-size:.85rem;color:#ffffff73;margin-top:.3rem}.score-submit{margin:1rem 0 .5rem}.score-submit-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.6rem}.score-submit-row{display:flex;gap:8px;justify-content:center;align-items:center}.score-input{flex:1;max-width:180px;padding:10px 14px;font-size:1rem;font-weight:600;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;outline:none;transition:border-color .2s}.score-input::placeholder{color:#ffffff59}.score-input:focus{border-color:#ffe66d}.score-btn{padding:10px 20px;font-size:.9rem}.score-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.score-submitted{margin:1rem 0 .5rem}.score-submitted-text{font-size:1rem;font-weight:700;color:#6ddb6d;text-shadow:0 2px 8px rgba(109,219,109,.3)}@media(max-height:600px){.title-banana{font-size:4rem}.overlay-content h1{font-size:1.8rem}.meter{bottom:15px}.leaderboard{max-width:280px}.leaderboard-row{padding:5px 8px}.score-submit-row{flex-direction:column}.score-input{max-width:100%}}