:root{--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--accent: #f5c842;--accent-dark: #c9a01a;--accent-glow: rgba(245, 200, 66, .3);--text-primary: #eaeaea;--text-secondary: #a0a0b0;--coin-bg: linear-gradient(145deg, #f5c842, #c9a01a);--coin-shadow: 0 0 40px rgba(245, 200, 66, .35);--danger: #e74c3c;--success: #4caf50;--radius: 16px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(160deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;overflow-x:hidden}.app{width:100%;max-width:430px;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 20px 30px;position:relative}.header{text-align:center;margin-bottom:24px}.logo{font-size:28px;font-weight:800;color:var(--accent);letter-spacing:1px;text-shadow:0 0 20px var(--accent-glow)}.subtitle{font-size:13px;color:var(--text-secondary);margin-top:6px;font-style:italic}.balance-section{text-align:center;margin-bottom:8px;position:relative}.balance-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:600}.balance-value{font-size:36px;font-weight:900;color:var(--text-primary);margin-top:4px;text-shadow:0 0 15px rgba(255,255,255,.1);transition:transform .12s ease}.balance-value span{color:var(--accent)}.balance-value.bump{transform:scale(1.08)}.income-info{display:flex;justify-content:center;gap:12px;margin-top:2px;min-height:18px}.per-click{font-size:12px;color:var(--accent);font-weight:600}.auto-income{font-size:12px;color:var(--success);font-weight:600}.fun-phrase{font-size:13px;color:var(--text-secondary);margin-top:8px;min-height:20px;opacity:.8;font-style:italic;transition:opacity .3s}.balance-flash{animation:flashGreen .6s ease}@keyframes flashGreen{0%{box-shadow:0 0 16px #4caf50b3;border-radius:8px}to{box-shadow:none}}.coin-area{flex:1;display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding:20px 0}.coin{width:200px;height:200px;border-radius:50%;background:var(--coin-bg);border:4px solid var(--accent-dark);box-shadow:var(--coin-shadow),inset 0 4px 12px #ffffff40,inset 0 -4px 12px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .1s ease,box-shadow .15s ease;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.coin:hover{box-shadow:var(--coin-shadow),0 0 60px #f5c84273,inset 0 4px 12px #ffffff40,inset 0 -4px 12px #0000004d}.coin:active,.coin.pressed{transform:scale(.92);box-shadow:0 0 20px #f5c84233,inset 0 4px 12px #ffffff40,inset 0 -4px 12px #0000004d}.coin.combo-active{box-shadow:0 0 60px #f5c84299,0 0 30px #f5c84266,inset 0 4px 12px #ffffff40,inset 0 -4px 12px #0000004d}.coin-text{font-size:28px;font-weight:900;color:#1a1a2e;text-shadow:0 1px 2px rgba(255,255,255,.2);letter-spacing:3px}.float-text{position:absolute;font-size:20px;font-weight:800;color:var(--accent);pointer-events:none;animation:floatUp .9s ease-out forwards;text-shadow:0 0 10px var(--accent-glow);z-index:10;transform:translate(-50%);white-space:nowrap}.float-text.combo-float{font-size:24px;color:#fff;text-shadow:0 0 15px var(--accent-glow),0 0 30px rgba(245,200,66,.5)}.coin-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);pointer-events:none;animation:particleFly .6s ease-out forwards;z-index:10}@keyframes floatUp{0%{opacity:1;top:30%;transform:translate(-50%) scale(1)}to{opacity:0;top:0%;transform:translate(-50%) scale(1.3)}}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.donate-section{margin:16px 0 0;display:flex;flex-direction:column;align-items:center;gap:8px}.donate-btn,.ach-btn,.upgrade-btn{background:var(--bg-card);color:var(--accent);border:1px solid rgba(245,200,66,.3);padding:12px 28px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.donate-btn:hover,.ach-btn:hover,.upgrade-btn:hover{background:#f5c8421f;border-color:var(--accent);transform:translateY(-1px)}.upgrade-btn{border-color:#6495ed4d;color:#6495ed}.upgrade-btn:hover{border-color:#6495ed;background:#6495ed1f}.ach-btn{border-color:#4caf504d;color:var(--success)}.ach-btn:hover{border-color:var(--success);background:#4caf501f}.ach-count{font-size:11px;opacity:.7;margin-left:4px}.feed-counter{font-size:12px;color:var(--text-secondary);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:28px 24px;max-width:380px;width:90%;transform:scale(.9) translateY(20px);transition:transform .25s ease;max-height:80vh;overflow-y:auto}.modal-overlay.visible .modal{transform:scale(1) translateY(0)}.modal h2{font-size:22px;color:var(--accent);margin-bottom:20px;text-align:center}.modal-close{display:block;margin:20px auto 0;background:var(--accent);color:var(--bg-primary);border:none;padding:10px 32px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit}.modal-close:hover{opacity:.85}.modal-wide{max-width:560px}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-balance{text-align:center;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:12px}.feed-item{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color .2s}.feed-item.disabled{opacity:.4;pointer-events:none}.feed-emoji{font-size:28px;flex-shrink:0}.feed-info{flex:1}.feed-name{font-size:15px;font-weight:600;color:var(--text-primary)}.feed-cost{font-size:12px;color:var(--accent);margin-top:2px}.feed-buy-btn{background:var(--accent);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;flex-shrink:0}.feed-buy-btn:hover{opacity:.85}.feed-error{color:var(--danger);text-align:center;font-size:13px;font-weight:600;min-height:20px;margin-top:8px}.buy-coins-btn{display:block;width:100%;margin-top:16px;padding:12px;background:linear-gradient(135deg,#f5c842,#e6a817);color:#1a1a2e;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;text-align:center}.buy-coins-btn:hover{opacity:.85}.coin-packages{display:flex;flex-direction:column;gap:12px}.toggle-container{display:flex;gap:0;margin-bottom:20px;background:#ffffff0f;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.toggle-btn{flex:1;padding:10px 0;background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn.active{background:var(--accent);color:var(--bg-primary)}.toggle-btn:not(.active):hover{background:#ffffff0f;color:var(--text-primary)}.coin-package{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:14px 16px}.coin-pkg-emoji{font-size:28px;flex-shrink:0}.coin-pkg-info{flex:1}.coin-pkg-name{font-size:15px;font-weight:600;color:var(--text-primary)}.coin-pkg-amount{font-size:12px;color:var(--accent);margin-top:2px}.coin-get-btn{background:var(--accent);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;flex-shrink:0}.coin-get-btn:hover{opacity:.85}.custom-amount-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.custom-amount-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.custom-amount-row{display:flex;gap:10px;align-items:center}.custom-amount-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;width:100%;-moz-appearance:textfield}.custom-amount-input::-webkit-outer-spin-button,.custom-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-amount-input:focus{border-color:var(--accent)}.custom-amount-input.error{border-color:var(--danger)}.custom-amount-btn{background:var(--accent);color:var(--bg-primary);border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;white-space:nowrap;flex-shrink:0}.custom-amount-btn:hover{opacity:.85}.custom-amount-hint{font-size:11px;color:var(--text-secondary);margin-top:6px}.custom-amount-error{color:var(--danger);font-size:12px;margin-top:4px;min-height:16px}.custom-amount-price{font-size:12px;color:var(--accent);margin-top:4px}.achievements-modal-count{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.achievements-modal-grid{display:grid;grid-template-columns:1fr;gap:10px}.achievement-card{background:var(--bg-card);border:1px solid rgba(245,200,66,.2);border-radius:var(--radius-sm);padding:12px;display:flex;align-items:center;gap:10px;transition:all .3s;opacity:0;transform:translateY(10px);animation:achFadeSlideIn .35s ease forwards}.achievement-card.unlocked{border-color:#4caf504d;box-shadow:0 0 8px #4caf5026}.achievement-card.locked{opacity:.45;border-color:#ffffff0f;filter:grayscale(.6)}@keyframes achFadeSlideIn{to{opacity:1;transform:translateY(0)}}.achievement-card.locked{animation-name:achFadeSlideInLocked}@keyframes achFadeSlideInLocked{to{opacity:.45;transform:translateY(0)}}.ach-emoji{font-size:24px;flex-shrink:0}.ach-info{flex:1;min-width:0}.ach-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ach-threshold{font-size:10px;color:var(--text-secondary);margin-top:2px}.ach-progress-bar{width:100%;height:3px;background:#ffffff14;border-radius:2px;margin-top:6px;overflow:hidden}.ach-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.ach-check{color:var(--success);font-size:16px;font-weight:700;flex-shrink:0}.achievement-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-120px) scale(.8);background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:14px 24px;display:flex;align-items:center;gap:12px;z-index:400;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 30px var(--accent-glow),0 0 60px #f5c84226}.achievement-notification.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.ach-notif-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-sm);background:var(--accent);opacity:0;z-index:-1;animation:notifPulse 1.5s ease-in-out infinite}@keyframes notifPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.ach-notif-emoji{font-size:32px;animation:notifBounceEmoji .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes notifBounceEmoji{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.ach-notif-info{display:flex;flex-direction:column}.ach-notif-label{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:600;background:linear-gradient(90deg,var(--accent),#ffe082,var(--accent));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:notifShimmer 2s linear infinite}@keyframes notifShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ach-notif-name{font-size:14px;font-weight:700;color:var(--text-primary)}.feed-animation{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s ease}.feed-animation.visible{opacity:1;pointer-events:auto}.feed-anim-emoji{font-size:80px;animation:feedBounce .6s ease infinite alternate}.feed-anim-text{font-size:20px;font-weight:700;color:var(--accent);margin-top:16px}.combo-indicator{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:15}.combo-indicator.visible{opacity:1}.combo-mult{font-size:22px;font-weight:900;color:#fff;text-shadow:0 0 10px var(--accent-glow),0 0 20px rgba(245,200,66,.4);animation:comboPulse .4s ease infinite alternate}.combo-hits{font-size:11px;color:var(--accent);font-weight:600;margin-top:2px}@keyframes feedBounce{0%{transform:scale(1) rotate(0)}to{transform:scale(1.15) rotate(-5deg)}}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@media(min-width:768px){.coin{width:230px;height:230px}.coin-text{font-size:32px}.balance-value{font-size:42px}.achievements-modal-grid{grid-template-columns:repeat(3,1fr)}}.upgrade-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.upgrade-item{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color .2s}.upgrade-item.owned{border-color:#4caf5040;opacity:.7}.upgrade-item.disabled:not(.owned){opacity:.4}.upgrade-emoji{font-size:28px;flex-shrink:0}.upgrade-info{flex:1}.upgrade-name{font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-effect{font-size:12px;color:var(--accent);margin-top:2px}.upgrade-cost{font-size:11px;color:var(--text-secondary);margin-top:2px}.upgrade-buy-btn{background:var(--accent);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;flex-shrink:0}.upgrade-buy-btn:hover:not(:disabled){opacity:.85}.upgrade-buy-btn:disabled{opacity:.4;cursor:not-allowed}.upgrade-item.just-bought{opacity:1;animation:upgradeBought 1s ease-out forwards}@keyframes upgradeBought{0%{background:#4caf5059;box-shadow:0 0 16px #4caf5080}to{background:#ffffff0a;box-shadow:none}}
