.coin-balance{right:1.25rem;top:calc(1.25rem + var(--safe-area-inset-top,env(safe-area-inset-top)));z-index:10;font-family:var(--font-fredoka), sans-serif;font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;font-size:13px;font-weight:600;display:flex;position:absolute}.coin-balance-icon{filter:drop-shadow(0 1px #121417);width:20px;height:20px}.page-coins .coin-balance{position:relative;top:auto;right:auto}.coin-pop{animation:.4s cubic-bezier(.3,1.8,.5,1) coin-pop}.coin-gain{color:var(--foreground);text-shadow:0 1px 0 var(--border);white-space:nowrap;pointer-events:none;margin-top:2px;font-size:14px;font-weight:600;animation:.8s ease-out forwards coin-gain;position:absolute;top:100%;right:0}@keyframes coin-pop{30%{scale:1.15}}@keyframes coin-gain{0%{opacity:0;translate:0 6px}20%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 -10px}}.coin-count-up{transform-origin:100%;animation:1.4s cubic-bezier(.3,1.5,.5,1) coin-count-up}.coin-count-up>span{color:#ffd84a;text-shadow:0 0 10px #ffc83d99;transition:color .3s,text-shadow .3s}.coin-count-up .coin-balance-icon{animation:1.4s ease-out coin-count-spin}.coin-count-up .coin-gain{color:#ffd84a;text-shadow:0 1px #121417,0 0 8px #ffc83d99;margin-top:4px;font-size:16px;animation:1.4s ease-out forwards coin-count-gain}@keyframes coin-count-up{12%{scale:1.25}55%{scale:1.25}66%{scale:1.55}80%{scale:.95}to{scale:1}}@keyframes coin-count-gain{0%{opacity:0;translate:0 10px}15%{opacity:1;translate:0}55%{opacity:1;translate:0}to{opacity:0;translate:0 -14px}}@keyframes coin-count-spin{to{rotate:720deg}}@media (prefers-reduced-motion:reduce){.coin-count-up,.coin-count-up .coin-balance-icon{animation:none}}@media (min-width:1024px){.coin-balance{top:1.5rem;right:1.5rem}}
