:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--green: #22c55e;--green-dim: #15803d;--blue: #3b82f6;--purple: #a855f7;--gold: #eab308;--orange: #f97316;--red: #ef4444;--cyan: #06b6d4;--pink: #ec4899}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 320px;gap:0}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e1b4b);border-bottom:1px solid rgba(255,255,255,.08)}.header h1{font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,var(--green),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.header-stats{display:flex;gap:1.5rem;font-size:.85rem}.header-stat{display:flex;align-items:center;gap:.4rem;color:#fff9}.header-stat .value{color:var(--green);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sidebar{background:#0f0f0f;border-right:1px solid rgba(255,255,255,.06);padding:1rem;overflow-y:auto;max-height:calc(100vh - 56px)}.sidebar h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.rank-card{background:linear-gradient(135deg,#22c55e14,#06b6d40d);border:1px solid rgba(34,197,94,.15);border-radius:.5rem;padding:1rem;margin-bottom:1rem;text-align:center}.rank-icon{font-size:2rem;margin-bottom:.25rem}.rank-name{font-weight:700;font-size:1rem;color:var(--green)}.rank-next{font-size:.7rem;color:#fff6;margin-top:.35rem}.rank-progress{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-top:.5rem;overflow:hidden}.rank-progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:2px;transition:width .3s}.stats-list{list-style:none}.stats-list li{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.04)}.stats-list li span:first-child{color:#ffffff80}.stats-list li span:last-child{font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffd9}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(34,197,94,.03) 0%,transparent 70%)}.commit-count{font-size:3.5rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green);text-shadow:0 0 30px rgba(34,197,94,.3);margin-bottom:.25rem}.commit-label{font-size:.85rem;color:#ffffff73;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.click-btn{width:200px;height:200px;border-radius:50%;border:3px solid var(--green);background:radial-gradient(circle at 35% 35%,#22c55e33,#22c55e0d);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s;position:relative;box-shadow:0 0 40px #22c55e26,inset 0 0 40px #22c55e0d;-webkit-user-select:none;user-select:none}.click-btn:hover{transform:scale(1.04);box-shadow:0 0 60px #22c55e40,inset 0 0 40px #22c55e14}.click-btn:active{transform:scale(.96);border-color:#4ade80;box-shadow:0 0 80px #22c55e66,inset 0 0 60px #22c55e26}.click-btn .icon{font-size:3.5rem;margin-bottom:.25rem}.click-btn .click-text{font-size:.8rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.click-btn .per-click{font-size:.7rem;color:var(--green);margin-top:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cps-display{margin-top:1.5rem;font-size:.85rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cps-display span{color:var(--cyan);font-weight:600}.float-text{position:absolute;pointer-events:none;font-weight:800;font-size:1.5rem;color:var(--green);text-shadow:0 0 10px rgba(34,197,94,.5);animation:floatUp .8s ease-out forwards;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}.shop{background:#0f0f0f;border-left:1px solid rgba(255,255,255,.06);padding:1rem;overflow-y:auto;max-height:calc(100vh - 56px)}.shop h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem}.shop-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.shop-tab{flex:1;padding:.45rem .5rem;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffff80;border-radius:.35rem;font-size:.7rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .15s}.shop-tab.active{background:#22c55e1a;border-color:#22c55e4d;color:var(--green)}.shop-item{display:flex;align-items:center;gap:.75rem;padding:.7rem;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;margin-bottom:.5rem;background:#ffffff05;cursor:pointer;transition:all .15s;position:relative}.shop-item:hover:not(.disabled){border-color:#22c55e4d;background:#22c55e0d}.shop-item.disabled{opacity:.4;cursor:not-allowed}.shop-item.owned{border-color:#22c55e26;background:#22c55e08}.item-icon{font-size:1.5rem;width:2.5rem;text-align:center;flex-shrink:0}.item-info{flex:1;min-width:0}.item-name{font-size:.8rem;font-weight:600;color:#ffffffd9}.item-desc{font-size:.65rem;color:#ffffff59;margin-top:.15rem}.item-effect{font-size:.6rem;color:var(--cyan);margin-top:.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.item-right{text-align:right;flex-shrink:0}.item-cost{font-size:.75rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold)}.item-owned{font-size:.6rem;color:#ffffff59;margin-top:.1rem}.achievement-popup{position:fixed;top:1rem;right:1rem;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid rgba(234,179,8,.3);border-radius:.5rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;z-index:100;animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s forwards;box-shadow:0 8px 30px #00000080}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.achievement-popup .ach-icon{font-size:1.5rem}.achievement-popup .ach-text{font-size:.75rem}.achievement-popup .ach-label{color:var(--gold);font-weight:700;text-transform:uppercase;font-size:.6rem;letter-spacing:.1em}.achievement-popup .ach-name{color:#ffffffe6;font-weight:600}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.sidebar{max-height:none;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.shop{max-height:none;border-left:none;border-top:1px solid rgba(255,255,255,.06)}}