/* coin-burst.css — v28: «+1» صغير يطير للعدّاد + حلقة تقدّم الصندوق + شريط الصندوق أعلى الشاشة */
.plus-fly{position:fixed;z-index:40;pointer-events:none;transform:translate(-50%,-50%);font:800 18px Poppins,Cairo,sans-serif;color:#FFD34D;text-shadow:0 0 12px #FFB54799,0 2px 6px #000a;opacity:0;will-change:transform,opacity}
.plus-fly.big{font-size:24px}
.points-pill.coin-hit{animation:coinHit .4s ease-out}
.points-pill.coin-hit .coin{animation:coinSpin .4s ease-out}
@keyframes coinHit{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes coinSpin{to{transform:rotate(360deg)}}

/* حلقة التقدّم حول نجمة العدّاد: تمتلئ مع كل فيديو حتى الصندوق (10 فيديوهات) */
.points-pill.ringed .coin{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;font-size:12px}
.points-pill.ringed .coin:before{content:'';position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(#FFD34D var(--ring,0%),#ffffff33 0);transition:background .4s;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}

/* صندوق المكافأة: شريط صغير أعلى الشاشة — لا يغطي الفيديو ولا يمنع اللمس */
.chest-pop{position:fixed;z-index:41;left:50%;top:calc(100px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:10px;
  padding:8px 14px 8px 10px;border-radius:18px;pointer-events:none;direction:rtl;white-space:nowrap;
  background:linear-gradient(135deg,#2A1356ee,#160D33ee);border:1px solid #FFB54766;box-shadow:0 8px 24px #0008,0 0 24px #FFB54733;
  animation:chestIn .35s cubic-bezier(.2,1.4,.4,1)}
.chest-pop.out{opacity:0;transform:translate(-50%,-10px);transition:all .35s}
.cp-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#1b1200;background:linear-gradient(135deg,#FFE58A,#FFB547);flex-shrink:0}
.chest-pop div{display:flex;flex-direction:column;line-height:1.25}
.chest-pop b{font-size:15px;color:#FFD34D}
.chest-pop small{font-size:11px;color:#CFD2E6}
@keyframes chestIn{from{transform:translate(-50%,-14px) scale(.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.chest-pop{animation:none}}