:root{font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#4a4a4a;background-color:#fcfaf5;--bg-primary: #fcfaf5;--bg-accent: #fffde7;--text-main: #4a4a4a;--text-muted: #8e8e8e;--accent-gold: #d4af37;--accent-gold-soft: #f4e4bc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .8);--shadow-soft: 0 8px 32px 0 rgba(132, 122, 100, .15);--accent-gold-dark: #b8860b;--accent-gold-light: #ffe066;--accent-gold-glow: rgba(212, 175, 55, .25);--special-nui: #ff8c00;--special-nui-light: rgba(255, 140, 0, .15);--special-magic: #9333ea;--special-magic-light: #a855f7;--special-blackhole: #3b82f6;--special-blackhole-dark: #1e3a5f;--special-onekind: #e11d48;--status-maxed: #4caf50;--status-maxed-light: #8bc34a;--status-maxed-bg: rgba(76, 175, 80, .1);--status-maxed-border: rgba(76, 175, 80, .35);--tree-green-1: #8bc34a;--tree-green-2: #7cb342;--tree-green-3: #558b2f;--tree-green-4: #4caf50;--tree-green-5: #388e3c;--tree-green-6: #a5d240;--progress-bg: rgba(0, 0, 0, .07);--disabled-bg: #f5f5f5;--disabled-text: #bbb;--pending-orange: #ff9800;--pending-orange-dark: #f57c00;--pending-orange-light: #ffb74d;--effect-spawn-chance: #1e3a5f;--effect-spawn-chance-next: #3b82f6;--effect-onekind: #0369a1;--effect-onekind-next: #0284c7;--ripple-color: rgba(255, 200, 0, .9);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at center,#fffde7,#fcfaf5)}#root{width:100%;height:100vh;margin:0;padding:0;text-align:center}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:16px}.glass-panel *::-webkit-scrollbar{display:none}.glass-panel *{scrollbar-width:none}.banana-dragging .glass-panel,.banana-dragging .banana-ui-block{pointer-events:none!important}.premium-button{background:#fff;color:var(--text-main);border:1px solid var(--accent-gold-soft);padding:8px 16px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.premium-button:hover:not(:disabled){background:var(--bg-accent);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 12px #d4af3733}.premium-button:not(:disabled){border-color:var(--accent-gold);background:linear-gradient(135deg,#fff,#fffdf0);box-shadow:0 4px 15px #d4af3740,0 0 0 1px #d4af371a}.premium-button:not(:disabled):after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:rotate(45deg);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.premium-button:active:not(:disabled){transform:translateY(0)}.premium-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1);background:var(--disabled-bg);border-color:#ddd}@keyframes floatUpFade{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}to{opacity:0;transform:translate(-50%,-80px) scale(1)}}@keyframes sparkle{0%{transform:scale(0) rotate(0);opacity:1}50%{opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes scoreBump{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes breathingGold{0%{box-shadow:var(--shadow-soft);border-color:var(--glass-border)}50%{box-shadow:0 8px 32px #d4af3740;border-color:#d4af3766}to{box-shadow:var(--shadow-soft);border-color:var(--glass-border)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes seedPopUp{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-20px) scale(1.1)}80%{opacity:1;transform:translate(-50%,-40px) scale(1)}to{opacity:0;transform:translate(-50%,-60px) scale(.8)}}@keyframes levelUpFlash{0%{box-shadow:0 0 #d4af3700;border-color:var(--glass-border)}50%{box-shadow:0 0 30px #d4af37cc,inset 0 0 15px #d4af3766;border-color:var(--accent-gold);background:#fff}to{box-shadow:var(--shadow-soft);border-color:var(--glass-border)}}@keyframes slideInModal{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes feverBarShimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes spawnFlashOverlay{0%{opacity:1}to{opacity:0}}@keyframes spawnFlashLine{0%{transform:translate(-50%) scaleY(0);opacity:1;transform-origin:top}30%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}@keyframes spawnFlashGlow{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes spawnFlashRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes upgradeGlow{0%,to{box-shadow:0 2px 8px #d4af3726}50%{box-shadow:0 4px 20px #d4af3761,0 0 0 2px #d4af371a}}@keyframes feverBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(6);opacity:0}}@keyframes impactOverlay{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes impactCore{0%{transform:translate(-50%,-50%) scale(0);opacity:1}35%{transform:translate(-50%,-50%) scale(3);opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes impactShockwave{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes impactRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(10);opacity:0}}@keyframes elegantFade{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes elegantFlareVertical{0%{transform:translate(-50%) scaleY(0);opacity:0}40%{transform:translate(-50%) scaleY(1);opacity:.8}to{transform:translate(-50%) scaleY(1.5);opacity:0}}@keyframes elegantFlareHorizontal{0%{transform:translate(-50%,-50%) scaleX(0);opacity:0}40%{transform:translate(-50%,-50%) scaleX(1);opacity:.9}to{transform:translate(-50%,-50%) scaleX(1.5);opacity:0}}@keyframes elegantGlow{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes elegantRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:0;border-width:2px}30%{opacity:1;border-width:1.5px}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-width:0px}}@keyframes elegantRise{0%{transform:translate(calc(-50% + var(--ox)),var(--oy)) scale(0);opacity:0}30%{transform:translate(calc(-50% + var(--ox) + var(--sway)),calc(var(--oy) - 20px)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--ox) - var(--sway)),calc(var(--oy) - 80px)) scale(.2);opacity:0}}@keyframes elegantCore{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes elegantRipple{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes elegantDrift{0%{transform:translate(-50%,-50%) scale(0);opacity:0}30%{opacity:1;transform:translate(calc(-50% + var(--tx) * .5),calc(-50% + var(--ty) * .5)) scale(1.2)}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.5);opacity:0}}@keyframes treeCoinGlow{0%,to{filter:drop-shadow(0 0 2px rgba(212,175,55,.4));transform:scale(.9)}50%{filter:drop-shadow(0 0 12px rgba(212,175,55,1));transform:scale(1.15)}}@keyframes coinPopGlow{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@keyframes coinSparkleSpin{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}30%{transform:translate(-50%,-50%) scale(1) rotate(90deg);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(180deg);opacity:0}}@keyframes coinRingExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:4px}to{transform:translate(-50%,-50%) scale(3);opacity:0;border-width:1px}}@keyframes coinMiniBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.3);opacity:0}}@keyframes skillPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-gold-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}
