/* لوحة المكافآت + احتفال الملصق. لحذفها: أزل سطرها من index.html */
.rw{margin:8px 0 14px}
.rw-who{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.rw-who b{display:block;font-size:1.35em}.rw-who small{color:var(--mut)}
.rw-ring{position:relative;width:78px;height:78px;border-radius:50%;border:3px solid var(--p);background:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:visible}
.rw-ring img{width:70px;height:70px;border-radius:50%}
.rw-edit{position:absolute;bottom:-2px;left:-2px;background:var(--p);color:#fff;border-radius:50%;width:24px;height:24px;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.rw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rw-card{background:#fff;border:1.5px solid var(--bd);border-radius:18px;padding:12px;box-shadow:0 3px 0 #dbe9e2;min-height:190px;display:flex;flex-direction:column;min-width:0}
.rw-card h3{margin:0 0 6px;font-size:14px;white-space:nowrap;color:var(--p)}
.rw-card h3.or{color:#e5702a}
.rw-big{display:flex;align-items:baseline;gap:6px;margin-top:8px}.rw-big b{font-size:44px;line-height:1;color:var(--p)}.rw-big span{font-size:13px;color:var(--mut)}
.rw-sub{margin-top:auto;font-size:12px;color:var(--mut)}
.rw-two{padding:8px;gap:6px}
.rw-t{flex:1;border-radius:12px;text-align:center;padding:4px;display:flex;flex-direction:column;justify-content:center}
.rw-t small{font-size:11px;font-weight:700;color:#45645a}.rw-t b{font-size:26px;line-height:1.1}.rw-t em{font-style:normal;font-size:11px;font-weight:700}
.rw-t.g1{background:#e3f4ec}.rw-t.g1 b{color:var(--p)}.rw-t.g2{background:#fdeadb}.rw-t.g2 b{color:#d9631a}
.rw-bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}
.rw-bg small{display:block;font-weight:800;font-size:12px;color:#456}
.rw-ic{display:inline-flex}
.rw-tg{margin-top:auto;padding:6px 0 0;border:0;background:none;display:flex;justify-content:space-between;align-items:center;font:inherit;font-size:12px;font-weight:700;color:var(--p);cursor:pointer;width:100%}
.rw-tg b{background:var(--p);color:#fff;border-radius:99px;padding:0 10px}
.rw-last{align-items:center;text-align:center;justify-content:center}.rw-last h3{align-self:flex-start}
.rw-last svg{margin:auto 0 4px}.rw-last em{font-style:normal;font-weight:800;margin-bottom:auto}.rw-empty{color:var(--mut);margin:auto 0!important}
.rw-dd{grid-column:1/-1;min-height:0;background:#f4faf7}
.rw-dd[hidden]{display:none}
.rw-rank{margin-top:10px;min-height:0}
.rw-rw{display:flex;align-items:center;gap:10px;background:#f1f8f5;border-radius:12px;padding:5px 8px;margin-top:6px;font-weight:700}
.rw-rw span{flex:1}.rw-rw.me{background:#fff6cc;border:2.5px solid #f0c431}
.rw-n{width:28px;height:28px;border-radius:50%;background:#cfd8d3;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center}
.rw-n.n1{background:#f0b400}.rw-rw.me .rw-n{background:var(--p)}
.rw-avgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.rw-av{border:2px solid transparent;background:#f4faf7;border-radius:14px;padding:6px;cursor:pointer;font:inherit;text-align:center}
.rw-av.sel{border-color:var(--p);background:#e3f4ec}.rw-av small{display:block;font-weight:700;font-size:12px}
@media (min-width:760px){
  .rw-grid{gap:14px}.rw-card{min-height:220px;padding:16px}.rw-card h3{font-size:16px}
  .rw-big b{font-size:56px}.rw-t b{font-size:32px}.rw-bgrid{grid-template-columns:repeat(8,1fr)}.rw-grid .rw-card .rw-bgrid{grid-template-columns:repeat(4,1fr)}.rw-dd .rw-bgrid{grid-template-columns:repeat(8,1fr)}
}
/* الاحتفال */
.cel{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,40,30,.35);cursor:pointer;animation:celbg .3s ease both}
.cel.out{opacity:0;transition:opacity .25s}
.cel-badge{width:min(68vmin,360px);height:min(68vmin,360px);display:flex;align-items:center;justify-content:center;animation:celpop 1.2s cubic-bezier(.2,1.4,.4,1) both,celspin 1.1s .2s ease-in-out both,celpulse 1s 1.4s ease-in-out infinite}
.cel-badge svg{width:100%;height:100%;filter:drop-shadow(0 12px 26px rgba(0,0,0,.35))}
.cel-t{color:#fff;font-weight:800;font-size:clamp(26px,7vmin,44px);margin-top:14px;text-shadow:0 3px 10px rgba(0,0,0,.45)}
.cel-s{color:#fff;font-size:clamp(16px,4vmin,24px);text-shadow:0 2px 8px rgba(0,0,0,.45)}
@keyframes celbg{from{background:rgba(10,40,30,0)}}
@keyframes celpop{0%{transform:scale(.1);opacity:0}60%{opacity:1}100%{transform:scale(1)}}
@keyframes celspin{0%{rotate:0deg}100%{rotate:360deg}}
@keyframes celpulse{50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.cel-badge{animation:celpop .3s both}}
/* الملصقات تتقلّص لتناسب عرض البطاقة على الجوال الصغير */
.rw-bg{min-width:0}
.rw-ic{display:flex;justify-content:center;width:100%}
.rw-ic svg{width:100%;height:auto;max-width:44px;aspect-ratio:1}
.rw-last .rw-ic{width:auto}.rw-last .rw-ic svg{max-width:84px;width:84px}
.rw-last em{padding:0 4px;font-size:14px;line-height:1.5}
.rw-tg{gap:4px;font-size:11.5px}.rw-tg span,.rw-tg b{white-space:nowrap}.rw-tg b{padding:0 7px}
.rw-of{font-size:20px;color:var(--mut);font-weight:800}.rw-who small{font-size:12px}.rw-big{align-items:baseline;justify-content:flex-end}