:root{--bg-color: #f0f0f0;--text-color: #333;--btn-black: #000;--btn-text: #fff;--accent-green: #4a5d23;--font-main: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{font-family:var(--font-main);background:radial-gradient(circle at 50% 30%,#2b2b2b,#000);color:var(--text-color);overflow:hidden;width:100vw;height:100vh}#app{position:relative;width:100%;height:100%}#navbar{position:absolute;top:0;left:0;width:100%;padding:10px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:10px}.nav-title{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);pointer-events:none}.nav-buttons{display:flex;gap:15px}.icon-btn{background:transparent;border:none;cursor:pointer;opacity:.8;transition:transform .1s;padding:5px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.icon-btn img{width:32px;height:32px;object-fit:contain}.icon-btn:active{transform:scale(.9)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:100px 0 50px}.counter{font-size:4rem;font-weight:700;color:#333;z-index:20}.action-buttons{display:flex;align-items:center;gap:15px;margin-top:auto;margin-bottom:20px;pointer-events:auto}#dump-btn{background:var(--btn-black);color:var(--btn-text);border:2px solid white;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}#dump-btn:active{transform:scale(.95)}#btn-colors{background:var(--btn-black);border:2px solid white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}#btn-colors img{width:32px;height:32px;object-fit:contain}#btn-colors:active{transform:scale(.95)}#btn-change{background:var(--btn-black);border:2px solid white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}#btn-change img{width:32px;height:32px;object-fit:contain}#btn-change:active{transform:scale(.95)}#global-counter-container{font-size:1rem;color:#555;background:#fffc;padding:5px 10px;border-radius:10px}#particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;filter:url(#goo)}.gooey-particle{position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 0 15px 2px #ff640099}