:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#050505,#151515);color:#fff;min-height:100vh;overflow-x:hidden;overflow-y:auto;line-height:1.5}.app-shell{min-height:100vh;padding:clamp(1rem,3vw,3rem);position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#050505,#111)}.game-surface{width:min(1400px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.card{background:#080808cc;border:1px solid rgba(0,255,0,.2);border-radius:24px;padding:clamp(1rem,2vw,1.75rem);box-shadow:0 20px 40px #00ff0014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-header{display:flex;flex-direction:column;gap:1rem}.title-block h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.25rem;background:linear-gradient(120deg,#00ff90,#00c853,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,0,.35)}.subtitle{color:#ffffffb3;font-size:1rem}.version-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .8rem;border-radius:999px;border:1px solid rgba(0,255,0,.3);color:#00ff90;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}.action-cluster{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-slider-container{display:flex;align-items:center;gap:.5rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;padding:.5rem .75rem}.volume-slider{width:100px;height:4px;background:#0f03;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#00ff90;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00ff0080;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#00c853;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#00ff90;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px #00ff0080;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#00c853;transform:scale(1.2)}.volume-value{font-size:.75rem;color:#00ff90;font-weight:600;min-width:35px;text-align:right}.control-button{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid rgba(0,255,0,.4);background:#00ff001f;color:#00ff90;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700;padding:.55rem 1rem;cursor:pointer;transition:all .2s ease}.control-button:hover{border-color:#0f0c;box-shadow:0 0 20px #00ff0040;transform:translateY(-2px)}.control-button:active{transform:scale(.97)}.control-icon{font-size:1.4rem}.control-label{color:#fffc}.stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1rem 1.25rem}.stat-card.emphasis{border-color:#0f06;box-shadow:0 0 25px #00ff0026}.stat-card.golden-card{border-color:#ffd70066}.golden-info{display:flex;align-items:center;gap:.75rem}.stat-value{font-size:clamp(1.8rem,3vw,3rem);font-weight:700;color:#00ff90;text-shadow:0 0 12px rgba(0,255,0,.3)}.stat-card.golden-card .stat-value{color:gold;text-shadow:0 0 12px rgba(255,215,0,.5)}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:#fff9}.golden-can-icon{width:50px;filter:drop-shadow(0 0 12px rgba(255,215,0,.6))}.main-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;align-items:start}.card-header{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.card-header h2{font-size:1.5rem;margin:0}.click-card{display:flex;flex-direction:column;gap:1.25rem;justify-content:space-between}.click-target{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#ffffff05;border-radius:18px;min-height:260px}.frenzy-pill{align-self:flex-start;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(0,255,0,.4);color:#ffffffd9;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em}.frenzy-pill.active{background:#ff5e0026;border-color:#ff5e0099}.monster-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .1s ease;filter:drop-shadow(0 10px 30px rgba(0,255,0,.3));position:relative;width:min(420px,80vw)}.monster-can{width:100%;max-height:360px;object-fit:contain}.monster-button:hover{transform:scale(1.04)}.monster-button:active{transform:scale(.95);filter:drop-shadow(0 10px 40px rgba(0,255,0,.6))}.click-instruction{font-size:.95rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;color:#00ff90;opacity:.85;animation:pulse 2s ease-in-out infinite}.store-card{display:flex;flex-direction:column;gap:1.25rem;overflow-x:hidden}.prestige-section{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.currency-chip{align-self:flex-start;background:#00ff0014;border:1px solid rgba(0,255,0,.4);border-radius:12px;padding:.5rem .9rem;text-align:right}.currency-chip span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#fff9}.currency-chip strong{font-size:1.2rem;color:#00ff90}.upgrade-tabs{display:flex;gap:.75rem;flex-wrap:wrap}.tab-button{flex:1;min-width:150px;padding:.65rem 1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;color:#00ff90;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-button.active{background:#00ff0026;border-color:#0f0c;box-shadow:0 0 20px #0f03}.upgrade-columns{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow:hidden}.upgrades-column{display:none;flex-direction:column;gap:1rem;min-width:0;flex:1;min-height:0;overflow:hidden}.upgrades-column.active{display:flex}.upgrade-column-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:#00ff90;text-align:left;margin-bottom:.5rem}.store-title{font-size:1.6rem;text-transform:uppercase;letter-spacing:.25em;text-align:left;color:#00ff90}@media(min-width:900px){.game-header{flex-direction:row;justify-content:space-between;align-items:center}.main-grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)}.upgrade-columns{flex-direction:row}.upgrades-column{display:flex;flex:1;min-height:0;overflow:hidden}.upgrade-tabs{display:none}}@media(max-width:600px){.card{padding:1rem}.control-label{display:none}.stat-label{letter-spacing:.1em}.monster-button{width:100%}}.upgrades-list{display:flex;flex-direction:column;gap:1rem;max-height:none;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.upgrades-list::-webkit-scrollbar{width:8px}.upgrades-list::-webkit-scrollbar-track{background:#00ff000d;border-radius:4px}.upgrades-list::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.upgrades-list::-webkit-scrollbar-thumb:hover{background:#00ff0080}.prestige-info{padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:12px;margin-bottom:1rem}.prestige-level-display{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.prestige-badge{font-size:1.1rem;font-weight:700;color:#00ff90;text-transform:uppercase;letter-spacing:.1em}.prestige-stats{color:#ffffffb3;font-size:.9rem}.prestige-bonus{color:gold;font-size:.9rem;font-weight:600}.autoclicker-status{padding:.75rem 1rem;background:#00ff001a;border:1px solid rgba(0,255,0,.4);border-radius:8px;color:#00ff90;font-weight:600;margin-bottom:1rem;text-align:center}.upgrade-wrapper{display:flex;flex-direction:column;gap:.5rem}.upgrade-level-button{padding:.5rem .75rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.upgrade-level-button:hover:not(:disabled){background:#ffd70033;border-color:#ffd70080}.upgrade-level-button:disabled{opacity:.4;cursor:not-allowed}.upgrade-level-badge{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;background:#ffd70033;border:1px solid rgba(255,215,0,.4);border-radius:4px;font-size:.75rem;color:gold;font-weight:700}.upgrade-category{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-top:.25rem}.upgrade-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ff000d;border:2px solid rgba(0,255,0,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff}.upgrade-item:hover:not(.disabled){background:#00ff001a;border-color:#0f06;transform:translate(-5px);box-shadow:0 5px 20px #0f03}.upgrade-item.disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff1a}.upgrade-emoji{font-size:2.5rem;min-width:50px;text-align:center}.upgrade-info{flex:1}.upgrade-name{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#fff}.upgrade-details{font-size:.9rem;color:#0f0}.upgrade-production{font-weight:700}.upgrade-count{color:#888;margin-left:.5rem}.upgrade-cost{font-size:1.3rem;font-weight:700;color:#0f0;min-width:80px;text-align:right;text-shadow:0 0 10px rgba(0,255,0,.3)}.upgrade-item.disabled .upgrade-cost{color:#666;text-shadow:none}.prestige-title{margin-top:2rem;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6)}.collapsible-title{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;padding:.5rem;margin:0 -.5rem;border-radius:10px}.collapsible-title:hover{background:#ffd7001a;transform:translate(5px)}.collapsible-title:active{transform:translate(2px)}.collapse-icon{font-size:1rem;transition:transform .3s ease;color:gold;margin-left:1rem}.prestige-upgrade{background:#ffd7000d;border-color:#ffd7004d}.prestige-upgrade:hover:not(.disabled):not(.purchased){background:#ffd7001a;border-color:#ffd70099;box-shadow:0 5px 20px #ffd7004d}.prestige-upgrade.purchased{background:#ffd70026;border-color:#ffd70066;opacity:.7}.golden-cost{color:gold;display:flex;align-items:center;gap:.5rem}.cost-icon{width:30px;height:auto;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00ff0080}.falling-can{position:absolute;width:50px;height:auto;pointer-events:none;animation:fall-and-fade 1s ease-out forwards;z-index:1000}@keyframes fall-and-fade{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(360deg);opacity:0}}.spray-can{position:fixed;width:60px;height:auto;pointer-events:none;z-index:2000;animation:spray 2s ease-out forwards}@keyframes spray{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--speed) * 400px),calc(sin(var(--angle)) * var(--speed) * 400px)) rotate(calc(var(--angle) * 180deg)) scale(.3);opacity:0}}.frenzy-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1500;animation:screen-shake .5s ease-in-out}.frenzy-banner{position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;animation:banner-bounce .5s ease-out}.frenzy-title{font-size:5rem;font-weight:700;color:#0f0;text-shadow:0 0 20px rgba(0,255,0,1),0 0 40px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.6);animation:pulse-glow 1s ease-in-out infinite;letter-spacing:5px}.frenzy-multiplier{font-size:2.5rem;color:#fff;margin-top:1rem;text-shadow:0 0 10px rgba(255,255,255,.8);animation:pulse 2s ease-in-out infinite}.frenzy-timer{font-size:3rem;font-weight:700;color:#0f0;margin-top:1rem;text-shadow:0 0 15px rgba(0,255,0,.8)}@keyframes screen-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px,-10px)}20%,40%,60%,80%{transform:translate(10px,10px)}}@keyframes banner-bounce{0%{transform:translate(-50%) scale(0);opacity:0}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(0,255,0,1),0 0 40px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.6)}50%{text-shadow:0 0 30px rgba(0,255,0,1),0 0 60px rgba(0,255,0,1),0 0 90px rgba(0,255,0,.8)}}.liquid-drop{position:fixed;top:-20px;border-radius:50%;background:radial-gradient(circle,#00ff00e6,#00c80099,#0096004d);box-shadow:0 0 10px #0f0c,0 0 20px #0f09,0 0 30px #0f06,inset 0 0 10px #ffffff80;pointer-events:none;z-index:1800;animation:liquid-fall var(--duration) ease-in var(--delay) forwards}@keyframes liquid-fall{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) scale(.5);opacity:0}}.leaderboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.leaderboard-modal{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:3px solid #00ff00;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 0 50px #00ff0080;animation:slideUp .3s ease}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(0,255,0,.3)}.leaderboard-header h2{margin:0;color:#0f0;font-size:2rem;text-shadow:0 0 15px rgba(0,255,0,.6)}.leaderboard-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#ffffffb3;max-width:360px}.close-button{background:none;border:2px solid rgba(0,255,0,.5);color:#0f0;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.close-button:hover{background:#0f03;border-color:#0f0;transform:rotate(90deg)}.leaderboard-submit{padding:1.5rem;border-bottom:2px solid rgba(0,255,0,.3);display:flex;flex-direction:column;gap:1rem}.leaderboard-submit .nickname-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.auto-submit-note{font-size:.85rem;color:#ffffffb3}.nickname-input{flex:1;min-width:200px;background:#00ff000d;border:2px solid rgba(0,255,0,.3);border-radius:10px;padding:.8rem;color:#fff;font-size:1rem;transition:all .3s ease}.nickname-input:focus{outline:none;border-color:#0f09;background:#00ff001a;box-shadow:0 0 15px #00ff004d}.nickname-input::placeholder{color:#ffffff80}.submit-score-button{background:linear-gradient(135deg,#0f03,#00c8001a);border:2px solid rgba(0,255,0,.5);border-radius:10px;padding:.8rem 1.5rem;color:#0f0;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.submit-score-button:hover{background:linear-gradient(135deg,#00ff004d,#00c80033);border-color:#0f0c;box-shadow:0 0 20px #0f06}.leaderboard-list{padding:1rem;max-height:400px;overflow-y:auto}.no-scores{text-align:center;padding:3rem;color:#888;font-size:1.2rem}.leaderboard-entry{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ff000d;border:2px solid rgba(0,255,0,.2);border-radius:10px;margin-bottom:.5rem;transition:all .3s ease}.leaderboard-entry:hover{background:#00ff001a;border-color:#0f06;transform:translate(5px)}.leaderboard-entry.top-three{background:#ffd7001a;border-color:#ffd70066}.leaderboard-entry.top-three:hover{background:#ffd70026;border-color:#ffd70099}.leaderboard-entry .rank{font-size:1.5rem;font-weight:700;min-width:50px;text-align:center;color:#0f0}.leaderboard-entry.top-three .rank{font-size:2rem}.leaderboard-entry .nickname{flex:1;font-size:1.2rem;font-weight:700;color:#fff}.leaderboard-entry .score{font-size:1.2rem;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.score-block{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;min-width:120px}.score-golden{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.score-golden img{width:24px;height:auto;filter:drop-shadow(0 0 6px rgba(255,215,0,.7))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);padding:8px 12px;background:#000000e6;color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:6px;font-size:.9rem;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 0 15px #0f03;text-shadow:0 0 5px rgba(0,255,0,.5);animation:fadeIn .2s ease}[data-tooltip]:hover:before{content:"";position:absolute;bottom:110%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,255,0,.3) transparent transparent transparent;z-index:1000;pointer-events:none}.prestige-error-modal{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:3px solid #ffd700;border-radius:20px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 0 50px #ffd70080;animation:slideUp .3s ease}.prestige-error-header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-bottom:2px solid rgba(255,215,0,.3);position:relative}.prestige-error-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.prestige-error-header h2{margin:0;color:gold;font-size:1.8rem;text-shadow:0 0 15px rgba(255,215,0,.6);text-transform:uppercase;letter-spacing:.1em}.prestige-error-header .close-button{position:absolute;top:1rem;right:1rem;border-color:#ffd70080;color:gold}.prestige-error-header .close-button:hover{background:#ffd70033;border-color:gold}.prestige-error-content{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.prestige-error-message{font-size:1.1rem;line-height:1.6;color:#ffffffe6;text-align:center;margin:0}.prestige-error-highlight{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);font-weight:700}.prestige-error-stats{display:flex;flex-direction:column;gap:1rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.25rem}.prestige-error-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.prestige-error-stat-label{font-size:.95rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.prestige-error-stat-value{font-size:1.3rem;font-weight:700;color:#00ff90;text-shadow:0 0 10px rgba(0,255,0,.5)}.prestige-error-stat-value.required{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.prestige-error-stat-value.needed{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.prestige-error-button{background:linear-gradient(135deg,#ffd70033,#ffc8001a);border:2px solid rgba(255,215,0,.5);border-radius:10px;padding:1rem 2rem;color:gold;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;width:100%}.prestige-error-button:hover{background:linear-gradient(135deg,#ffd7004d,#ffc80033);border-color:#ffd700cc;box-shadow:0 0 20px #ffd70066;transform:translateY(-2px)}.prestige-error-button:active{transform:translateY(0)}
