/* ══ حماسُ نهاية الموسم وحفلُ التتويج (٢٠٢٦/٠٩/٢٩) — js/season-hype.js ══ */
.se-ic{display:inline-grid;place-items:center;color:#ffd76e}
.se-ic svg{width:100%;height:100%;display:block}

/* ── الكبسولة: أعلى الشاشة في الوسط، فوق كل شي ── */
.se-chip{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:95;display:flex;align-items:center;gap:9px;
  height:38px;padding:0 16px 0 12px;border-radius:999px;cursor:pointer;font:900 14px/1 'Tajawal',system-ui,sans-serif;color:#fff;
  background:linear-gradient(135deg,rgba(40,26,8,.92),rgba(22,16,40,.92));border:1.5px solid rgba(255,215,110,.55);
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 0 rgba(255,181,46,0);overflow:hidden;white-space:nowrap;transition:transform .2s}
.se-chip:hover{transform:translateX(-50%) scale(1.04)}
.se-chip[hidden]{display:none}
.se-chip .se-ic{width:22px;height:18px}
.se-lb{opacity:.92}
.se-cd{font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.5px;color:#ffd76e;min-width:84px;text-align:center}
.se-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.se-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd76e,#ff6a2f);transition:width 1s linear}
/* حامية: آخر يوم */
.se-chip[data-st=hot]{border-color:#ffb52e;animation:seGlow 2.4s ease-in-out infinite}
.se-chip[data-st=hot] .se-cd{color:#ffcf5a}
/* نار: آخر ساعة */
.se-chip[data-st=fire],.se-chip[data-st=final]{background:linear-gradient(135deg,#8a1606,#d2410f 55%,#ff8a1f);border-color:#ffd76e;
  animation:seFire .9s ease-in-out infinite;height:42px;font-size:15px}
.se-chip[data-st=fire] .se-cd,.se-chip[data-st=final] .se-cd{color:#fff;font-size:18px;text-shadow:0 0 12px rgba(255,220,120,.9)}
.se-chip[data-st=fire] .se-ic,.se-chip[data-st=final] .se-ic{color:#fff3c4;animation:seBob .9s ease-in-out infinite}
.se-chip[data-st=done]{border-color:rgba(255,255,255,.3)}
@keyframes seGlow{50%{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 22px 4px rgba(255,181,46,.45)}}
@keyframes seFire{50%{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 30px 8px rgba(255,90,30,.65);transform:translateX(-50%) scale(1.05)}}
@keyframes seBob{50%{transform:translateY(-2px) rotate(-6deg)}}

/* ── نافذة التوب ٣ ── */
.se-pop{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:96;width:min(360px,calc(100vw - 32px));padding:14px;border-radius:20px;
  background:linear-gradient(160deg,#1d1633,#120e22);border:1.5px solid rgba(255,215,110,.45);box-shadow:0 22px 50px rgba(0,0,0,.5);
  color:#fff;font-family:'Tajawal',system-ui,sans-serif;animation:sePop .25s cubic-bezier(.2,1.4,.4,1)}
@keyframes sePop{from{opacity:0;transform:translate(-50%,-8px) scale(.96)}}
.se-ph{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.se-ph .se-ic{width:38px;height:30px}
.se-ph b{display:block;font-weight:900;font-size:17px}
.se-ph span{display:block;font-weight:700;font-size:13px;opacity:.75;margin-top:3px}
.se-pr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;margin-top:6px;background:rgba(255,255,255,.06);font-weight:900}
.se-pr b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.se-pn{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:14px;color:#241600}
.se-pr.r1 .se-pn{background:linear-gradient(135deg,#fff1b8,#f2c14e)}
.se-pr.r2 .se-pn{background:linear-gradient(135deg,#fff,#c9d2e0)}
.se-pr.r3 .se-pn{background:linear-gradient(135deg,#ffd9b8,#e39a5f)}
.se-pr.r1{background:linear-gradient(90deg,rgba(255,215,110,.2),rgba(255,255,255,.05))}
.se-ps{font-size:14px;color:#ffd76e}
.se-pa{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:#2b2450;font-weight:900}
.se-pa img{width:100%;height:100%;object-fit:cover}
.se-pe,.se-pf{margin:10px 2px 0;font-weight:700;font-size:13px;opacity:.8;line-height:1.6}
.se-pf b{color:#ffd76e}

/* ── لافتة «الساعة الأخيرة» وإعلان دخول التوب ── */
.se-banner{position:fixed;top:40%;left:0;right:0;z-index:9600;text-align:center;pointer-events:none;color:#fff;font-family:'Tajawal',system-ui,sans-serif;
  padding:18px 0;background:linear-gradient(90deg,transparent,rgba(200,40,10,.85) 20%,rgba(255,120,30,.9) 50%,rgba(200,40,10,.85) 80%,transparent);
  animation:seBan 3.6s ease forwards}
.se-banner b{display:block;font-weight:900;font-size:clamp(34px,6vw,80px);text-shadow:0 5px 0 rgba(0,0,0,.25)}
.se-banner span{display:block;font-weight:900;font-size:clamp(15px,1.8vw,22px);opacity:.95;margin-top:4px}
@keyframes seBan{0%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(1)}85%{opacity:1}100%{opacity:0;transform:translateX(-20%)}}
.se-toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:9600;display:flex;align-items:center;gap:10px;pointer-events:none;
  padding:10px 20px 10px 14px;border-radius:18px;color:#fff;font:900 clamp(15px,1.6vw,19px)/1.2 'Tajawal',system-ui,sans-serif;
  background:linear-gradient(135deg,#3b2a05,#6b4a08);border:2px solid #ffd76e;box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 30px rgba(255,215,110,.35);
  animation:seToast 4.2s ease forwards}
.se-toast .se-ic{width:28px;height:22px}
.se-toast b{color:#ffd76e}
@keyframes seToast{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}8%{opacity:1;transform:translate(-50%,0) scale(1)}88%{opacity:1}100%{opacity:0;transform:translate(-50%,-10px)}}

/* ── آخر عشر ثوانٍ ── */
.se-final{position:fixed;inset:0;z-index:9650;display:grid;place-content:center;text-align:center;pointer-events:none;color:#fff;font-family:'Tajawal',system-ui,sans-serif;
  background:radial-gradient(circle at 50% 50%,rgba(120,20,5,.55),rgba(0,0,0,.72) 70%)}
.se-fl{font-weight:900;font-size:clamp(20px,2.6vw,34px);color:#ffd76e;letter-spacing:.5px}
.se-fn{display:block;font-weight:900;font-size:clamp(140px,26vw,340px);line-height:1;text-shadow:0 0 60px rgba(255,90,30,.9),0 10px 0 rgba(0,0,0,.3)}
.se-fn.pop{animation:seNum .9s cubic-bezier(.2,1.5,.4,1)}
@keyframes seNum{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:.85}}
.se-over{position:fixed;inset:0;z-index:9650;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:#fff;font-family:'Tajawal',system-ui,sans-serif;
  background:radial-gradient(circle,rgba(60,40,5,.85),rgba(0,0,0,.9));animation:seIn .5s ease;transition:opacity .8s}
.se-over.out{opacity:0}
.se-over .se-ic{width:110px;height:84px;filter:drop-shadow(0 0 30px rgba(255,215,110,.8))}
.se-over b{font-weight:900;font-size:clamp(42px,7vw,96px)}
.se-over span{font-weight:900;font-size:clamp(18px,2.4vw,30px);color:#ffd76e}
@keyframes seIn{from{opacity:0}}

/* ══ حفل التتويج ══ */
.se-cer{position:fixed;inset:0;z-index:9700;overflow:hidden;color:#fff;font-family:'Tajawal',system-ui,sans-serif;opacity:0;transition:opacity .6s;
  background:radial-gradient(ellipse at 50% 110%,#3a2a6e 0%,#140f2a 45%,#07060f 100%)}
.se-cer.in{opacity:1}
.se-cer.out{opacity:0}
.se-cer.gold{background:radial-gradient(ellipse at 50% 100%,#6b4a10 0%,#2a1a3e 45%,#07060f 100%)}
.se-conf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.se-beams{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.se-beams i{position:absolute;bottom:-10%;width:22vw;height:130%;transform-origin:50% 100%;opacity:.35;
  background:linear-gradient(to top,rgba(255,240,200,.0),rgba(255,240,200,.55) 40%,rgba(255,240,200,0));clip-path:polygon(45% 100%,55% 100%,100% 0,0 0);
  animation:seBeam 5s ease-in-out infinite alternate}
.se-beams i:nth-child(1){left:2%;animation-delay:-1s}
.se-beams i:nth-child(2){left:22%;animation-delay:-3s;animation-duration:6s}
.se-beams i:nth-child(3){right:22%;animation-delay:-2s;animation-duration:5.5s}
.se-beams i:nth-child(4){right:2%;animation-delay:-4s}
@keyframes seBeam{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}
.se-cer.gold .se-beams i{opacity:.6;background:linear-gradient(to top,rgba(255,215,110,0),rgba(255,215,110,.7) 40%,rgba(255,215,110,0))}
.se-x{position:absolute;top:14px;left:14px;z-index:5;padding:10px 20px;border-radius:14px;border:1.5px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);color:#fff;font:900 15px 'Tajawal',system-ui,sans-serif;cursor:pointer;opacity:.7}
.se-x:hover{opacity:1}
.se-ch{position:absolute;top:5vh;left:0;right:0;text-align:center;z-index:2;animation:seHd 1s .3s cubic-bezier(.2,1.3,.4,1) both}
.se-ch span{display:block;font-weight:900;font-size:clamp(16px,2vw,24px);color:#ffd76e;letter-spacing:2px}
.se-ch b{display:block;font-weight:900;font-size:clamp(36px,6vw,78px);line-height:1.1;
  background:linear-gradient(180deg,#fff9e0,#ffd76e 55%,#d9962a);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}
@keyframes seHd{from{opacity:0;transform:translateY(-30px) scale(.9)}}

.se-pod{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,26px);z-index:2;padding:0 16px}
.se-col{display:flex;flex-direction:column;align-items:center;width:clamp(110px,22vw,270px)}
.se-blk{width:100%;border-radius:18px 18px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:14px;
  transform:translateY(100%);transition:transform .9s cubic-bezier(.2,1.2,.4,1);box-shadow:inset 0 3px 0 rgba(255,255,255,.4),0 -10px 40px rgba(0,0,0,.4)}
.se-col.r1 .se-blk{height:34vh;background:linear-gradient(180deg,#ffe28a,#e2a93a 60%,#9b6a14)}
.se-col.r2 .se-blk{height:25vh;background:linear-gradient(180deg,#f4f7fb,#b7c2d4 60%,#6f7c92)}
.se-col.r3 .se-blk{height:18vh;background:linear-gradient(180deg,#ffd2ae,#d98a4e 60%,#8a4c1f)}
.se-rk{font-weight:900;font-size:clamp(40px,6vw,84px);line-height:1;color:rgba(0,0,0,.55);text-shadow:0 2px 0 rgba(255,255,255,.35)}
.se-blk em{font-style:normal;font-weight:900;font-size:clamp(13px,1.5vw,19px);color:rgba(0,0,0,.6);margin-top:4px}
.se-who{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;opacity:0;transform:translateY(-60px) scale(.6);
  transition:opacity .5s .55s,transform .8s .55s cubic-bezier(.2,1.6,.4,1)}
.se-ca{width:clamp(70px,9vw,120px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#2b2450;
  font-weight:900;font-size:clamp(28px,3.5vw,48px);border:4px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.se-ca img{width:100%;height:100%;object-fit:cover}
.se-col.r1 .se-ca{width:clamp(96px,12vw,160px);border-color:#ffd76e;box-shadow:0 0 0 6px rgba(255,215,110,.25),0 0 50px rgba(255,215,110,.6)}
.se-col.r2 .se-ca{border-color:#dfe6f0}
.se-col.r3 .se-ca{border-color:#e39a5f}
.se-cn{font-weight:900;font-size:clamp(18px,2.4vw,34px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.se-col.r1 .se-cn{font-size:clamp(22px,3vw,44px);color:#ffe9a8}
.se-cs{font-weight:900;font-size:clamp(13px,1.4vw,18px);padding:4px 12px;border-radius:999px;background:rgba(0,0,0,.4)}
.se-crown{position:absolute;top:-8px;width:clamp(60px,7vw,100px);height:auto;aspect-ratio:64/48;color:#ffd76e;z-index:2;opacity:0;
  transform:translateY(-60vh) rotate(-20deg);filter:drop-shadow(0 0 20px rgba(255,215,110,.9))}
.se-crown svg{width:100%;height:100%}
.se-col.up .se-blk{transform:none}
.se-col.up .se-who{opacity:1;transform:none}
.se-col.r1.up .se-crown{animation:seCrown 1.3s 1.2s cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes seCrown{0%{opacity:1;transform:translateY(-60vh) rotate(-20deg)}70%{opacity:1;transform:translateY(-58%) rotate(4deg)}100%{opacity:1;transform:translateY(-62%) rotate(0)}}
.se-cf{position:absolute;left:0;right:0;top:calc(5vh + clamp(70px,9vw,120px));text-align:center;z-index:2;font-weight:900;font-size:clamp(16px,2vw,26px);
  opacity:0;transition:opacity .8s}
.se-cer.end .se-cf{opacity:.95}
@media (max-width:640px){
  .se-chip{height:34px;font-size:12px;padding:0 12px 0 9px;gap:6px}
  .se-cd{font-size:14px;min-width:70px}
  .se-col.r1 .se-blk{height:26vh}.se-col.r2 .se-blk{height:19vh}.se-col.r3 .se-blk{height:14vh}
  .se-cs{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  .se-chip,.se-beams i,.se-chip .se-ic{animation:none!important}
  .se-blk,.se-who{transition-duration:.01s!important}
  .se-col.r1.up .se-crown{animation-duration:.01s;animation-delay:0s}
}
.se-when{margin:12px 0 4px}
.se-when label{display:block;font-size:13px;font-weight:700;opacity:.85;margin-bottom:6px;line-height:1.6}
.se-when input{max-width:240px;margin:0}
/* تحت الشريط العلويّ يساراً */
.se-chip.se-dock{left:16px;transform:none}
.se-chip.se-dock:hover{transform:scale(1.04)}
.se-chip.se-dock[data-st=fire],.se-chip.se-dock[data-st=final]{animation-name:seFireD}
@keyframes seFireD{50%{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 30px 8px rgba(255,90,30,.65);transform:scale(1.05)}}
.se-chip.se-dock ~ .se-pop{left:16px;transform:none;animation:seIn .2s}
/* الجوال: أسفل الشاشة في الوسط فلا يغطّي شيئاً من الأعلى */
.se-chip.se-low{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
/* الجوال أثناء اللعب: أزرار اللعبة أسفل الشاشة أهمّ — إلا في الساعة الأخيرة */
@media (max-width:640px){body.playing .se-chip.se-low:not([data-st=fire]):not([data-st=final]){display:none}}

/* ══ الموقع كلّه يتغيّر مع اقتراب نهاية الموسم ══ */
#seAura{position:fixed;inset:0;z-index:94;pointer-events:none;overflow:hidden}
/* آخر يوم: توهّجٌ ذهبيّ هادئ على الحواف */
body.se-hot #seAura{box-shadow:inset 0 0 90px 10px rgba(255,190,70,.22);animation:seAuraHot 4s ease-in-out infinite}
@keyframes seAuraHot{50%{box-shadow:inset 0 0 120px 18px rgba(255,190,70,.32)}}
body.se-hot #seAura i{display:none}
/* آخر ساعة: حوافٌ ناريّة تنبض وجمرٌ يصعد */
body.se-fire #seAura{box-shadow:inset 0 0 110px 22px rgba(255,80,20,.38);animation:seAuraFire 1.6s ease-in-out infinite}
body.se-last #seAura{animation-duration:.8s}
@keyframes seAuraFire{50%{box-shadow:inset 0 0 160px 40px rgba(255,70,15,.55)}}
#seAura i{position:absolute;bottom:-12px;left:var(--x);width:6px;height:6px;border-radius:50%;
  background:radial-gradient(circle,#fff3c4,#ff9a2e 50%,rgba(255,80,20,0) 72%);opacity:0;
  animation:seEmber var(--s) var(--d) linear infinite}
@keyframes seEmber{0%{opacity:0;transform:translate(0,0) scale(1)}10%{opacity:.9}100%{opacity:0;transform:translate(30px,-70vh) scale(.4)}}

/* ألوان الموقع والألعاب تصير ناريّة في آخر ساعة (بدل السماء الزرقاء) */
body.se-fire{
  --sky-0:#170503;--sky-1:#3a0c06;--sky-2:#71190a;--sky-glow:#ff8a3d;--sky-ice:#ffd9a8;
  --brand-purple:#ff5a3a;--brand-cyan:#ff9a2e;--brand-gold:#ffd76e;
  --brand-gradient:linear-gradient(135deg,#ff4a2a 0%,#ff9a2e 55%,#ffd76e 100%);
  --bg:#150503;--bg-2:#220805;--surf:#2f0f09;--surf-2:#3f150c;
  --panel:rgba(255,150,90,.07);--panel-2:rgba(255,150,90,.11);--panel-3:rgba(255,150,90,.17);
  --line:rgba(255,140,70,.26);--line-2:rgba(255,190,120,.46);
  --txt:#fff6ee;--dim:#f2d2bd;--dim-2:#d9aa8d;
  --star:#ffc98a;--p1:#ff6a3d;--p2:#ffa23a;--p3:#ffc27a;--ok:#ffd76e;--acc:var(--p3);
}
body.se-fire #layout,body.se-fire #stageWrap{transition:background .8s}
body.se-fire::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 110%,rgba(255,80,20,.22),transparent 60%),radial-gradient(90% 60% at 50% -10%,rgba(255,120,40,.14),transparent 60%)}
@media (prefers-reduced-motion:reduce){#seAura,#seAura i{animation:none!important}#seAura i{display:none}}
body.perf-on #seAura i{display:none}
/* زرّ التجربة المحلّيّة (localhost/?season=…) — يقوم مقام «أنهِ الموسم» */
.se-demo-end{position:fixed;left:50%;bottom:40px;transform:translateX(-50%);z-index:9600;padding:16px 28px;border-radius:18px;border:2px dashed #ffd76e;
  background:rgba(20,14,40,.94);color:#fff;font:800 17px 'Tajawal',sans-serif;cursor:pointer;box-shadow:0 16px 40px rgba(0,0,0,.5);animation:seFire 1.6s ease-in-out infinite}
.se-demo-end b{color:#ffd76e}

/* ══ حفل التتويج — التصميم الثاني (٢٠٢٦/١٠/٠١) ══ */
.se-cer.v2 .se-fw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.se-cer.v2 .se-ch,.se-cer.v2 .se-pod{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,1,.3,1);transform:translateY(30px)}
.se-cer.v2.stage .se-ch,.se-cer.v2.stage .se-pod{opacity:1;transform:none}
.se-cer.v2.next .se-pod,.se-cer.v2.next .se-ch,.se-cer.v2.next .se-champ{opacity:.18;filter:blur(3px);transition:opacity .8s,filter .8s}

/* ① الافتتاح */
.se-intro{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;pointer-events:none;opacity:0;transition:opacity .6s,transform .8s}
.se-cer.v2.intro .se-intro{opacity:1}
.se-cer.v2.stage .se-intro{opacity:0;transform:scale(1.15)}
.se-ik{font-weight:900;font-size:clamp(16px,2vw,24px);letter-spacing:8px;color:#ffd76e;animation:seIk 1s .2s both}
@keyframes seIk{from{letter-spacing:30px;opacity:0}}
.se-it{position:relative;font-weight:900;font-size:clamp(70px,12vw,170px);line-height:1;color:transparent;
  background:linear-gradient(100deg,#9a6512 0%,#fff6d6 30%,#ffc94a 45%,#fff 50%,#ffc94a 55%,#9a6512 80%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 10px 30px rgba(255,180,60,.4));animation:seMetal 2.6s .3s ease-in-out both}
@keyframes seMetal{from{background-position:100% 0;transform:scale(.85);opacity:0}30%{opacity:1}to{background-position:0 0;transform:none}}
.se-is{font-weight:800;font-size:clamp(16px,2vw,24px);color:#e6ddff;animation:seIk .8s 1s both}
.se-iline{width:min(420px,70vw);height:2px;background:linear-gradient(90deg,transparent,#ffd76e,transparent);animation:seLine 1.4s .6s both}
@keyframes seLine{from{transform:scaleX(0)}}

/* ومضاتُ الكاميرات */
.se-flash{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 60%,#fff,rgba(255,255,255,.6) 40%,transparent 70%);opacity:0}
.se-flash.on{animation:seFlash .5s ease-out}
.se-flash.big{animation:seFlashBig 1.1s ease-out;background:#fff}
@keyframes seFlash{0%{opacity:.75}100%{opacity:0}}
@keyframes seFlashBig{0%{opacity:1}100%{opacity:0}}

/* قبل البطل: الضوء يخفت والطبول تشتدّ */
.se-cer.v2.dim::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 70%,transparent 18%,rgba(0,0,0,.65) 55%);animation:seIn .6s}

/* هالةٌ تدور خلف البطل */
.se-halo{position:absolute;left:50%;top:44%;width:340px;height:340px;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;opacity:0;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,215,110,.35) 0 6deg,transparent 6deg 20deg);
  -webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%)}
.se-col.r1.up .se-halo{opacity:1;animation:seHalo 14s linear infinite;transition:opacity 1s 1s}
@keyframes seHalo{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* اسم البطل كبيراً */
.se-champ{position:absolute;left:0;right:0;top:calc(5vh + clamp(70px,9vw,120px) + 14px);z-index:3;text-align:center;opacity:0;transform:scale(.8);transition:opacity .6s,transform .8s cubic-bezier(.2,1.5,.4,1);pointer-events:none}
.se-cer.v2.champ .se-champ{opacity:1;transform:none}
.se-champ small{display:block;font-weight:900;font-size:clamp(14px,1.6vw,20px);color:#ffd76e;letter-spacing:3px}
.se-champ b{display:block;font-weight:900;font-size:clamp(34px,5vw,64px);line-height:1.1;color:#fff;text-shadow:0 0 30px rgba(255,200,80,.8),0 6px 0 rgba(0,0,0,.35)}

/* ③ الموسم الجديد */
.se-next{position:absolute;left:50%;top:50%;z-index:6;width:min(560px,90vw);transform:translate(-50%,-40%) scale(.9);opacity:0;pointer-events:none;
  display:grid;justify-items:center;gap:10px;text-align:center;padding:clamp(24px,4vw,40px);border-radius:32px;
  background:radial-gradient(80% 70% at 50% 0%,rgba(49,225,255,.25),transparent 70%),linear-gradient(160deg,#16205a,#0a0e2a);
  border:1.5px solid rgba(49,225,255,.5);box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 60px rgba(49,225,255,.25);
  transition:opacity .7s,transform .8s cubic-bezier(.2,1.3,.4,1)}
.se-cer.v2.next .se-next{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
.se-next span{font-weight:900;font-size:13px;letter-spacing:4px;color:#31e1ff}
.se-next b{font-weight:900;font-size:clamp(34px,5vw,56px);line-height:1.1;background:linear-gradient(180deg,#fff,#9fe8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.se-next p{margin:0;font-weight:700;font-size:16px;color:#c7d3f5;line-height:1.7}
.se-go{margin-top:8px;padding:13px 34px;border-radius:16px;border:0;cursor:pointer;font:900 18px 'Tajawal',sans-serif;color:#06101f;
  background:linear-gradient(135deg,#9fe8ff,#31e1ff 50%,#3d7dff);box-shadow:0 12px 30px rgba(49,225,255,.35)}

/* شاشة «انتهى الموسم» تنتظر الخادم: شريطٌ يجري */
.se-over-bar{display:block;width:min(320px,60vw);height:4px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg,transparent,#ffd76e,transparent) 0 0/50% 100% no-repeat,rgba(255,255,255,.12);
  animation:seBar 1.2s linear infinite}
@keyframes seBar{from{background-position:-50% 0,0 0}to{background-position:150% 0,0 0}}
@media (prefers-reduced-motion:reduce){.se-it,.se-ik,.se-is,.se-iline,.se-halo,.se-over-bar{animation:none!important}.se-flash{display:none}}
/* اسم البطل يحلّ محلّ العنوان في الأعلى — كان يقع فوق التاج */
.se-cer.v2 .se-champ{top:4vh}
.se-cer.v2.champ .se-ch{opacity:0;transform:translateY(-20px)}
/* الكبسولة تنبض مع طبل موسيقى العدّ الأخير */
.se-chip.beat{filter:brightness(1.35);box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 34px 10px rgba(255,120,40,.7)!important}
.se-song-now{display:inline-flex;align-items:center;padding:8px 14px;border-radius:12px;font-weight:800;font-size:13px;background:rgba(255,215,110,.12);border:1px solid rgba(255,215,110,.4)}

/* ══ مشهد الألعاب الجديدة في الحفل (٢٠٢٦/١٠/٠١): أقفالٌ تنكسر واحدةً واحدة ══ */
.se-games{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4vh 4vw;
  opacity:0;pointer-events:none;transition:opacity .7s;text-align:center}
.se-cer.v2.games .se-games{opacity:1}
.se-cer.v2.games .se-pod,.se-cer.v2.games .se-ch,.se-cer.v2.games .se-champ{opacity:.12;filter:blur(4px);transition:opacity .8s,filter .8s}
.se-games > span{font-weight:900;font-size:14px;letter-spacing:4px;color:#ffd76e}
.se-games > b{font-weight:900;font-size:clamp(30px,4.6vw,56px);background:linear-gradient(180deg,#fff,#ffd76e);-webkit-background-clip:text;background-clip:text;color:transparent}
.se-gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(120px,13vw,170px),1fr));gap:clamp(8px,1.2vw,14px);width:min(1100px,94vw);margin-top:8px}
.se-g{--ga:#8a7bd8;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border-radius:18px;overflow:hidden;
  background:linear-gradient(160deg,#1b2050,#0c1030);border:1.5px solid rgba(255,255,255,.12);filter:grayscale(.9) brightness(.55);transform:scale(.92);
  transition:filter .5s,transform .6s cubic-bezier(.2,1.6,.4,1),border-color .5s,box-shadow .5s}
.se-gi{font-style:normal;font-size:clamp(30px,3.4vw,44px);font-family:var(--emoji,sans-serif);line-height:1}
.se-g b{font-weight:900;font-size:clamp(14px,1.3vw,18px);color:#fff}
.se-g small{font-weight:900;font-size:12px;color:rgba(255,255,255,.55)}
.se-lock{position:absolute;top:8px;left:8px;width:22px;height:22px;background:#ffd76e;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.se-g.open{filter:none;transform:none;border-color:var(--ga);box-shadow:0 0 0 1px var(--ga),0 0 30px color-mix(in srgb,var(--ga) 60%,transparent)}
.se-g.open small{color:#7dffb2}
.se-g.open .se-lock{animation:seUnlock .7s ease-in forwards}
@keyframes seUnlock{30%{transform:translateY(-6px) rotate(-18deg)}100%{transform:translateY(40px) rotate(40deg);opacity:0}}
.se-g.open::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,240,190,.75) 48%,transparent 62%);background-size:250% 100%;animation:seSweep .9s ease-out both}
@keyframes seSweep{from{background-position:120% 0}to{background-position:-120% 0}}
.se-g.soon{filter:grayscale(.6) brightness(.7)}
.se-g.shake{animation:seShake .45s ease-in-out}
.se-g.shake small{color:#ffd76e}
@keyframes seShake{20%,60%{transform:scale(.92) translateX(-5px)}40%,80%{transform:scale(.92) translateX(5px)}}
.se-new{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.se-new li{font-weight:900;font-size:14px;padding:5px 12px;border-radius:999px;background:rgba(255,215,110,.12);border:1px solid rgba(255,215,110,.45);color:#ffd76e}
.se-next p strong{color:#fff}
.se-cer.must{cursor:default}