:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}@keyframes rainbow-border{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120px) scale(1.4)}}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}@keyframes combo-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}}@keyframes bg-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes upgrade-glow{0%,to{box-shadow:0 0 8px #ffffff0d}50%{box-shadow:0 0 20px #ffffff26}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes milestone-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#111,#0a0a0a 70%);transition:background .5s}.game-container.shaking{animation:shake .15s ease}.header{position:absolute;top:0;left:0;right:0;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.score-display{text-align:center}.score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:.15rem}.score-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,red,#f70,#ff0,#0f0,#07f,#80f,#f0f);background-size:300% 300%;animation:bg-shift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.per-sec{font-size:.75rem;color:#ffffff59;margin-top:.1rem}.stats-col{text-align:right;display:flex;flex-direction:column;gap:.25rem}.stat-line{font-size:.72rem;color:#ffffff59}.stat-line span{color:#ffffffb3;font-weight:600}.orb-area{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.orb-wrapper{position:relative;cursor:pointer;animation:idle-bob 3s ease-in-out infinite}.orb-wrapper:active .orb-core{transform:scale(.92)}.ring{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:2px solid rgba(255,255,255,.08);animation:rainbow-border 6s linear infinite;pointer-events:none}.ring.outer{top:-40px;right:-40px;bottom:-40px;left:-40px;border-width:1px;opacity:.5}.ring.pulse{border-color:#ffffff4d;animation:pulse-ring .6s ease-out forwards;top:-10px;right:-10px;bottom:-10px;left:-10px}.orb-core{width:180px;height:180px;border-radius:50%;position:relative;transition:transform .1s ease;box-shadow:0 0 40px var(--orb-glow, rgba(255,100,100,.4)),0 0 80px var(--orb-glow-outer, rgba(255,100,100,.2)),inset 0 0 30px #ffffff1a;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.3),transparent 50%),conic-gradient(hsl(var(--hue, 0),90%,55%),hsl(calc(var(--hue, 0) + 60),90%,55%),hsl(calc(var(--hue, 0) + 120),90%,55%),hsl(calc(var(--hue, 0) + 180),90%,55%),hsl(calc(var(--hue, 0) + 240),90%,55%),hsl(calc(var(--hue, 0) + 300),90%,55%),hsl(var(--hue, 0),90%,55%))}.float-text{position:absolute;font-size:1.25rem;font-weight:800;pointer-events:none;animation:float-up 1s ease-out forwards;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:20}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:particle-burst .6s ease-out forwards;z-index:20}.combo-display{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;color:#fff;text-shadow:0 0 20px var(--orb-glow, #f66);animation:combo-pop .3s ease-out;white-space:nowrap}.combo-display .combo-mult{font-size:1.5rem;margin-right:.3rem}.milestone-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#ff0,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;pointer-events:none;animation:milestone-flash 1.5s ease-out forwards;z-index:100;text-shadow:none}.upgrades-panel{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.25rem 1.5rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;pointer-events:none;z-index:10}.upgrade-btn{pointer-events:auto;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.7rem 1rem;color:#fafafa;cursor:pointer;transition:all .2s;min-width:140px;text-align:center;position:relative;overflow:hidden}.upgrade-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.upgrade-btn:active:not(:disabled){transform:translateY(0)}.upgrade-btn:disabled{opacity:.35;cursor:not-allowed}.upgrade-btn.affordable{border-color:#fff3;animation:upgrade-glow 2s ease-in-out infinite}.upgrade-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}.upgrade-desc{font-size:.65rem;color:#fff6;margin-bottom:.35rem}.upgrade-cost{font-size:.8rem;font-weight:700}.upgrade-level{font-size:.6rem;color:#ffffff4d;margin-top:.15rem}.bg-particle{position:fixed;border-radius:50%;pointer-events:none;opacity:.15;z-index:0}@media(max-width:600px){.score-value{font-size:1.5rem}.orb-core{width:140px;height:140px}.upgrades-panel{gap:.5rem;padding:.75rem 1rem 1.25rem}.upgrade-btn{min-width:110px;padding:.55rem .7rem}.header{padding:1rem}}
