.header{background:linear-gradient(180deg,#0a1a0f,#112618);border-bottom:1px solid #2a5a2a;padding:12px 16px 14px;flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tier-badge{display:flex;align-items:center;gap:10px;background:#1a6b2a4d;border:1px solid #2a5a2a;border-radius:8px;padding:6px 12px}.tier-emoji{font-size:1.6rem;line-height:1}.tier-name{font-size:.85rem;font-weight:900;color:#d4af37;letter-spacing:.08em}.tier-label{font-size:.6rem;color:#7ab87a;letter-spacing:.1em}.share-btn{background:#d4af3726;border:1px solid #d4af37;color:#d4af37;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s}.share-btn:active{background:#d4af374d;transform:scale(.96)}.balance-section{text-align:center;margin:8px 0 12px}.balance-label{font-size:.6rem;color:#7ab87a;letter-spacing:.2em;margin-bottom:2px}.balance-amount{font-size:2.8rem;font-weight:900;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.5);line-height:1;letter-spacing:-.02em}.balance-sub{font-size:.75rem;color:#4cff88;letter-spacing:.15em;margin-top:2px}.stats-row{display:flex;gap:8px}.stat-pill{flex:1;background:#ffffff08;border:1px solid #2a5a2a;border-radius:6px;padding:6px 4px;text-align:center}.stat-val{font-size:.8rem;font-weight:700;color:#e8f5e8}.stat-lbl{font-size:.55rem;color:#7ab87a;letter-spacing:.1em;margin-top:1px}.tap-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px}.tap-btn{position:relative;width:230px;height:230px;border-radius:50%;border:4px solid var(--gold);background:radial-gradient(circle at 38% 38%,#2a7b3f,#0e3a20 70%,#081f12);box-shadow:0 0 0 1px #d4af3733,0 0 25px #d4af3740,0 4px 30px #0009,inset 0 1px #ffffff1a,inset 0 0 25px #00000080;cursor:pointer;transition:transform .07s ease,box-shadow .07s ease;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden}.tap-btn.pressing,.tap-btn:active{transform:scale(.88);box-shadow:0 0 0 2px #d4af3780,0 0 50px #d4af3799,inset 0 0 40px #d4af3726,inset 0 0 15px #0000004d}.tap-btn.warm{border-color:#ff9f00;box-shadow:0 0 30px #ff9f0066,0 4px 30px #0009}.tap-btn.hot{border-color:#f50;box-shadow:0 0 40px #ff550080,0 4px 30px #0009}.tap-btn.insane{border-color:#f04;box-shadow:0 0 60px #f049,0 0 100px #ff004440,0 4px 30px #0009;animation:insanePulse .4s ease-in-out infinite alternate}@keyframes insanePulse{0%{box-shadow:0 0 60px #f049,0 0 100px #ff004440}to{box-shadow:0 0 80px #ff0044e6,0 0 140px #f046}}.tap-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px;pointer-events:none}.tap-emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.tap-label{font-size:1.1rem;font-weight:900;letter-spacing:.3em;color:var(--gold);text-shadow:0 0 8px rgba(212,175,55,.6)}.tap-value{font-size:.8rem;color:var(--green-light);opacity:.9}.tap-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(212,175,55,.15);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ringPulse 3s ease-out infinite}.ring-a{width:115%;height:115%;animation-delay:0s}.ring-b{width:135%;height:135%;animation-delay:1.5s}@keyframes ringPulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.combo-counter{font-size:1.1rem;font-weight:900;letter-spacing:.05em;color:var(--gold);text-shadow:0 0 10px rgba(212,175,55,.8);animation:comboPop .25s ease-out;min-height:28px}.combo-counter.warm{color:#ff9f00;text-shadow:0 0 10px rgba(255,159,0,.8)}.combo-counter.hot{color:#f50;text-shadow:0 0 12px rgba(255,85,0,.9)}.combo-counter.insane{color:#f04;text-shadow:0 0 16px rgba(255,0,68,1);animation:comboPop .25s ease-out,insaneTextPulse .3s ease-in-out infinite alternate}@keyframes comboPop{0%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes insaneTextPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.tier-desc{font-size:.78rem;color:var(--text-dim);font-style:italic;text-align:center;opacity:.8}.progress-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.prog-tier{font-size:.7rem;color:var(--text-dim)}.prog-pct{font-size:.75rem;font-weight:700;color:var(--gold)}.progress-track{position:relative;height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden;margin-bottom:8px;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,#1a6b2a,#4cff88);border-radius:5px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:shimmer 2s linear infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#4cff88;border-radius:50%;box-shadow:0 0 8px #4cff88,0 0 16px #4cff8880;pointer-events:none}.progress-remaining{font-size:.65rem;color:var(--text-dim);text-align:center}.progress-max{text-align:center;font-size:1rem;font-weight:900;color:var(--gold);text-shadow:0 0 10px rgba(212,175,55,.6);margin-bottom:4px}.progress-max-sub{text-align:center;font-size:.7rem;color:var(--text-dim);font-style:italic}.upgrades{display:flex;flex-direction:column;gap:10px}.upgrades-title{font-size:1rem;font-weight:900;color:var(--gold);letter-spacing:.15em;text-align:center}.upgrades-sub{font-size:.65rem;color:var(--text-dim);text-align:center;font-style:italic;margin-top:-4px}.upg-card{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px;transition:border-color .2s,box-shadow .2s}.upg-card.affordable{border-color:#4cff884d;box-shadow:0 0 10px #4cff8814}.upg-card.maxed{border-color:#d4af3766;opacity:.8}.upg-emoji{font-size:2rem;flex-shrink:0}.upg-info{flex:1;min-width:0}.upg-name{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:2px}.upg-desc{font-size:.65rem;color:var(--text-dim);margin-bottom:6px}.upg-levels{display:flex;align-items:center;gap:4px}.level-pip{width:12px;height:6px;border-radius:3px;background:var(--border);transition:background .2s}.level-pip.on{background:var(--gold);box-shadow:0 0 4px #d4af3799}.level-txt{font-size:.6rem;color:var(--text-dim);margin-left:4px}.upg-buy-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:8px 10px;border-radius:8px;border:none;font-family:Courier New,monospace;cursor:pointer;transition:all .15s}.upg-buy-btn.can{background:linear-gradient(135deg,#1a6b2a,#2a8b3a);border:1px solid var(--green-light);color:#e8f5e8}.upg-buy-btn.can:active{transform:scale(.94)}.upg-buy-btn.cant{background:#ffffff08;border:1px solid var(--border);color:var(--text-dim);opacity:.5;cursor:not-allowed}.upg-buy-btn.max{background:#d4af3726;border:1px solid var(--gold);color:var(--gold);font-weight:900;font-size:.75rem;letter-spacing:.1em;cursor:default}.buy-cost{font-size:.75rem;font-weight:700}.buy-label{font-size:.6rem;letter-spacing:.1em;margin-top:1px;opacity:.8}.checkin-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.checkin-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.checkin-icon{font-size:1.1rem}.checkin-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--text-dim);flex:1}.streak-badge{background:#ff9f0026;border:1px solid rgba(255,159,0,.4);color:#ff9f00;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px}.checkin-btn{width:100%;padding:12px;border-radius:8px;border:none;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s}.checkin-btn.ready{background:linear-gradient(135deg,#1a6b2a,#2a8b3a);color:#e8f5e8;border:1px solid #4cff88;box-shadow:0 0 15px #4cff8833,0 2px 8px #0006;animation:checkPulse 2s ease-in-out infinite}.checkin-btn.ready:active{transform:scale(.97);box-shadow:0 0 25px #4cff8866}@keyframes checkPulse{0%,to{box-shadow:0 0 15px #4cff8833,0 2px 8px #0006}50%{box-shadow:0 0 25px #4cff8866,0 2px 8px #0006}}.checkin-btn.done{background:#ffffff08;color:var(--text-dim);border:1px solid var(--border);cursor:default;opacity:.6}.claimed-flash{display:flex;flex-direction:column;align-items:center;padding:8px 0;animation:claimedPop .4s ease-out}.claimed-amount{font-size:1.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 10px rgba(212,175,55,.6)}.claimed-sub{font-size:.65rem;color:var(--green-light);letter-spacing:.1em;margin-top:2px}@keyframes claimedPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-card{background:linear-gradient(160deg,#0d2a18,#0a1a0f);border:2px solid var(--gold);border-radius:16px;padding:28px 24px;width:100%;max-width:340px;box-shadow:0 0 60px #d4af374d,0 20px 60px #000c;animation:shareIn .3s ease-out}@keyframes shareIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.share-brand{display:flex;align-items:center;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:16px}.share-logo{font-size:1.8rem}.share-title{font-size:1.5rem;font-weight:900;color:var(--gold);letter-spacing:.1em}.share-tag{font-size:.55rem;color:var(--text-dim);letter-spacing:.15em;margin-left:auto}.share-tier-display{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:20px}.share-tier-emoji{font-size:2.5rem}.share-tier-name{font-size:1rem;font-weight:900;color:var(--gold);letter-spacing:.08em}.share-tier-label{font-size:.55rem;color:var(--text-dim);letter-spacing:.12em;margin-top:2px}.share-balance-section{text-align:center;margin-bottom:20px}.share-balance-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.2em;margin-bottom:4px}.share-balance{font-size:3.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.5);line-height:1}.share-balance-unit{font-size:.8rem;color:var(--green-light);letter-spacing:.2em;margin-top:4px}.share-stats-grid{display:flex;gap:8px;margin-bottom:20px}.share-stat-box{flex:1;background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:10px 6px;text-align:center}.ssb-val{font-size:1rem;font-weight:700;color:var(--text)}.ssb-lbl{font-size:.55rem;color:var(--text-dim);letter-spacing:.1em;margin-top:3px}.share-quote{text-align:center;font-size:.75rem;font-style:italic;color:var(--text-dim);line-height:1.5;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 0;margin-bottom:14px}.share-cta{text-align:center;font-size:.65rem;color:var(--green-light);letter-spacing:.08em;margin-bottom:16px}.share-close-btn{width:100%;padding:10px;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-family:Courier New,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s}.share-close-btn:active{background:#ffffff14}.leaderboard{display:flex;flex-direction:column;gap:10px}.lb-title{font-size:1rem;font-weight:900;color:var(--gold);letter-spacing:.15em;text-align:center}.lb-subtitle{font-size:.65rem;color:var(--text-dim);text-align:center;font-style:italic;margin-top:-4px}.lb-you-winner{background:#d4af371a;border:1px solid var(--gold);border-radius:8px;padding:8px;text-align:center;font-size:.8rem;font-weight:700;color:var(--gold)}.lb-list{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#d4af3714;border-left:3px solid var(--gold)}.lb-rank{font-size:.85rem;min-width:28px;text-align:center}.lb-tier-emoji{font-size:1rem}.lb-name{flex:1;font-size:.75rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row.me .lb-name{color:var(--gold);font-weight:700}.lb-amount{font-size:.75rem;font-weight:700;color:var(--green-light);flex-shrink:0}.lb-you-rank{text-align:center;font-size:.65rem;color:var(--text-dim)}:root{--bg: #0d2016;--bg2: #0f2a1a;--bg3: #122f1d;--green: #1a6b2a;--green-light: #4cff88;--gold: #d4af37;--gold-bright: #ffd700;--text: #e8f5e8;--text-dim: #7ab87a;--border: #2a5a2a;--red: #ff4444}.app{background:var(--bg);min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;position:relative;transition:background .5s ease}.app[data-tier="2"]{--bg: #0d2218}.app[data-tier="3"]{--bg: #0d2422}.app[data-tier="4"]{--bg: #0d1e2c}.app[data-tier="5"]{--bg: #0d1528}@keyframes shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-5px) rotate(-.4deg)}30%{transform:translate(5px) rotate(.4deg)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.app.shake{animation:shake .35s ease-in-out}.tab-nav{display:flex;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-shrink:0}.tab-btn{flex:1;padding:11px 4px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s;margin-bottom:-1px}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.main-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 12px 24px;overflow-y:auto}@keyframes flyUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{opacity:1;transform:translate(-50%,calc(-50% - 30px)) scale(1.15)}to{opacity:0;transform:translate(-50%,calc(-50% - 85px)) scale(.8)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0d2016;color:#e8f5e8;font-family:Courier New,Courier,monospace;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow-x:hidden}#root{height:100%}
