@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");:root{--pixel-font:"Press Start 2P",cursive;--min-touch-size:44px}*{font-family:var(--pixel-font)}@media (max-width:768px){.game-header{top:1rem;padding:1rem}.header-stats{gap:1.5rem;padding:.75rem 1rem}.stat-group{gap:1.5rem}.stat .value{font-size:1.2rem}.stat .label{font-size:.7rem}.power-icon{width:70px;height:70px}.power-symbol{font-size:1.5rem}.power-cost,.power-level{font-size:.7rem}}@media (max-width:480px){.game-header{top:.5rem;padding:.5rem}.header-stats{gap:1rem;padding:.5rem .75rem}.stat-group{gap:1rem}.stat .value{font-size:1rem}.stat .label{font-size:.6rem}.power-icon{width:60px;height:60px}.power-symbol{font-size:1.2rem}.power-cost,.power-level{font-size:.6rem}.game-ui-container{bottom:1rem}.powers-grid{gap:.3rem}}.game-ui-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);padding:.5rem;color:#fff;z-index:100;background:none;width:50%;max-width:800px}.powers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:1rem;gap:1rem;padding:1.2rem;margin:0 auto;position:relative;max-width:100%}.powers-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,.7),rgba(0,0,0,.6));border-radius:16px;z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.power-icon{position:relative;width:100%;aspect-ratio:1;border-radius:12px;background:rgba(0,0,0,.6);border:2px solid rgba(255,215,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;padding:.8rem .6rem;box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 15px rgba(0,0,0,.5)}.power-icon:hover:not(.disabled){transform:translateY(-2px);border-color:rgba(255,215,0,.6);box-shadow:0 0 15px rgba(var(--upgrade-color),.3),inset 0 0 20px rgba(var(--upgrade-color),.1)}.power-icon.disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.power-symbol{font-size:1.8rem;margin-bottom:.2rem}.power-level{font-size:.7rem;color:#94a3b8;padding:.2rem .5rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.power-cost,.power-level{background:rgba(0,0,0,.4)}.power-cost{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#fcd34d;padding:.3rem .6rem;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.cost-icon{font-size:.9rem;color:#fcd34d}.game-header{position:fixed;top:2rem;left:50%;transform:translateX(-50%);padding:1.5rem;z-index:1000;justify-content:center;background:none}.game-header,.header-stats{display:flex;align-items:center}.header-stats{gap:3rem;background:rgba(13,17,23,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:12px;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}.stat-group{display:flex;gap:3rem}.stat{display:flex;flex-direction:column;gap:.5rem;align-items:center}.stat .value{font-size:1.5rem;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.stat .label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.exp-bar{width:120px;height:6px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:3px;overflow:hidden;margin-top:.5rem;image-rendering:pixelated}.exp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.combo-counter{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);padding:.75rem 1.5rem;background:rgba(13,17,23,.95);border:2px solid rgba(255,215,0,.3);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.combo-counter,.power-announcement{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.power-announcement{position:fixed;left:50%;bottom:16rem;transform:translate(-50%);background:rgba(0,0,0,.9);padding:1.2rem 2rem;border-radius:16px;color:#fff;text-align:center;z-index:2000;min-width:300px;border:2px solid var(--upgrade-color);box-shadow:0 0 30px var(--upgrade-color),inset 0 0 20px var(--upgrade-color);pointer-events:none}.announcement-icon{font-size:3rem;position:relative;text-shadow:0 0 20px var(--upgrade-color)}.announcement-icon,.announcement-title{margin-bottom:.5rem;color:var(--upgrade-color)}.announcement-title{font-size:1.2rem;text-transform:capitalize;text-shadow:0 0 10px var(--upgrade-color)}.announcement-description{font-size:.8rem;color:#94a3b8;line-height:1.4}@keyframes particle-animation{0%{opacity:1;transform:translate(0) scale(1) rotate(0deg)}to{opacity:0;transform:translate(var(--x-offset),var(--y-offset)) scale(0) rotate(var(--spin-deg))}}.power-particles{position:absolute;inset:-100px;pointer-events:none;z-index:10;overflow:visible}.power-particle{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--upgrade-color);box-shadow:0 0 10px var(--upgrade-color);animation:particle-animation .6s ease-out forwards;animation-delay:var(--delay);will-change:transform,opacity}.power-particles.clickPower .power-particle{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:16px;height:16px}.power-particles.autoClicker .power-particle{border-radius:2px;width:12px;height:12px}.power-particles.multiplier .power-particle{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:18px;height:18px}.power-particles.comboMaster .power-particle{width:16px;height:6px;border-radius:3px}.power-particles.criticalClick .power-particle{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);width:16px;height:16px}.power-particles.colorMastery .power-particle{border-radius:0;width:14px;height:14px;transform:rotate(45deg)}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.power-announcement{animation:float 2s ease-in-out infinite;transition:all .2s ease-out}@media (max-width:768px){.power-announcement{padding:1rem 1.5rem;bottom:14rem;min-width:280px}.announcement-icon{font-size:2.5rem}.announcement-title{font-size:1rem}.announcement-description{font-size:.7rem}}@media (max-width:480px){.power-announcement{padding:.8rem 1.2rem;bottom:12rem;width:90%;min-width:0}.announcement-icon{font-size:2rem}.announcement-title{font-size:.9rem}.announcement-description{font-size:.65rem}}.floating-number{position:fixed;pointer-events:none;font-family:var(--pixel-font);font-weight:700;font-size:1.5em;z-index:1000;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5);white-space:nowrap;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity;letter-spacing:.05em;image-rendering:pixelated}.floating-number:before{content:"+";font-size:.8em;margin-right:.1em;opacity:.8}.floating-number.critical{color:#000;font-size:2em;text-shadow:0 0 15px rgba(255,68,68,.8),0 0 30px rgba(255,68,68,.5)}.floating-number.combo{color:#000;font-size:1.8em;text-shadow:0 0 15px rgba(255,235,59,.8),0 0 30px rgba(255,235,59,.5)}.floating-number.mega{color:#000;font-size:2.2em;text-shadow:0 0 20px rgba(170,0,255,.8),0 0 40px rgba(170,0,255,.5);font-weight:900;letter-spacing:.1em}@media (max-width:768px){.game-header{top:1rem;padding:1rem}.header-stats{padding:.75rem 1.5rem;gap:2rem}.stat-group{gap:2rem}.stat .value{font-size:1.2rem}.stat .label{font-size:.7rem}.powers-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;padding:.8rem}.power-icon{padding:.6rem .4rem;border-radius:10px;min-height:90px}.power-symbol{font-size:1.6rem;margin-bottom:.1rem}.power-cost{font-size:.7rem;padding:.25rem .4rem}.power-level{font-size:.65rem;padding:.15rem .4rem}.power-announcement{min-width:280px;padding:1.25rem 1.75rem}.announcement-icon{font-size:2.5rem}.announcement-title{font-size:1.1rem}.announcement-description{font-size:.8rem}}@media (max-width:480px){.header-stats{padding:.75rem 1rem;gap:1.5rem}.stat-group{gap:1.5rem}.powers-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.6rem}.power-icon{padding:.5rem .3rem;border-radius:8px;min-height:80px}.power-symbol{font-size:1.4rem}.power-announcement{min-width:260px;padding:1rem 1.5rem;max-width:90vw}.power-cost{font-size:.65rem;padding:.2rem .3rem;gap:.2rem}.power-level{font-size:.6rem;padding:.1rem .3rem}.game-ui-container{width:95%;bottom:.5rem}}.upgrade-notification{display:none}