:root{--ev-c-white: #ffffff;--ev-c-white-soft: #f8f8f8;--ev-c-white-mute: #f2f2f2;--ev-c-black: #1b1b1f;--ev-c-black-soft: #222222;--ev-c-black-mute: #282828;--ev-c-gray-1: #515c67;--ev-c-gray-2: #414853;--ev-c-gray-3: #32363f;--ev-c-text-1: rgba(255, 255, 245, .86);--ev-c-text-2: rgba(235, 235, 245, .6);--ev-c-text-3: rgba(235, 235, 245, .38);--ev-button-alt-border: transparent;--ev-button-alt-text: var(--ev-c-text-1);--ev-button-alt-bg: var(--ev-c-gray-3);--ev-button-alt-hover-border: transparent;--ev-button-alt-hover-text: var(--ev-c-text-1);--ev-button-alt-hover-bg: var(--ev-c-gray-2)}:root{--color-background: var(--ev-c-black);--color-background-soft: var(--ev-c-black-soft);--color-background-mute: var(--ev-c-black-mute);--color-text: var(--ev-c-text-1)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}ul{list-style:none}body{min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-bg-dark: #06090b;--color-bg-light: #0e1e20;--color-card-bg: rgba(26, 38, 41, .35);--color-border: rgba(251, 191, 36, .04);--color-border-hover: rgba(255, 255, 255, .1);--color-text-primary: #f1f5f9;--color-text-secondary: #8a9e9f;--accent-color: #14b8a6;--accent-hover: #2dd4bf;--gold-color: #fbbf24;--gold-hover: #f59e0b;--coral-color: #f43f5e}body{margin:0;padding:0;display:flex;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(circle at center,var(--color-bg-light) 0%,var(--color-bg-dark) 100%);color:var(--color-text-primary);font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}#root{display:flex;width:100%;height:100%}.game-container{display:flex;width:100%;height:100%;background:#050a0c4d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.left-panel{flex:1.1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 1.5rem;border-right:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden;background:radial-gradient(circle at 10% 50%,rgba(20,184,166,.03) 0%,transparent 60%)}.center-panel{flex:2;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04);background:#0a101226;position:relative;overflow:hidden}.right-panel{flex:1.2;display:flex;flex-direction:column;background:#060a0c14;overflow-y:auto}.stats-header{text-align:center;margin-top:.5rem;z-index:10}.coco-count{font-size:3.5rem;font-weight:300;font-family:Outfit,sans-serif;color:#fff;letter-spacing:-.04em;margin-bottom:.1rem;line-height:1;text-align:center}.coco-count-display{display:inline-flex;align-items:baseline;justify-content:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.coco-count-integer{font-weight:300}.coco-count-decimal{font-size:2rem;font-weight:300;opacity:.45;margin-left:.05rem}.cps-count{font-size:.75rem;color:var(--color-text-secondary);font-weight:600;letter-spacing:.15em;text-transform:uppercase}.clicker-area{position:relative;display:flex;align-items:center;justify-content:center;flex-grow:1;width:100%}.glow-backdrop{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(20,184,166,.1) 0%,transparent 70%);z-index:1;pointer-events:none;animation:pulse-glow 6s ease-in-out infinite alternate}.giant-coco-container{z-index:2;cursor:pointer;position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;transition:transform .1s cubic-bezier(.175,.885,.32,1.275)}.giant-coco-container:hover{transform:scale(1.03)}.giant-coco-container:active{transform:scale(.95)}.sparkle-particle{position:absolute;width:4px;height:4px;background:#f1f5f9;border-radius:50%;pointer-events:none;z-index:99;animation:explode-spark .6s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 0 6px #fff}.floating-text{position:absolute;color:#fff;font-size:1.3rem;font-weight:300;font-family:Outfit,sans-serif;pointer-events:none;z-index:100;animation:float-up-fade .8s cubic-bezier(.16,1,.3,1) forwards;letter-spacing:-.02em}.bottom-controls{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:10;gap:.8rem}.btn-control{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:all .25s ease;height:32px}.btn-control:hover{color:#fff;border-color:#ffffff26;background:#ffffff0a}.btn-control input[type=range]{-webkit-appearance:none;width:60px;background:transparent;outline:none}.btn-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:#ffffff1f;border-radius:1px}.btn-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:8px;width:8px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-3px;transition:transform .1s ease}.btn-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.center-nav{display:flex;border-bottom:1px solid rgba(255,255,255,.04);background:#05080a33}.nav-tab{flex:1;padding:1.1rem;text-align:center;cursor:pointer;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid transparent;transition:all .25s ease;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.nav-tab:hover{color:#fff}.nav-tab.active{color:var(--color-text-primary);border-bottom:1px solid #fff;background:#ffffff03}.center-content{flex-grow:1;overflow-y:auto;padding:2rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sprouter-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.incubator-visual{width:200px;height:200px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.incubator-ring{position:absolute;width:100%;height:100%;border:1px dashed rgba(255,255,255,.08);border-radius:50%;animation:spin-clockwise 24s linear infinite}.incubator-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(20,184,166,.06) 0%,transparent 70%);filter:blur(10px);animation:heartbeat 2.5s infinite alternate}.incubator-egg-wrapper{z-index:5;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1)}.incubator-egg-wrapper:hover{transform:scale(1.05)}.incubator-egg-wrapper.hatching{animation:hatch-wiggle .4s ease-in-out infinite}.sprout-buttons{display:flex;gap:.75rem;width:100%;max-width:600px;margin-top:1rem}.btn-sprout{flex:1;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.9rem .5rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:all .25s cubic-bezier(.16,1,.3,1);font-weight:600;font-size:.85rem}.btn-sprout:hover:not(:disabled){border-color:var(--color-border-hover);background:#ffffff0a;transform:translateY(-2px)}.btn-sprout:disabled{opacity:.25;cursor:not-allowed}.btn-sprout-premium{border-color:#fbbf2440}.btn-sprout-premium:hover:not(:disabled){border-color:#fbbf2480;background:#fbbf240d}.btn-sprout-epic{border-color:#e879f959;background:linear-gradient(135deg,#e879f90f,#a855f708)}.btn-sprout-epic:hover:not(:disabled){border-color:#e879f9b3;background:linear-gradient(135deg,#e879f924,#a855f712);box-shadow:0 0 12px #e879f933}.sprout-cost{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.3rem}.sprout-explanations{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:440px;margin-top:1.5rem;background:#ffffff03;border:1px solid var(--color-border);border-radius:8px;padding:.8rem 1rem}.sprout-explain-item{font-size:.75rem;line-height:1.4;color:var(--color-text-secondary)}.sprout-explain-item strong{color:#fff}.reveal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#040809f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reveal-card{width:340px;background:#091113;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.8rem 1.8rem 1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 25px 50px #000000b3;animation:zoom-in-bounce .5s cubic-bezier(.16,1,.3,1) forwards}.reveal-glow-ring{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(40px);opacity:.45;z-index:0;top:10%}.reveal-orb{z-index:1;margin-bottom:.8rem;animation:bounce-slow 3s infinite ease-in-out}.reveal-rarity-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;border:1px solid;margin-bottom:.8rem;letter-spacing:.12em;z-index:1}.reveal-name{font-size:1.45rem;font-weight:600;color:#fff;margin-bottom:.6rem;z-index:1;font-family:Outfit,sans-serif;letter-spacing:-.02em}.reveal-desc{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45;margin-bottom:.8rem;z-index:1}.reveal-prob{font-size:.72rem;color:var(--color-text-secondary);margin-bottom:.6rem;z-index:1;font-weight:500;opacity:.85}.reveal-mult{font-size:.75rem;font-weight:600;color:#34d399;margin-bottom:.6rem;z-index:1;background:#34d3990d;padding:.3rem .8rem;border-radius:4px;border:1px solid rgba(52,211,153,.1);display:inline-flex;align-items:center}.btn-reveal-close{width:100%;background:#fff;color:#000;border:none;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:.7rem;border-radius:6px;cursor:pointer;transition:all .2s ease;z-index:1;margin-top:.6rem}.btn-reveal-close:hover{background:#cbd5e1;transform:translateY(-1px)}.album-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.album-stats{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.album-stats span{color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem}.album-search-bar{flex-grow:1;max-width:260px;display:flex;background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:6px;overflow:hidden;padding:.3rem .6rem;align-items:center;gap:.4rem}.album-search-bar input{background:transparent;border:none;color:#fff;outline:none;width:100%;font-size:.8rem}.album-rarity-filters{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;width:100%;margin-bottom:1.5rem}.filter-chip{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.05);background:transparent;color:var(--color-text-secondary);white-space:nowrap;transition:all .2s ease;text-transform:uppercase;letter-spacing:.04em}.filter-chip:hover{border-color:var(--color-border-hover);color:#fff}.filter-chip.active{background:var(--rarity-color);color:#000;border-color:var(--rarity-color)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.6rem}.coco-card{aspect-ratio:1;background:rgba(var(--rarity-rgb, 30, 41, 59),.06);border:1px solid rgba(var(--rarity-rgb, 100, 116, 139),.15);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .22s ease;padding:.4rem;background-image:linear-gradient(145deg,rgba(var(--rarity-rgb, 15, 23, 42),.12) 0%,transparent 70%)}.coco-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,var(--rarity-color, transparent) 0%,transparent 60%);opacity:.07;pointer-events:none}.coco-card.locked{filter:grayscale(1) opacity(.35);cursor:not-allowed}.album-grid .coco-card:not(:hover) .pattern-dots circle,.album-grid .coco-card:not(:hover) .pattern-rings circle,.album-grid .coco-card:not(:hover) .pattern-stripes path,.album-grid .coco-card:not(:hover) .pattern-waves path,.album-grid .coco-card:not(:hover) .pattern-star path,.album-grid .coco-card:not(:hover) .pattern-spiral path,.album-grid .coco-card:not(:hover) .rarity-aura-ring,.album-grid .coco-card:not(:hover) .cosmic-orbit,.album-grid .coco-card:not(:hover) .cosmic-orbit-fast,.album-grid .coco-card:not(:hover) .divine-inner-glow,.album-grid .coco-card:not(:hover) .divine-eye-glow,.album-grid .coco-card:not(:hover) .cosmic-nebula circle,.album-grid .coco-card:not(:hover) .dimensional-echoes circle,.album-grid .coco-card:not(:hover) .quantum-sparkles circle,.album-grid .coco-card:not(:hover) .transcendent-halo,.album-grid .coco-card:not(:hover) .transcendent-starburst{animation:none!important}.coco-card.unlocked{border-color:color-mix(in srgb,var(--rarity-color, #334155) 25%,transparent)}.coco-card.unlocked:hover{transform:translateY(-3px) scale(1.03);border-color:var(--rarity-color);box-shadow:0 0 12px color-mix(in srgb,var(--rarity-color, #334155) 30%,transparent)}.coco-card.rarity-epic{animation:card-shimmer 4s ease-in-out infinite}@keyframes card-shimmer{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--rarity-color) 20%,transparent)}50%{box-shadow:0 0 14px color-mix(in srgb,var(--rarity-color) 45%,transparent)}}.coco-card.rarity-legendary{animation:card-pulse-border 2.5s ease-in-out infinite}@keyframes card-pulse-border{0%,to{border-color:color-mix(in srgb,var(--rarity-color) 40%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--rarity-color) 25%,transparent)}50%{border-color:var(--rarity-color);box-shadow:0 0 24px color-mix(in srgb,var(--rarity-color) 55%,transparent)}}.coco-card.rarity-transcendent{animation:card-rainbow 3s linear infinite;border-color:#f43f5e!important}@keyframes card-rainbow{0%{box-shadow:0 0 18px #f43f5e99;border-color:#f43f5e}25%{box-shadow:0 0 18px #fbbf2499;border-color:#fbbf24}50%{box-shadow:0 0 18px #818cf899;border-color:#818cf8}75%{box-shadow:0 0 18px #34d39999;border-color:#34d399}to{box-shadow:0 0 18px #f43f5e99;border-color:#f43f5e}}.coco-card-name{font-size:.6rem;font-weight:500;text-align:center;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);margin-top:.4rem}.coco-card.unlocked:hover .coco-card-name{color:#fff}.coco-card-index{position:absolute;top:4px;left:5px;font-size:.5rem;font-weight:700;opacity:.2}.coco-card-rarity-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--rarity-color, transparent);opacity:.6;border-radius:0 0 10px 10px}.prestige-container{display:flex;flex-direction:column;align-items:center}.prestige-header{text-align:center;max-width:480px;margin-bottom:1.5rem}.prestige-header h2{font-size:1.5rem;font-weight:300;font-family:Outfit,sans-serif;color:var(--gold-color);margin-bottom:.5rem;letter-spacing:-.01em}.prestige-header p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.prestige-formula{background:#fbbf2403;border:1px dashed rgba(251,191,36,.1);padding:.6rem;border-radius:6px;margin:.8rem 0;font-size:.75rem;color:#fef08a;letter-spacing:.02em}.prestige-stats{display:flex;gap:1rem;width:100%;max-width:480px;margin-bottom:1.5rem}.prestige-stat-box{flex:1;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center}.prestige-stat-val{font-size:1.5rem;font-weight:300;font-family:Outfit,sans-serif;color:#fff}.prestige-stat-lbl{font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;margin-top:.2rem;font-weight:600;letter-spacing:.08em}.btn-prestige-reset{background:#fbbf2405;border:1px solid rgba(251,191,36,.25);color:var(--gold-color);font-weight:600;padding:.8rem 2rem;font-size:.8rem;border-radius:8px;cursor:pointer;transition:all .25s ease;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.08em}.btn-prestige-reset:hover:not(:disabled){background:var(--gold-color);color:#000;box-shadow:0 0 15px #fbbf2426}.btn-prestige-reset:disabled{border-color:var(--color-border);color:#ffffff26;background:transparent;cursor:not-allowed}.ascension-guide{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:580px;margin-bottom:1.8rem}.ascension-guide-card{background:#ffffff03;border:1px solid var(--color-border);border-radius:8px;padding:.8rem 1.2rem}.ascension-guide-card h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}.ascension-guide-card p{font-size:.78rem;color:var(--color-text-secondary);line-height:1.4}.prestige-upgrades-shop{width:100%;max-width:580px;border-top:1px solid var(--color-border);padding-top:1.5rem}.prestige-shop-title{font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.prestige-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.prestige-shop-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:.9rem;display:flex;flex-direction:column;justify-content:space-between;gap:.8rem}.prestige-card-info h4{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.2rem}.prestige-card-info p{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.prestige-card-stats{font-size:.7rem;color:var(--gold-color);font-weight:600;margin-top:.4rem}.btn-prestige-buy{background:#ffffff03;border:1px solid var(--color-border);color:#fff;padding:.4rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:all .2s ease}.btn-prestige-buy:hover:not(:disabled){background:#fff;color:#000;border-color:#fff}.btn-prestige-buy:disabled{opacity:.2;cursor:not-allowed}.stats-view{display:flex;flex-direction:column;gap:1rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.stats-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:.8rem 1rem}.stats-card-lbl{font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.stats-card-val{font-size:1.2rem;font-weight:300;font-family:Outfit,sans-serif;color:#fff;margin-top:.1rem}.right-panel-header{padding:1.2rem 1.5rem;border-bottom:1px solid var(--color-border);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;color:var(--color-text-secondary);background:#0302061a}.shop-upgrades-section{display:flex;flex-direction:column;margin:1rem 1.2rem;padding:1rem;background:#fbbf2404;border:1px solid rgba(251,191,36,.08);border-radius:12px;gap:.6rem;box-shadow:inset 0 0 10px #0003}.shop-buildings-section{display:flex;flex-direction:column;margin-top:.5rem}.shop-buildings-section .shop-section-title{padding:0 1.5rem;margin-bottom:.5rem}.shop-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.upgrade-list-vertical{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;padding-right:.2rem}.upgrade-card-vertical{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .8rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;gap:.8rem}.upgrade-card-vertical:hover:not(.disabled){background:#ffffff08;border-color:var(--color-border-hover)}.upgrade-card-vertical.disabled{opacity:.25;cursor:not-allowed}.upgrade-card-left{display:flex;align-items:center;gap:.6rem;flex-grow:1}.upgrade-card-icon{width:28px;height:28px;border-radius:6px;background:#ffffff05;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.upgrade-card-vertical:hover .upgrade-card-icon{color:#fff;border-color:var(--color-border-hover)}.upgrade-card-details{display:flex;flex-direction:column;gap:.1rem}.upgrade-card-details h4{font-size:.8rem;font-weight:600;color:#fff}.upgrade-card-details p{font-size:.65rem;color:var(--color-text-secondary);line-height:1.3}.upgrade-card-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.upgrade-card-cost{font-size:.8rem;font-weight:700;color:var(--gold-color)}.upgrade-card-cost.cant-afford{color:#ef4444}.buildings-list{display:flex;flex-direction:column;padding:1.2rem 1.5rem;gap:.6rem}.building-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .9rem;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.building-card-description{max-height:0;opacity:0;overflow:hidden;font-size:.7rem;color:var(--color-text-secondary);transition:max-height .25s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin-top .25s ease,padding-top .25s ease;width:100%;box-sizing:border-box}.building-card:hover:not(.disabled) .building-card-description{max-height:60px;opacity:1;margin-top:.5rem;padding-top:.4rem;border-top:1px dashed rgba(255,255,255,.05)}.building-card:hover:not(.disabled){background:#ffffff08;border-color:var(--color-border-hover)}.building-card.disabled{opacity:.25;cursor:not-allowed}.building-card-left{display:flex;align-items:center;gap:.8rem}.building-emoji{width:36px;height:36px;background:#ffffff03;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-text-secondary)}.building-card:hover .building-emoji{color:#fff;border-color:var(--color-border-hover)}.building-info h3{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.1rem}.building-info p{font-size:.7rem;color:var(--color-text-secondary)}.building-card-right{display:flex;flex-direction:column;align-items:flex-end}.building-cost{font-size:.85rem;font-weight:700;color:var(--gold-color)}.building-cost.cant-afford{color:#ef4444}.building-qty{font-size:1.4rem;font-weight:300;font-family:Outfit,sans-serif;color:#ffffff0d;margin-top:-.1rem}.building-card:hover .building-qty{color:#ffffff1f}.golden-coco{position:absolute;width:48px;height:48px;background:radial-gradient(circle at 35% 35%,#fff,#fbbf24 60%,#b45309);border-radius:50%;cursor:pointer;z-index:999;box-shadow:0 0 20px #fbbf2480,inset 2px 2px 6px #ffffff80,inset -2px -2px 6px #0009;animation:float-random 12s linear infinite,spin-clockwise 8s linear infinite;transition:transform .15s ease}.golden-coco:hover{transform:scale(1.1);box-shadow:0 0 25px #fbbf24cc}.active-effects{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.4rem;z-index:100;pointer-events:none}.effect-badge{background:#0d1416f2;border:1px solid var(--color-border);border-radius:6px;padding:.35rem .7rem;display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 15px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#040708d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:380px;background:#0b1315;border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 15px 35px #00000080}.modal-title{font-size:1.2rem;font-weight:300;font-family:Outfit,sans-serif;color:var(--accent-hover);text-align:center;text-transform:uppercase;letter-spacing:.05em}.modal-body{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.modal-btn{background:#fff;color:#000;border:none;font-weight:600;padding:.6rem;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.modal-btn:hover{background:#cbd5e1}@media(max-width:960px){.game-container{flex-direction:column;overflow-y:auto}.left-panel,.center-panel,.right-panel{flex:none;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.04)}.left-panel{height:auto;padding:1.5rem}.center-panel{height:auto}.center-content{max-height:480px;padding:1.5rem}.right-panel{height:auto}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0) scale(.95)}to{opacity:0;transform:translateY(-70px) scale(1.05)}}@keyframes explode-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.1);opacity:0}}@keyframes fill-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heartbeat{0%{transform:scale(.97);opacity:.4}to{transform:scale(1.03);opacity:.7}}@keyframes hatch-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg) scale(1.02)}75%{transform:rotate(5deg) scale(1.02)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in-bounce{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float-random{0%{transform:translate(0)}25%{transform:translate(40px,20px)}50%{transform:translate(80px,-15px)}75%{transform:translate(30px,-40px)}to{transform:translate(0)}}@keyframes sphere-levitate-rotate{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes shadow-breath{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(.8);opacity:.55}}.main-coconut-sphere{animation:sphere-levitate-rotate 16s linear infinite;transform-origin:center center}.main-coconut-shadow{animation:shadow-breath 16s ease-in-out infinite;transform-origin:center center}.island-container{display:flex;flex-direction:column;height:100%;animation:fade-in .4s ease}.farm-canvas-container{display:flex;flex-direction:column;flex:1}.farm-scene{position:relative;height:360px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000080}.farm-sky{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a1a,#0d1b2a,#0f2a1a 60%,#0a1a0e);z-index:0}.farm-horizon{position:absolute;bottom:32%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(52,211,153,.18),rgba(52,211,153,.12),transparent);z-index:1}.farm-ground{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,#071a0e 0%,#0c2214 50%,transparent 100%);z-index:1}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(18px)}}.farm-cloud{position:absolute;border-radius:50px;background:#ffffff07;z-index:2;animation:cloud-drift ease-in-out infinite alternate;filter:blur(3px)}.farm-cloud-1{width:80px;height:20px;top:8%;left:10%;animation-duration:8s}.farm-cloud-2{width:55px;height:14px;top:14%;left:45%;animation-duration:11s;opacity:.7}.farm-cloud-3{width:65px;height:16px;top:6%;right:14%;animation-duration:9s;opacity:.8}.farm-zone-label{position:absolute;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.35;pointer-events:none;z-index:20;text-shadow:0 1px 4px rgba(0,0,0,.8)}.farm-sprite-node{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;cursor:help;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .2s ease,filter .2s ease}.farm-sprite-node:hover{transform:scale(1.35) translateY(-5px)!important;filter:drop-shadow(0 4px 12px rgba(52,211,153,.45));z-index:50}.farm-sprite-node.tier-10{filter:drop-shadow(0 0 6px rgba(6,182,212,.85)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.farm-sprite-node.tier-100{animation:pulseTier100 2.2s infinite alternate ease-in-out}.farm-sprite-node.tier-mega{animation:pulseTierMega 1.6s infinite alternate ease-in-out}@keyframes pulseTier100{0%{filter:drop-shadow(0 0 4px rgba(251,191,36,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}to{filter:drop-shadow(0 0 12px rgba(251,191,36,1)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}}@keyframes pulseTierMega{0%{filter:drop-shadow(0 0 5px rgba(192,132,252,.7)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}to{filter:drop-shadow(0 0 16px rgba(192,132,252,1)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}}.farm-sprite-badge{position:absolute;bottom:-6px;right:-6px;background:#1e293b;border:1px solid rgba(255,255,255,.25);border-radius:5px;padding:1px 3.5px;font-size:8.5px;font-weight:800;font-family:Outfit,sans-serif;line-height:1;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 5px #0009;z-index:25;white-space:nowrap}.farm-sprite-badge.tier-10{background:#0284c7;border-color:#38bdf8;color:#fff}.farm-sprite-badge.tier-100{background:#c2410c;border-color:#fb923c;color:#fffbeb;animation:goldPulseText 2s infinite alternate ease-in-out}.farm-sprite-badge.tier-mega{background:#6b21a8;border-color:#c084fc;color:#faf5ff;animation:megaPulseText 1.5s infinite alternate ease-in-out}@keyframes goldPulseText{0%{box-shadow:0 0 2px #fb923c80,0 2px 4px #00000080}to{box-shadow:0 0 8px #fb923ce6,0 2px 4px #00000080}}@keyframes megaPulseText{0%{box-shadow:0 0 2px #c084fc80,0 2px 4px #00000080}to{box-shadow:0 0 10px #c084fcf2,0 2px 4px #00000080}}.farm-ledger-footer{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding:.4rem .6rem;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:10px;justify-content:center}.ledger-item{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--color-text-secondary);background:#00000026;padding:.18rem .45rem;border-radius:6px;border:1px solid rgba(255,255,255,.03)}.ledger-icon{display:inline-flex;align-items:center;opacity:.85}.ledger-name{font-weight:500}.ledger-qty{font-weight:700;color:#34d399}.island-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.5rem 1rem;animation:fade-in .4s ease}.island-empty-icon{font-size:3rem;margin-bottom:.6rem;filter:drop-shadow(0 4px 10px rgba(52,211,153,.25));animation:float-anim 3.5s ease-in-out infinite}.island-empty-text{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.island-empty-sub{font-size:.75rem;color:var(--color-text-secondary);max-width:290px;line-height:1.4}@keyframes sway-anim{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.farm-sprite-sway{color:#22c55e;animation:sway-anim 3s ease-in-out infinite;transform-origin:bottom center}@keyframes monkey-walk{0%{transform:translate(-12px) scaleX(1)}49.9%{transform:translate(12px) scaleX(1)}50%{transform:translate(12px) scaleX(-1)}to{transform:translate(-12px) scaleX(-1)}}@keyframes monkey-flip-reset{0%,49.9%{transform:scaleX(-1)}50%,to{transform:scaleX(1)}}.farm-sprite-side-to-side{color:#fbbf24;animation:monkey-walk 4s ease-in-out infinite}@keyframes spin-clockwise-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.farm-sprite-spin-slow{color:#94a3b8;animation:spin-clockwise-anim 6s linear infinite}@keyframes grow-anim{0%,to{transform:scale(.92)}50%{transform:scale(1.05)}}.farm-sprite-grow{color:#10b981;animation:grow-anim 4s ease-in-out infinite}@keyframes shake-anim{0%,to{transform:translate(0)}20%{transform:translate(-.5px,.5px)}40%{transform:translate(.5px,-.5px)}60%{transform:translate(-.5px,-.5px)}80%{transform:translate(.5px,.5px)}}.farm-sprite-shake{color:#64748b;animation:shake-anim .4s linear infinite}@keyframes float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.farm-sprite-float{color:#a855f7;animation:float-anim 2.5s ease-in-out infinite}.farm-sprite-spin-fast{color:#818cf8;animation:spin-clockwise-anim 2s linear infinite}@keyframes drift-anim{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.farm-sprite-drift{color:#38bdf8;animation:drift-anim 5s ease-in-out infinite}@keyframes glow-anim{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.farm-sprite-glow{color:#ec4899;animation:glow-anim 2s ease-in-out infinite}@keyframes void-anim{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}}.farm-sprite-void{color:#f1f5f9;animation:void-anim 4s ease-in-out infinite}.farm-sprite-pulse{color:#f59e0b;animation:grow-anim 3s ease-in-out infinite}@keyframes orbit-anim{0%{transform:rotate(0) translate(1px) rotate(0)}to{transform:rotate(360deg) translate(1px) rotate(-360deg)}}.farm-sprite-orbit{color:#d946ef;animation:orbit-anim 4s linear infinite}@keyframes seed-glow-anim{0%,to{filter:drop-shadow(0 0 1px #fbbf24);transform:scale(.9)}50%{filter:drop-shadow(0 0 4px #fbbf24);transform:scale(1.1)}}.farm-sprite-seed-sparkle{color:#fbbf24;animation:seed-glow-anim 2s ease-in-out infinite}@keyframes ring-breath{0%,to{transform:scale(.985)}50%{transform:scale(1.015)}}.cursors-ring{position:absolute;top:50%;left:50%;width:0;height:0;z-index:5;pointer-events:none;animation:ring-breath 9s ease-in-out infinite}@keyframes orbit-building-click{0%,89%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--radius)) rotate(var(--align-rot)) scale(1);opacity:.65}92%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius) + 7px)) rotate(var(--align-rot)) scale(.85);opacity:1}}@keyframes orbitRevolve{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--radius)) rotate(var(--align-rot))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)) translateY(var(--radius)) rotate(var(--align-rot))}}.orbit-sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--radius)) rotate(var(--align-rot));width:14px;height:14px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));animation:orbit-building-click var(--click-duration, 10s) ease-in-out infinite;transform-origin:center center;pointer-events:none;display:flex;align-items:center;justify-content:center}.orbit-revolve{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--radius)) rotate(var(--align-rot));width:14px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:orbitRevolve var(--orbit-duration, 24s) linear infinite;transform-origin:center center;pointer-events:none;display:flex;align-items:center;justify-content:center}@keyframes twinkleDots{0%{opacity:.35}to{opacity:1}}.pattern-dots circle{animation:twinkleDots 1.4s infinite alternate ease-in-out}.pattern-dots circle:nth-child(2n){animation-delay:.4s}.pattern-dots circle:nth-child(3n){animation-delay:.8s}@keyframes pulseRings{0%{transform:scale(.95);opacity:.45}to{transform:scale(1.05);opacity:.85}}.pattern-rings circle{transform-origin:25px 25px;animation:pulseRings 2s infinite alternate ease-in-out}.pattern-rings circle:nth-child(2n){animation-delay:.8s}@keyframes slideStripes{0%{stroke-dashoffset:0}to{stroke-dashoffset:16}}.pattern-stripes path{stroke-dasharray:4,4;animation:slideStripes 3s infinite linear}@keyframes swayWaves{0%{transform:translate(-1.5px) translateY(.5px)}to{transform:translate(1.5px) translateY(-.5px)}}.pattern-waves path{animation:swayWaves 2.2s infinite alternate ease-in-out}@keyframes pulseStar{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.1);opacity:1}}.pattern-star path{transform-origin:25px 25px;animation:pulseStar 1.6s infinite alternate ease-in-out}@keyframes rotateSpiral{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pattern-spiral path{transform-origin:25px 25px;animation:rotateSpiral 7s infinite linear}@keyframes spinAura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rarity-aura-ring{transform-origin:25px 25px;animation:spinAura 9s infinite linear;opacity:.8;filter:drop-shadow(0 0 1px currentColor)}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cosmic-orbit{transform-origin:25px 25px;animation:spinOrbit 4.5s infinite linear}@keyframes spinOrbitFast{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.cosmic-orbit-fast{transform-origin:25px 25px;animation:spinOrbitFast 2.8s infinite linear}@keyframes divineGlowPulse{0%,to{opacity:.06;r:12}50%{opacity:.22;r:16}}.divine-inner-glow{animation:divineGlowPulse 3s ease-in-out infinite}@keyframes eyeGlow{0%,to{opacity:.3}50%{opacity:.7}}.divine-eye-glow{animation:eyeGlow 2s ease-in-out infinite}@keyframes nebulaDrift{0%{transform:translate(0);opacity:.06}33%{transform:translate(2px,-1px);opacity:.12}66%{transform:translate(-1px,2px);opacity:.08}to{transform:translate(0);opacity:.06}}.cosmic-nebula circle{animation:nebulaDrift 6s ease-in-out infinite}.cosmic-nebula circle:nth-child(2){animation-delay:-3s;animation-direction:reverse}@keyframes echoPhase{0%{opacity:.1;transform:rotate(0) scale(1)}50%{opacity:.4;transform:rotate(180deg) scale(1.04)}to{opacity:.1;transform:rotate(360deg) scale(1)}}.dimensional-echoes circle{transform-origin:25px 25px;animation:echoPhase 4s ease-in-out infinite}.dimensional-echoes circle:nth-child(2){animation-delay:-2s;animation-direction:reverse}@keyframes sparkle{0%,to{opacity:0;r:.2}50%{opacity:1;r:.8}}.quantum-sparkles .sparkle-1{animation:sparkle 1.8s ease-in-out infinite;animation-delay:0s}.quantum-sparkles .sparkle-2{animation:sparkle 2.2s ease-in-out infinite;animation-delay:-.4s}.quantum-sparkles .sparkle-3{animation:sparkle 1.5s ease-in-out infinite;animation-delay:-.9s}.quantum-sparkles .sparkle-4{animation:sparkle 2.5s ease-in-out infinite;animation-delay:-1.3s}.quantum-sparkles .sparkle-5{animation:sparkle 1.9s ease-in-out infinite;animation-delay:-.6s}.quantum-sparkles .sparkle-6{animation:sparkle 2.1s ease-in-out infinite;animation-delay:-1.7s}@keyframes haloRainbow{0%{stroke:#f43f5e;filter:drop-shadow(0 0 4px #f43f5e)}20%{stroke:#fbbf24;filter:drop-shadow(0 0 4px #fbbf24)}40%{stroke:#4ade80;filter:drop-shadow(0 0 4px #4ade80)}60%{stroke:#60a5fa;filter:drop-shadow(0 0 4px #60a5fa)}80%{stroke:#c084fc;filter:drop-shadow(0 0 4px #c084fc)}to{stroke:#f43f5e;filter:drop-shadow(0 0 4px #f43f5e)}}.transcendent-halo{transform-origin:25px 25px;animation:spinAura 6s linear infinite,haloRainbow 4s linear infinite}@keyframes starburstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transcendent-starburst{transform-origin:25px 25px;animation:starburstSpin 12s linear infinite}.coco-card.rarity-divine{animation:card-divine-glow 3s ease-in-out infinite}@keyframes card-divine-glow{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--rarity-color) 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--rarity-color) 55%,transparent),0 0 40px color-mix(in srgb,var(--rarity-color) 15%,transparent)}}.coco-card.rarity-cosmic{animation:card-cosmic-pulse 2.5s ease-in-out infinite}@keyframes card-cosmic-pulse{0%,to{border-color:color-mix(in srgb,var(--rarity-color) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--rarity-color) 30%,transparent)}50%{border-color:var(--rarity-color);box-shadow:0 0 28px color-mix(in srgb,var(--rarity-color) 55%,transparent),0 0 60px color-mix(in srgb,var(--rarity-color) 15%,transparent)}}.coco-card.rarity-dimensional{animation:card-dimensional-flicker 2s ease-in-out infinite}@keyframes card-dimensional-flicker{0%,to{border-color:var(--rarity-color);box-shadow:0 0 16px color-mix(in srgb,var(--rarity-color) 40%,transparent);filter:hue-rotate(0deg)}25%{filter:hue-rotate(15deg)}50%{border-color:#fff;box-shadow:0 0 32px color-mix(in srgb,var(--rarity-color) 60%,transparent),0 0 60px color-mix(in srgb,var(--rarity-color) 20%,transparent);filter:hue-rotate(-15deg)}75%{filter:hue-rotate(10deg)}}.btn-reveal-equip{width:100%;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.16);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:.65rem;border-radius:6px;cursor:pointer;transition:all .2s ease;z-index:1;margin-top:.8rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-reveal-equip:hover{background:#ffffff0d;border-color:#ffffff59;transform:translateY(-1px)}.btn-reveal-equip.equipped{background:#10b9811f;color:#10b981;border-color:#10b9814d}.btn-reveal-equip.equipped:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}@keyframes rotateHalo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateHaloReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes cosmicFloat{0%{transform:translateY(0) scale(.9);opacity:.4}to{transform:translateY(-8px) scale(1.2);opacity:.9}}@keyframes metallicShine{0%{background-position:-200% 0}to{background-position:200% 0}}.rarity-aura-ring{transform-origin:25px 25px;animation:rotateHalo 10s linear infinite}.transcendent-halo{transform-origin:25px 25px;animation:rotateHaloReverse 8s linear infinite}.main-coco-light-halo{box-shadow:0 0 35px var(--accent-color, #14b8a6)}