/* سبونج لايف — Sponge Coins: balance pill, reward celebration (shared by home and «لوحة التحكم») */
.sc-pill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px 0 6px;border-radius:999px;border:1px solid rgba(255,214,42,.55);
  background:linear-gradient(180deg,rgba(255,214,42,.16),rgba(255,214,42,.05));color:#FFE98A;font:900 15px/1 "Tajawal",system-ui,sans-serif;text-decoration:none;white-space:nowrap;
  box-shadow:0 0 18px -8px rgba(255,214,42,.9)}
.sc-pill img{width:28px;height:28px;filter:drop-shadow(0 0 4px rgba(56,212,255,.6))}
.sc-pill:hover{border-color:#FFE14D;color:#fff}
.sc-pill[hidden]{display:none}
[data-coin-balance].is-bump{animation:sc-bump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes sc-bump{40%{transform:scale(1.25);color:#fff}}

.sc-pop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(1,6,20,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:sc-fade .25s ease both}
.sc-pop.is-out{animation:sc-fade .2s ease reverse both}
.sc-pop-card{position:relative;width:min(380px,100%);padding:26px 22px 22px;border-radius:28px;text-align:center;color:#EAF8FF;
  background:radial-gradient(120% 80% at 50% 0,rgba(255,214,42,.22),transparent 60%),linear-gradient(180deg,#0E2A66,#061A44);
  border:1px solid rgba(255,214,42,.55);box-shadow:0 0 0 1px rgba(140,232,255,.2) inset,0 30px 80px -20px #000,0 0 60px -20px rgba(255,214,42,.8);
  animation:sc-rise .45s cubic-bezier(.3,1.5,.5,1) both}
.sc-pop-coin{display:block;margin:-74px auto 4px;width:120px;height:120px;filter:drop-shadow(0 0 22px rgba(255,214,42,.8));animation:sc-spin 1.1s cubic-bezier(.3,1.3,.5,1) both}
.sc-pop h2{margin:6px 0 2px;font:900 22px/1.3 "Tajawal",system-ui,sans-serif}
.sc-plus{margin:2px 0;font:900 54px/1.1 "Tajawal",system-ui,sans-serif;color:#FFE14D;text-shadow:0 0 22px rgba(255,214,42,.8);animation:sc-pop .6s .2s cubic-bezier(.3,1.7,.5,1) both}
.sc-unit,.sc-bal,.sc-next{margin:4px 0;color:rgba(234,248,255,.8);font-weight:700}
.sc-bal{color:#fff;font-weight:900}
.sc-next b{color:#8CE8FF;font-variant-numeric:tabular-nums}
.sc-ok{margin-top:14px;width:100%;height:52px;border:0;border-radius:16px;background:linear-gradient(180deg,#FFF27D,#FFD62A 55%,#FFB800);color:#0A1A3D;font:900 18px "Tajawal",system-ui,sans-serif;box-shadow:0 4px 0 #C98A00;cursor:pointer}
.sc-ok:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sc-burst{position:absolute;left:50%;top:20px;width:0;height:0;pointer-events:none}
.sc-fly{position:absolute;left:-16px;top:0;width:32px;height:32px;opacity:0;animation:sc-fly 1.3s var(--d,0s) cubic-bezier(.2,.8,.3,1) both}
@keyframes sc-fly{0%{opacity:0;transform:translate(0,40px) scale(.4) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--r))}}
@keyframes sc-fade{from{opacity:0}to{opacity:1}}
@keyframes sc-rise{from{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:none}}
@keyframes sc-spin{from{transform:rotateY(540deg) scale(.4)}to{transform:none}}
@keyframes sc-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sc-pop,.sc-pop-card,.sc-pop-coin,.sc-plus,.sc-fly,[data-coin-balance].is-bump{animation:none}}