/* إعلان «كلّ لعبة صار لها بطاقتها» (٢٠٢٦/١٠/٢٧) — new-look.js */
.nlk{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;overflow:hidden;opacity:0;transition:opacity .4s;font-family:Cairo,system-ui,sans-serif;color:#fff}
.nlk.on{opacity:1}
.nlk-bg{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 45%,#1d1f5e 0,#0a0b28 55%,#03030f 100%)}
.nlk-bg i{position:absolute;left:50%;top:48%;width:240vmax;height:240vmax;margin:-120vmax 0 0 -120vmax;border-radius:50%;opacity:.16;
  background:repeating-conic-gradient(from 0deg,#ffd24a 0 4deg,transparent 4deg 16deg);animation:nlkSpin 60s linear infinite}
.nlk-bg i.r2{opacity:.08;animation-duration:90s;animation-direction:reverse;background:repeating-conic-gradient(from 8deg,#7a8cff 0 3deg,transparent 3deg 20deg)}
.nlk-bg b{position:absolute;left:50%;top:48%;width:70vmin;height:70vmin;margin:-35vmin 0 0 -35vmin;border-radius:50%;background:radial-gradient(#ffcf5a55,transparent 65%)}
@keyframes nlkSpin{to{transform:rotate(360deg)}}
.nlk-in{position:relative;width:min(1200px,94vw);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vh;padding:4vh 0}
.nlk-head{text-align:center;transition:transform .7s cubic-bezier(.2,.9,.3,1)}
.nlk-tag{display:inline-block;padding:.35em 1.1em;border-radius:99px;font-size:clamp(14px,2vh,20px);font-weight:900;color:#2a1a00;background:linear-gradient(180deg,#ffe48a,#ffc23a);box-shadow:0 0 30px #ffc23a66}
.nlk-head h2{margin:.35em 0 0;font-size:clamp(34px,7.5vh,86px);font-weight:900;line-height:1.1;text-shadow:0 8px 40px rgba(0,0,0,.6)}
.nlk-head h2 b{color:#ffd24a}
.nlk.intro .nlk-head{animation:nlkPop .9s cubic-bezier(.2,1.4,.4,1) both}
@keyframes nlkPop{from{opacity:0;transform:scale(.6)}}
.nlk.intro .nlk-fan,.nlk.intro .nlk-rest{display:none}

/* المروحة */
.nlk-fan{position:relative;width:100%;height:clamp(220px,38vh,420px);flex:0 0 auto;margin-bottom:9vh}
.nlk-card{--w:clamp(120px,min(14vw,27vh),220px);--k:calc(var(--i) - (var(--n) - 1) / 2);
  position:absolute;left:50%;bottom:0;z-index:calc(var(--n) - var(--i));width:var(--w);aspect-ratio:4/5;margin-left:calc(var(--w) / -2);border-radius:18px;overflow:hidden;background:#07061f;
  box-shadow:0 18px 50px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.14);transform-origin:50% 160%;
  opacity:0;transform:translateY(70vh) rotate(0) scale(.7);transition:transform .6s cubic-bezier(.2,1.1,.35,1),opacity .35s}
.nlk-card.in{opacity:1;transform:translateX(calc(var(--k) * var(--w) * .74)) translateY(calc(var(--k) * var(--k) * 7px)) rotate(calc(var(--k) * 4.5deg))}
.nlk-art{position:absolute;inset:0}.nlk-art svg{width:100%;height:100%;display:block}
.nlk-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,31,.95),rgba(7,6,31,.5) 22%,transparent 45%)}
.nlk-card b{position:absolute;z-index:1;right:10px;left:10px;bottom:8px;font-size:clamp(13px,1.9vh,20px);font-weight:900;color:#ffd24a;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* المزايا والأزرار */
.nlk-rest{display:flex;flex-direction:column;align-items:center;gap:2vh;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;pointer-events:none}
.nlk.done .nlk-rest{opacity:1;transform:none;pointer-events:auto}
.nlk-feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.nlk-feat li{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.nlk-feat svg{flex:0 0 auto;width:34px;height:34px;padding:7px;border-radius:10px;background:#ffd24a;color:#2a1a00;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nlk-feat b{display:block;font-size:clamp(14px,2vh,19px);font-weight:900}
.nlk-feat span{display:block;margin-top:2px;font-size:clamp(12px,1.6vh,15px);font-weight:700;color:#c3c8e6;line-height:1.5}
.nlk-act{display:flex;gap:12px}
.nlk-go,.nlk-more{border:0;border-radius:14px;padding:14px 34px;font:900 clamp(16px,2.2vh,22px) Cairo,sans-serif;cursor:pointer}
.nlk-go{color:#2a1a00;background:linear-gradient(180deg,#ffe48a,#ffc23a);box-shadow:0 10px 30px #ffc23a55}
.nlk-more{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.nlk-skip{position:absolute;left:20px;bottom:20px;z-index:2;border:0;border-radius:99px;padding:8px 18px;font:800 14px Cairo,sans-serif;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}

@media (max-width:820px){
  .nlk-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nlk-card{--w:clamp(90px,24vw,150px)}
  .nlk-fan{height:clamp(170px,30vh,280px)}
}
@media (max-width:600px){
  .nlk-in{gap:1.6vh;padding:3vh 0}
  .nlk-head h2{font-size:30px}
  .nlk-fan{height:160px;margin-bottom:4vh}
  .nlk-card{--w:86px;border-radius:12px}
  .nlk-card b{font-size:11px;left:6px;right:6px}
  .nlk-feat{gap:8px}
  .nlk-feat li{padding:10px;align-items:center}
  .nlk-feat svg{width:28px;height:28px;padding:5px}
  .nlk-feat span{display:none}
  .nlk-feat b{font-size:13px}
  .nlk-go,.nlk-more{padding:12px 20px;font-size:15px}
}
/* جدار كلّ الألعاب بعد المروحة */
.nlk-wall{display:none}
.nlk.wall .nlk-fan{display:none}
.nlk.wall .nlk-wall{display:flex;flex-direction:column;gap:12px;width:100vw;flex:0 1 auto;min-height:0;animation:nlkWall .7s ease-out both}
@keyframes nlkWall{from{opacity:0;transform:scale(.92)}}
.nlk-count{margin:0 0 4px;text-align:center;font-size:clamp(16px,2.4vh,24px);font-weight:900;color:#c3c8e6}
.nlk-count b{color:#ffd24a;font-size:1.5em;font-family:Oswald,Cairo,sans-serif}
.nlk-row{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.nlk-track{display:flex;gap:12px;width:max-content;animation:nlkMarq 70s linear infinite}
.nlk-row.r1 .nlk-track{animation-direction:reverse;animation-duration:80s}
.nlk-row.r2 .nlk-track{animation-duration:62s}
@keyframes nlkMarq{to{transform:translateX(-50%)}}
.nlk-tile{position:relative;flex:0 0 auto;width:clamp(72px,min(7.6vw,11vh),150px);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#07061f;box-shadow:0 8px 24px rgba(0,0,0,.5),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.nlk-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,31,.95),rgba(7,6,31,.4) 25%,transparent 45%)}
.nlk-tile b{position:absolute;z-index:1;right:8px;left:8px;bottom:6px;direction:rtl;text-align:right;font-size:clamp(11px,1.5vh,15px);font-weight:900;color:#ffd24a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){ .nlk-tile{width:74px;border-radius:10px} .nlk-tile b{font-size:10px} .nlk.wall .nlk-wall{gap:8px} }
@media (prefers-reduced-motion:reduce){ .nlk-track{animation:none} }
.nlk.wall .nlk-in{gap:1.8vh}
.nlk.wall .nlk-head h2{font-size:clamp(30px,6vh,72px)}
.nlk-art .ca-img,.nlk-tile .ca-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}