.join-gift{background:#222018;border:1px solid #6e582e;border-radius:7px;margin-bottom:1.25rem;padding:11px 14px}.join-gift-heading{font:400 16px/1.3 var(--font-lilita), sans-serif;white-space:nowrap;margin:0 0 6px;display:flex}.join-gift-heading strong{text-overflow:ellipsis;color:#f8cc47;min-width:0;margin-right:.25em;font-weight:400;overflow:hidden}.join-gift-offer{align-items:center;gap:10px;display:flex}.join-gift-offer p{color:#eddcb1;margin:0;font-size:12px;line-height:1.25}.join-gift-offer small{color:#a69d84;font-size:10px;line-height:1.25;display:block}
.coin-balance{right:1.25rem;top:calc(1.25rem + 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}}