:root{--bg: #05060f;--bg-card: rgba(15, 12, 30, .92);--bg-card-hover: rgba(20, 16, 40, .96);--border: rgba(139, 92, 246, .25);--purple: #a855f7;--purple-light: #c084fc;--purple-dark: #7c3aed;--green: #22d3ee;--green-light: #67e8f9;--pink: #f472b6;--gold: #fbbf24;--text: #e8e0f0;--text-dim: rgba(232, 224, 240, .55);--text-bright: #f5f0ff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,ui-monospace,monospace;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(34,211,238,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.06) 0%,transparent 40%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:grid-drift 20s linear infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:1.5rem 1rem .5rem}.app-header h1{font-size:clamp(1.6rem,5vw,2.8rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--purple-light),var(--green),var(--purple));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 6s ease infinite;filter:drop-shadow(0 0 20px rgba(139,92,246,.4))}@keyframes title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-header .subtitle{font-size:.7rem;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:.25rem}.main-grid{flex:1;display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto;gap:1rem;max-width:1200px;width:100%;margin:0 auto;padding:1rem 1.5rem 2rem}.commit-area{grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:1rem}.stats-area{grid-column:2;grid-row:1}.bottom-area{grid-column:1 / -1;grid-row:2}.commit-section{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.commit-btn{position:relative;width:clamp(160px,28vw,220px);height:clamp(160px,28vw,220px);border-radius:50%;border:3px solid var(--purple);background:radial-gradient(circle at 35% 35%,#2d1a5e,#1a0e3e 60%,#0d0720);cursor:pointer;outline:none;font-family:inherit;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:transform .1s,box-shadow .2s;box-shadow:0 0 30px #8b5cf64d,0 0 60px #8b5cf626,inset 0 0 30px #8b5cf61a;animation:btn-pulse 3s ease-in-out infinite;z-index:2}.commit-btn:hover{box-shadow:0 0 40px #8b5cf680,0 0 80px #8b5cf640,inset 0 0 40px #8b5cf626;border-color:var(--purple-light)}.commit-btn:active{transform:scale(.94);box-shadow:0 0 50px #22d3ee80,0 0 100px #22d3ee33,inset 0 0 50px #22d3ee26;border-color:var(--green)}.commit-btn .btn-icon{font-size:2.4rem;display:block;margin-bottom:.3rem}.commit-btn .btn-label{font-size:.8rem;opacity:.9}.commit-btn .btn-power{font-size:.65rem;opacity:.6;margin-top:.2rem}@keyframes btn-pulse{0%,to{box-shadow:0 0 30px #8b5cf64d,0 0 60px #8b5cf626,inset 0 0 30px #8b5cf61a}50%{box-shadow:0 0 45px #8b5cf673,0 0 90px #8b5cf633,inset 0 0 40px #8b5cf626}}.commit-counter{text-align:center}.commit-counter .count{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--green-light),var(--purple-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(34,211,238,.4))}.commit-counter .label{font-size:.65rem;color:var(--text-dim);letter-spacing:.25em;text-transform:uppercase}.particles-container{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;pointer-events:none;z-index:10;overflow:visible}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none}.floating-number{position:absolute;pointer-events:none;font-weight:800;font-size:1.3rem;color:var(--green-light);text-shadow:0 0 10px var(--green),0 0 20px rgba(34,211,238,.4);z-index:11;white-space:nowrap}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s}.panel:hover{border-color:#8b5cf666}.panel-title{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--purple-light);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.panel-title .icon{font-size:1rem}.stats-panel{display:flex;flex-direction:column;gap:.6rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;background:#8b5cf60a;border-radius:8px;border:1px solid rgba(139,92,246,.08)}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:1rem;font-weight:700;color:var(--text-bright)}.stat-value.cps{color:var(--green-light)}.stat-value.prestige{color:var(--gold)}.stat-value.multiplier{color:var(--pink)}.prestige-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(139,92,246,.15)}.prestige-btn{width:100%;padding:.6rem;border-radius:8px;border:1px solid rgba(251,191,36,.3);background:#fbbf2414;color:var(--gold);font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s}.prestige-btn:hover:not(:disabled){background:#fbbf2426;border-color:var(--gold);box-shadow:0 0 20px #fbbf2433}.prestige-btn:disabled{opacity:.35;cursor:not-allowed}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.upgrade-card{position:relative;overflow:hidden;transition:all .2s}.upgrade-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf626}.upgrade-card .progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--green));border-radius:0 0 12px 12px;transition:width .3s ease}.upgrade-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.upgrade-info{flex:1}.upgrade-name{font-size:.85rem;font-weight:700;color:var(--text-bright)}.upgrade-level{font-size:.6rem;color:var(--text-dim);margin-top:.1rem}.upgrade-icon{font-size:1.6rem;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.upgrade-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.65rem}.upgrade-production{color:var(--green-light)}.upgrade-cost{color:var(--gold)}.buy-btn{width:100%;padding:.45rem;border-radius:6px;border:1px solid var(--border);background:#8b5cf61a;color:var(--purple-light);font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.05em}.buy-btn:hover:not(:disabled){background:#8b5cf633;border-color:var(--purple);box-shadow:0 0 15px #8b5cf626}.buy-btn:active:not(:disabled){transform:scale(.97)}.buy-btn:disabled{opacity:.3;cursor:not-allowed}.buy-btn.affordable{border-color:var(--green);color:var(--green-light);background:#22d3ee14}.buy-btn.affordable:hover{background:#22d3ee26;box-shadow:0 0 15px #22d3ee26}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.shop-item{position:relative;transition:all .2s}.shop-item:hover{transform:translateY(-2px)}.shop-item.purchased{opacity:.55;pointer-events:none}.shop-item.purchased .buy-btn{background:#22d3ee1a;border-color:#22d3ee33;color:var(--green)}.shop-item .item-name{font-size:.8rem;font-weight:700;color:var(--text-bright);margin-bottom:.2rem}.shop-item .item-desc{font-size:.6rem;color:var(--text-dim);margin-bottom:.4rem;line-height:1.4}.shop-item .item-cost{font-size:.65rem;color:var(--gold);margin-bottom:.4rem}.shop-item.epic{border-color:#fbbf2466;background:#fbbf2408}.shop-item.epic .item-name{color:var(--gold)}.shop-item.epic .epic-badge{font-size:.55rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.2rem}.achievements-row{display:flex;flex-wrap:wrap;gap:.5rem}.achievement{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:6px;font-size:.65rem;border:1px solid rgba(139,92,246,.15);background:#8b5cf60a;color:var(--text-dim);transition:all .3s}.achievement.unlocked{border-color:#22d3ee66;background:#22d3ee0f;color:var(--text-bright)}.achievement .ach-icon{font-size:.9rem}.achievement .ach-name{font-weight:600}.footer{text-align:center;padding:1.5rem 1rem 2rem;border-top:1px solid rgba(139,92,246,.1)}.footer-text{font-size:.65rem;color:var(--text-dim);margin-bottom:.6rem;letter-spacing:.1em}.footer-text a{color:var(--purple-light);text-decoration:none}.footer-text a:hover{text-decoration:underline}.share-buttons{display:flex;justify-content:center;gap:.5rem}.share-btn{padding:.4rem .8rem;border-radius:6px;border:1px solid var(--border);background:#8b5cf60f;color:var(--purple-light);font-family:inherit;font-size:.65rem;cursor:pointer;transition:all .2s;letter-spacing:.05em}.share-btn:hover{background:#8b5cf626;border-color:var(--purple)}.reset-btn{position:fixed;bottom:1rem;right:1rem;padding:.35rem .7rem;border-radius:6px;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:#ef444499;font-family:inherit;font-size:.6rem;cursor:pointer;transition:all .2s;z-index:100}.reset-btn:hover{background:#ef44441f;border-color:#ef444466;color:#ef4444}.notification-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.notification{padding:.6rem 1rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);font-size:.75rem;color:var(--text-bright);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #0006}@media(max-width:800px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:.75rem;gap:.75rem}.commit-area{grid-row:1}.stats-area{grid-column:1;grid-row:2}.bottom-area{grid-column:1;grid-row:3}.upgrades-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.commit-btn{width:150px;height:150px}.commit-btn .btn-icon{font-size:2rem}}@media(max-width:480px){.upgrades-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}