/* Siyum celebration + Siyum row on the badge shelf (v10) */
.sy{text-align:center;padding:4px 2px 2px}
.sy-stage{position:relative;height:170px;display:flex;align-items:center;justify-content:center;overflow:visible}
.sy-rays{position:absolute;width:280px;height:280px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(165,94,234,.28) 0 10deg,rgba(255,201,60,.30) 10deg 20deg,rgba(255,255,255,0) 20deg 30deg);animation:spin 10s linear infinite;mask:radial-gradient(circle,#000 28%,transparent 68%);-webkit-mask:radial-gradient(circle,#000 28%,transparent 68%)}
.sy-pop{position:relative;animation:syPop .9s cubic-bezier(.2,1.6,.4,1) both}
@keyframes syPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
.sy-spark{position:absolute;font-size:26px;animation:syFloat 2.4s ease-in-out infinite}
.sy-spark.a{left:16%;top:22%}.sy-spark.b{right:14%;top:12%;animation-delay:.5s}.sy-spark.c{right:24%;bottom:8%;animation-delay:1s}
@keyframes syFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.15)}}
.sy-k{display:inline-block;margin-top:2px;padding:3px 14px;border-radius:999px;background:#a55eea;color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px}
.sy-he{font-family:var(--he);direction:rtl;font-size:30px;line-height:1.35;margin:10px 0 2px;color:#3a2a6b}
.sy-tr{margin:0;font-weight:700;font-size:18px;color:#5b3fb0}
.sy-mean{margin:8px auto 0;max-width:330px;color:var(--muted);font-size:15px;line-height:1.4}
.sy-coins{margin:12px 0 0;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;gap:8px}
.sy-when{margin:10px 0 0;color:var(--muted);font-size:14px}
.sy-cake{margin:10px auto 0;padding:8px 12px;border-radius:14px;background:#fff4f8;border:1px solid #ffd0e0;font-size:15px;max-width:320px}
.sy .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.sy-medal{position:relative;display:inline-flex;flex-direction:column;align-items:center;--sc:#a55eea}
.sy-disc{position:relative;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#fff6c9,#ffc928 55%,#e1a100);border:4px solid var(--sc);box-shadow:0 4px 10px rgba(0,0,0,.18),inset 0 -3px 0 rgba(0,0,0,.12)}
.sy-e{font-size:24px;line-height:1}
.sy-cap{font-family:var(--he);font-size:11px;font-weight:700;color:#5a3b00;line-height:1;margin-top:2px}
.sy-rib{position:absolute;top:-14px;display:flex;gap:6px;z-index:-1}
.sy-rib i{display:block;width:14px;height:26px;background:var(--sc);border-radius:2px}
.sy-rib i:first-child{transform:rotate(14deg)}.sy-rib i:last-child{transform:rotate(-14deg)}
.sy-medal.big .sy-disc{width:110px;height:110px;border-width:6px}
.sy-medal.big .sy-e{font-size:44px}.sy-medal.big .sy-cap{font-size:17px;margin-top:4px}
.sy-medal.big .sy-rib{top:-22px}.sy-medal.big .sy-rib i{width:22px;height:40px}
.sy-medal.off .sy-disc{background:#ece8f3;border-color:#d6d0e2;box-shadow:none}
.sy-medal.off .sy-e,.sy-medal.off .sy-cap{opacity:.35;filter:grayscale(1)}
.sy-medal.off .sy-rib i{background:#d6d0e2}
.sy-row{margin:4px 0 10px}
.sy-slot{display:flex;align-items:center;gap:14px;width:100%;padding:14px 14px 10px;border-radius:18px;background:#f7f2ff;border:2px dashed #ddd0f5;text-align:left}
.sy-slot.got{background:linear-gradient(135deg,#f3eaff,#fff6dc);border:2px solid #d9c3ff}
.sy-slot.fresh{animation:syGlow 1.6s ease-in-out 3}
@keyframes syGlow{50%{box-shadow:0 0 0 6px rgba(165,94,234,.25)}}
.sy-slot-t{display:flex;flex-direction:column;gap:2px;font-size:15px}
.sy-slot-t span{font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.sy-rays,.sy-pop,.sy-spark,.sy-slot.fresh{animation:none}}