:root{--bg:#0a0a1a;--panel:#14142b;--panel-2:#1c1c38;--accent:#7c5cff;--accent-2:#38d6ff;--text:#e8e8f8;--muted:#9a9ac0;--afford:#46e5a0;--danger:#ff5c7a;--glow:#7c5cff99}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:radial-gradient(circle at 30% 20%, #1a1a3a 0%, var(--bg) 60%);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.topbar{background:linear-gradient(#14142be6,#0000);align-items:center;gap:24px;padding:16px 24px;display:flex}.title{letter-spacing:1px;background:linear-gradient(90deg, var(--accent-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px}.energy-display{flex-direction:column;line-height:1;display:flex}.energy-value{font-size:28px;font-weight:700}.energy-label{color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-size:12px}.per-second{color:var(--accent-2);margin-left:auto;font-size:16px}.layout{flex:1;gap:24px;min-height:0;padding:8px 24px;display:flex}.clicker-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.orb{cursor:pointer;background:radial-gradient(circle at 35% 30%, #b39bff, var(--accent) 55%, #3a2b8f 100%);width:240px;height:240px;box-shadow:0 0 60px var(--glow), inset 0 0 40px #0006;border:none;border-radius:50%;outline:none;transition:transform 60ms;position:relative}.orb:active{transform:scale(.94)}.orb-glow{background:radial-gradient(circle, var(--glow), transparent 70%);z-index:-1;border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:-20px}.orb-core{color:#fff;text-shadow:0 0 20px #fff;pointer-events:none;font-size:80px;line-height:240px;animation:20s linear infinite spin}.donate-banner{letter-spacing:1px;color:var(--accent-2);text-shadow:0 0 16px var(--glow), 0 0 30px var(--glow);margin-bottom:8px;font-size:22px;font-weight:700;animation:1.6s ease-in-out infinite donate-glow,2s ease-in-out infinite donate-bounce}@keyframes donate-glow{0%,to{color:var(--accent-2);text-shadow:0 0 16px var(--glow)}50%{color:#fff;text-shadow:0 0 28px var(--glow), 0 0 48px var(--glow)}}@keyframes donate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.click-power{color:var(--muted);font-size:16px}.prestige-area{text-align:center;flex-direction:column;gap:8px;margin-top:24px;display:flex}.prestige-info{color:var(--accent-2);font-size:14px}.prestige-btn{border:1px solid var(--accent-2);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .15s}.prestige-btn:not(:disabled):hover{background:var(--accent-2);color:#06121f}.prestige-btn:disabled{opacity:.4;cursor:not-allowed}.upgrade-panel{background:var(--panel);border-radius:16px;width:340px;padding:16px;overflow-y:auto;box-shadow:-8px 0 30px #0006}.upgrade-panel h2{margin:0 0 8px;font-size:18px}.customization-panel{background:var(--panel);border-radius:16px;width:340px;padding:16px;overflow-y:auto;box-shadow:-8px 0 30px #0006}.customization-panel h2{margin:0 0 8px;font-size:18px}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:12px 0 8px;font-size:13px}.upgrade-list{flex-direction:column;gap:10px;display:flex}.upgrade-card{background:var(--panel-2);border:1px solid #0000;border-radius:10px;padding:12px;transition:border-color .15s,box-shadow .15s}.upgrade-card.affordable{border-color:var(--afford);box-shadow:0 0 12px #46e5a040}.upgrade-header{justify-content:space-between;align-items:baseline;display:flex}.upgrade-name{font-size:15px;font-weight:600}.upgrade-level{color:var(--accent-2);font-size:12px}.upgrade-desc{color:var(--muted);margin:4px 0 8px;font-size:12px}.upgrade-footer{justify-content:space-between;align-items:center;display:flex}.upgrade-cost{color:var(--text);font-size:13px;font-weight:600}.buy-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:filter .15s}.buy-btn:not(:disabled):hover{filter:brightness(1.15)}.buy-btn:disabled{color:var(--muted);cursor:not-allowed;background:#2a2a44}.progress-bar{background:#ffffff14;border-radius:3px;height:4px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--afford), var(--accent-2));width:0%;height:100%;transition:width .2s}.footer{color:var(--muted);align-items:center;gap:16px;padding:12px 24px;font-size:13px;display:flex}.reset-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px}.reset-btn:hover{background:var(--danger);color:#1a0610}.save-status{opacity:.6}.footer-credits{opacity:.5;margin-left:auto}.particle{width:var(--particle-size,8px);height:var(--particle-size,8px);background:var(--particle-color,#4fd1ff);pointer-events:none;z-index:9999;border-radius:50%;animation:.6s ease-out forwards particle-fly;position:fixed}body[data-particle-shape=square] .particle{border-radius:2px}body[data-particle-shape=star] .particle{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0}.floating-text{color:#fff;text-shadow:0 0 8px var(--glow);pointer-events:none;z-index:9998;font-size:20px;font-weight:700;animation:.9s ease-out forwards float-up;position:fixed}.toast{background:var(--panel-2);border:1px solid var(--accent);color:var(--text);z-index:10000;border-radius:10px;padding:12px 20px;font-size:14px;animation:.3s ease-out toast-in;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2);opacity:0}}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 60px))}}.cat-tabs{background:#ffffff0f;border-radius:12px;gap:0;margin-bottom:12px;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.cat-tab{z-index:1;color:var(--muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;margin:0;padding:8px;font-size:13px;font-weight:600;line-height:1.1;transition:color .2s;position:relative}.cat-tab:hover,.cat-tab.active{color:var(--text)}.segment-knob{width:calc((100% - 6px) / var(--n));z-index:0;background:var(--accent);transform:translateX(var(--dx,3px));border-radius:9px;transition:transform .28s cubic-bezier(.33,1,.68,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px 1px #fff6,0 2px 5px #0000004d}.customization-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.customization-group{flex-direction:column;gap:12px;width:100%;display:flex}.customization-card{background:var(--panel-2);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.customization-card.unowned{border-color:#ffffff14}.customization-card.owned{border-color:var(--accent-2)}.customization-card.active{border-color:var(--afford);box-shadow:0 0 16px #46e5a040}.customization-card.equippable{cursor:pointer}.customization-name{color:var(--text);font-size:15px;font-weight:600}.customization-desc{color:var(--muted);min-height:30px;font-size:12px}.customization-price{color:var(--accent-2);font-size:13px;font-weight:600}.customization-prestige{min-height:18px;color:var(--muted);font-size:12px}.customization-prestige.ready{color:var(--afford)}.customization-prestige.locked{color:var(--danger)}body[data-button-theme=cyberpink] .buy-btn{background:linear-gradient(90deg,#ff2d95,#ff6ec7)}body[data-button-theme=matrix] .buy-btn{color:#04140c;background:linear-gradient(90deg,#0f8,#00c86b)}body[data-button-theme=gold] .buy-btn{color:#1a1200;background:linear-gradient(90deg,gold,#ff9d2e)}body[data-button-theme=neon] .buy-btn{color:#03121a;background:linear-gradient(90deg,#46e5a0,#2bb8ff)}body[data-button-theme=cyberpink] .orb{background:radial-gradient(circle at 35% 30%,#ffb3dc,#ff2d95 55%,#6a0038 100%);box-shadow:0 0 60px #ff2d95b3,inset 0 0 40px #0006}body[data-button-theme=cyberpink] .orb-glow{background:radial-gradient(circle,#ff2d95b3,#0000 70%)}body[data-button-theme=matrix] .orb{background:radial-gradient(circle at 35% 30%,#afc,#0f8 55%,#003d1f 100%);box-shadow:0 0 60px #00ff88b3,inset 0 0 40px #0006}body[data-button-theme=matrix] .orb-glow{background:radial-gradient(circle,#00ff88b3,#0000 70%)}body[data-button-theme=gold] .orb{background:radial-gradient(circle at 35% 30%,#ffe98a,gold 55%,#7a4d00 100%);box-shadow:0 0 60px #ffd700b3,inset 0 0 40px #0006}body[data-button-theme=gold] .orb-glow{background:radial-gradient(circle,#ffd700b3,#0000 70%)}body[data-button-theme=neon] .orb{background:radial-gradient(circle at 35% 30%,#b6ffd9,#46e5a0 55%,#125a7a 100%);box-shadow:0 0 60px #46e5a0b3,inset 0 0 40px #0006}body[data-button-theme=neon] .orb-glow{background:radial-gradient(circle,#46e5a0b3,#0000 70%)}body[data-button-theme] .buy-btn:disabled{color:var(--muted);background:#2a2a44}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-2));border:2px solid var(--panel);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--accent-2), var(--accent));box-shadow:0 0 10px var(--glow)}::-webkit-scrollbar-corner{background:var(--panel)}