/* «كوكبة الأبطال» — تتويج الموسم (بادئة sc-) */
body.sc-on{overflow:hidden}
body.sc-on .dg,body.sc-on #dgPill,body.sc-on .se-final,body.sc-on .se-over{display:none!important}
.sc{position:fixed;inset:0;z-index:2147482990;overflow:hidden;color:#fff;font-family:Cairo,Tajawal,Tahoma,sans-serif;font-weight:900;
  background:radial-gradient(ellipse at 50% 38%,#1a0d2a 0%,#07040f 60%,#000 100%);opacity:0;animation:scIn .8s forwards}
@keyframes scIn{to{opacity:1}}
.sc.out{animation:scOut .7s forwards}@keyframes scOut{to{opacity:0;filter:brightness(2) blur(6px)}}
.sc-sky{position:absolute;inset:0;width:100%;height:100%}

/* القمر: أحمر بالخسوف ⇒ ذهبي مع البطل وصورته داخله */
.sc-moon{position:absolute;left:50%;top:34%;width:min(34vmin,340px);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform 1.6s cubic-bezier(.2,.9,.2,1)}
.sc-disc,.sc-face,.sc-halo{position:absolute;inset:0;border-radius:50%}
.sc-disc{background:radial-gradient(circle at 30% 30%,#0000 0 7%,#5a120c55 8% 11%,#0000 12%),radial-gradient(circle at 62% 58%,#0000 0 9%,#4a0e0a66 10% 14%,#0000 15%),radial-gradient(circle at 44% 72%,#0000 0 5%,#4a0e0a55 6% 8%,#0000 9%),radial-gradient(circle at 70% 28%,#0000 0 4%,#5a120c44 5% 7%,#0000 8%),radial-gradient(circle at 38% 34%,#d45a3a,#7a1a10 62%,#2a0605);box-shadow:0 0 60px #b0281a88,inset -18px -22px 40px #0008;transition:background 2s,box-shadow 2s,filter 2s}
.sc-halo{inset:-30%;background:radial-gradient(circle,#ff4a2a33 30%,transparent 68%);transition:background 2s;animation:scBeat 1.3s ease-in-out infinite}
@keyframes scBeat{50%{transform:scale(1.06)}}
.sc-face{background:center/cover no-repeat;opacity:0;transform:scale(.6);transition:opacity 1.2s .3s,transform 1.4s .3s cubic-bezier(.2,1.3,.4,1);box-shadow:inset 0 0 0 6px #ffd24a,inset 0 0 40px #0009}
.sc-arc{position:absolute;inset:-22%;width:144%;height:144%;overflow:visible;opacity:0;transition:opacity 1s 1s}
.sc-arc text{font:900 24px Cairo,Tahoma,sans-serif;fill:#ffe39a;letter-spacing:2px;paint-order:stroke;stroke:#3a2400;stroke-width:4px}
.sc-crown{position:absolute;left:50%;top:-36%;width:52%;transform:translate(-50%,30px) scale(.4);opacity:0;fill:#ffd24a;filter:drop-shadow(0 0 18px #ffd24a);transition:opacity .8s 1.2s,transform 1.2s 1.2s cubic-bezier(.2,1.5,.4,1)}
.sc.gold .sc-disc{background:radial-gradient(circle at 30% 30%,#0000 0 7%,#c9952044 8% 11%,#0000 12%),radial-gradient(circle at 62% 58%,#0000 0 9%,#b8861055 10% 14%,#0000 15%),radial-gradient(circle at 38% 34%,#fff6d2,#ffd24a 60%,#b8860b);box-shadow:0 0 120px #ffd24aaa,0 0 260px #ffb34766}
.sc.gold .sc-halo{background:radial-gradient(circle,#ffd24a55 30%,transparent 70%)}
.sc.gold .sc-face{opacity:1;transform:scale(.86)}
.sc.gold .sc-arc{opacity:1}
.sc.gold .sc-crown{opacity:1;transform:translate(-50%,0) scale(1)}
.sc.gold .sc-moon{transform:translate(-50%,-50%) scale(1.08)}
.sc.gold::before{content:'';position:absolute;left:50%;top:34%;width:240vmax;height:240vmax;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg,#ffd24a14 0 4deg,transparent 4deg 14deg);animation:scRays 40s linear infinite;pointer-events:none}
@keyframes scRays{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* العناوين */
.sc-cap{position:absolute;left:0;right:0;top:53%;text-align:center;opacity:0}
.sc-cap.in{animation:scCap 2.4s forwards}
@keyframes scCap{0%{opacity:0;transform:translateY(16px);letter-spacing:12px}25%,75%{opacity:1;transform:none;letter-spacing:2px}100%{opacity:.0;transform:translateY(-10px)}}
.sc-cap b{display:block;font-size:clamp(34px,5vw,72px);text-shadow:0 0 40px #ff6a3a88}
.sc-cap small{display:block;margin-top:6px;font-size:clamp(16px,1.8vw,24px);color:#e7cfc6}

/* الكروت: نفس نسبة البنر ٦٠٠×٢٢٠ */
.sc-cards{position:absolute;inset:0;pointer-events:none}
.sc-card{position:absolute;left:50%;top:70%;width:min(520px,82vw);aspect-ratio:600/220;transform:translate(-50%,-50%);container-type:inline-size;
  display:flex;align-items:center;gap:4%;padding:0 5%;border-radius:22px;overflow:hidden;isolation:isolate;opacity:0;
  box-shadow:0 0 0 3px var(--c),0 24px 60px #000c,0 0 50px color-mix(in srgb,var(--c) 45%,transparent);transition:opacity 1s,transform 1.4s cubic-bezier(.2,.9,.2,1),left 1.4s cubic-bezier(.2,.9,.2,1),top 1.4s cubic-bezier(.2,.9,.2,1),width 1.4s}
.sc-card.ghost{opacity:0}
.sc-card.on{opacity:1}
.sc-bn{position:absolute;inset:0;z-index:-2;background:var(--bn,linear-gradient(135deg,#2a1d5a,#5a1d4a)) center/cover}
.sc-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#06091ae6 0%,#06091a88 55%,transparent 90%)}
.sc-rk{position:absolute;top:8%;inset-inline-end:4%;padding:.4em 1em;border-radius:999px;background:var(--c);color:#1a1205;font-size:max(11px,3.1cqw)}
.sc-av{flex:none;width:24%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--c),0 0 24px var(--c);font-style:normal;display:grid;place-items:center;background:#1a1340}
.sc-av img{width:100%;height:100%;object-fit:cover}.sc-av u{text-decoration:none;font-size:8cqw}
.sc-nm{font-size:max(16px,6.4cqw);line-height:1.15;text-shadow:0 3px 12px #000;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-st{position:absolute;bottom:10%;inset-inline-start:33%;font-size:max(11px,3.2cqw);font-weight:800;color:#e9eefc}
.sc-st em{font-style:normal;color:var(--c2)}
.sc-card.on .sc-av{animation:scPop .7s cubic-bezier(.2,1.6,.4,1)}
@keyframes scPop{from{transform:scale(.3)}}
/* بعد ما يطلعون: يروحون الجنبين تحت القمر */
.sc-card.side{width:min(380px,40vw);top:86%}
#scC1.side{left:72%}#scC2.side{left:28%}

/* البطل */
.sc-champ{position:absolute;left:0;right:0;top:62%;text-align:center;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1.2s cubic-bezier(.2,1.2,.4,1)}
.sc-champ.on{opacity:1;transform:none}
.sc-champ small{display:inline-block;padding:6px 18px;border-radius:999px;background:#ffd24a;color:#2a1a02;font-size:clamp(14px,1.6vw,20px)}
.sc-champ b{display:block;margin-top:10px;font-size:clamp(40px,6vw,88px);background:linear-gradient(180deg,#fff,#ffe39a 55%,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px #ffb34766)}
.sc-champ span{display:block;margin-top:4px;font-size:clamp(16px,1.8vw,24px);color:#ffe9c0}
.sc-end{position:absolute;left:0;right:0;bottom:3%;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translateY(16px);transition:.8s}
.sc-end.on{opacity:1;transform:none}
.sc-end p{margin:0;max-width:640px;padding:0 16px;text-align:center;font-size:clamp(13px,1.3vw,17px);font-weight:800;color:#d9cfe8}
.sc-end button,.sc-start{padding:14px 30px;border:0;border-radius:999px;background:linear-gradient(90deg,#ffe29a,#ffb35c);color:#1a1340;font:900 18px Cairo,Tahoma,sans-serif;cursor:pointer;box-shadow:0 12px 40px #ffb35c55}
.sc.gold .sc-card.side{top:66%;width:min(380px,26vw)}
.sc.gold #scC2.side{left:15%}.sc.gold #scC1.side{left:85%}
body.sc-on .sc-start{display:none}
.sc-skip{position:absolute;top:16px;inset-inline-start:16px;padding:8px 16px;border-radius:999px;border:1px solid #ffffff33;background:#0006;color:#fff;font:800 14px Cairo,Tahoma,sans-serif;cursor:pointer}
.sc-start{position:fixed;z-index:2147483000;left:50%;bottom:40px;transform:translateX(-50%)}
@media (max-width:700px){
  .sc.gold .sc-card.side{top:80%;width:46vw}.sc.gold #scC2.side{left:26%}.sc.gold #scC1.side{left:74%}.sc-end p{display:none}
  .sc-moon{top:28%;width:52vmin}.sc-cap,.sc-champ{top:50%}
  .sc-card{top:66%}.sc-card.side{width:46vw;top:84%}#scC1.side{left:74%}#scC2.side{left:26%}
  .sc-st{display:none}.sc.gold .sc-card.side{top:80%}
}
@media (prefers-reduced-motion:reduce){.sc-halo,.sc.gold::before{animation:none}}
.sc-face.ltr{display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#3a2a6a,#120a2a);font:900 calc(min(34vmin,340px)*.42) Cairo,Tahoma,sans-serif;color:#ffe39a;text-shadow:0 6px 30px #000}
body.sc-on .es-go{display:none!important}