/* «سين جيم» v2 (seenjeem.js) — فريقين 🔵🔴 · لوحة فئات × قيم · شاشة سؤال بدور وسرقة ووسائل مساعدة
   (٢٠٢٦/١٠/١١ المالك: «تكون فرقة … وشكلها يكون أحسن ومتطوّر») */
.sj-stage{flex:1 1 auto;min-height:0;display:flex;gap:1.4cqw}
.sj-main{flex:1 1 auto;min-width:0;display:grid;place-items:center;perspective:120cqw}
.sj-val{display:inline-block;padding:0 .4em;border-radius:.35em;background:var(--gold);color:#2b1d00}

/* ── الفرق ── */
.sj-team{--tc:#4f8dff;flex:0 0 18cqw;display:flex;flex-direction:column;gap:1cqh;padding:1.6cqh 1cqw;border-radius:2.2cqh;min-height:0;overflow:hidden;position:relative;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 30%,#0c1030),#0c1030 60%);border:3px solid color-mix(in srgb,var(--tc) 55%,transparent);
  opacity:.72;transition:opacity .3s,box-shadow .3s,transform .3s}
.sj-team.r{--tc:#ff5d64}
.sj-team.now,.sj-team.steal{opacity:1;transform:translateY(-.6cqh);border-color:var(--tc);box-shadow:0 0 4cqh color-mix(in srgb,var(--tc) 55%,transparent),inset 0 0 3cqh color-mix(in srgb,var(--tc) 25%,transparent)}
.sj-team.now::before,.sj-team.steal::before{content:'دورهم';position:absolute;top:1cqh;left:1cqh;padding:.2cqh .7cqw;border-radius:99px;background:var(--tc);color:#fff;font-size:max(11px,1.7cqh);font-weight:900;animation:sjBlink 1.2s ease-in-out infinite}
.sj-team.steal::before{content:'سرقة!'}
@keyframes sjBlink{50%{opacity:.45}}
.sj-team h3{margin:0;display:flex;align-items:center;justify-content:center;gap:.35em;font-size:max(18px,3.3cqh);font-weight:900;color:#fff}
.sj-team h3 i{font-style:normal}
.sj-sc{display:flex;align-items:baseline;justify-content:center;gap:.35em}
.sj-sc b{font-size:max(34px,8.4cqh);font-weight:900;line-height:1;color:#fff;text-shadow:0 0 2.4cqh var(--tc),0 .4cqh 0 rgba(0,0,0,.4)}
.sj-sc small{font-size:max(12px,2cqh);font-weight:900;color:#c9d3e6}
.sj-aids{display:flex;justify-content:center;gap:.5cqw;flex-wrap:wrap}
.sj-aids span{display:flex;align-items:center;gap:.25em;padding:.4cqh .6cqw;border-radius:99px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);font-size:max(11px,1.75cqh);font-weight:900;color:#fff}
.sj-aids span i{font-style:normal}
.sj-aids span.used{opacity:.3;text-decoration:line-through}
.sj-team ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5cqh;min-height:0;overflow:hidden;flex:1}
.sj-team li{display:flex;align-items:center;gap:.5em;font-size:max(13px,2.1cqh);font-weight:900;padding:.35cqh .45cqw;border-radius:1cqh;background:rgba(255,255,255,.06)}
.sj-team li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-team li em{font-style:normal;color:var(--gold)}
.sj-team p{margin:0;text-align:center;font-size:max(11px,1.8cqh);font-weight:800;color:#c9d3e6}

/* ── اللوحة ── */
.sj-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:auto repeat(5,1fr);gap:1.1cqh}
.sj-cat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqh;padding:1.2cqh .4cqw 1cqh;border-radius:1.6cqh;overflow:hidden;
  background:linear-gradient(160deg,#3a2f9e,#1b1650);border:2px solid rgba(255,255,255,.18);box-shadow:0 .6cqh 1.4cqh rgba(0,0,0,.35);
  animation:sjDrop .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--k) * 60ms)}
.sj-cat::after{content:'';position:absolute;inset:0 0 55%;background:linear-gradient(rgba(255,255,255,.18),transparent);pointer-events:none}
.sj-cat i{font-style:normal;display:grid;place-items:center;width:max(30px,5.6cqh);height:max(30px,5.6cqh);border-radius:50%;background:rgba(255,255,255,.12);font-size:max(18px,3.4cqh)}
.sj-cat b{font-size:max(14px,2.5cqh);font-weight:900;color:#fff;text-align:center}
.sj-cell{position:relative;border:0;border-radius:1.6cqh;cursor:pointer;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(160deg,#3d5cff,#1d2c9c 70%);
  box-shadow:inset 0 .5cqh 0 rgba(255,255,255,.22),inset 0 -.7cqh 0 rgba(0,0,0,.32),0 .7cqh 1.6cqh rgba(0,0,0,.38);
  transition:transform .15s,filter .15s,box-shadow .15s;animation:sjDrop .45s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--k) * 45ms + 200ms)}
.sj-cell::after{content:'';position:absolute;inset:-40% auto -40% -60%;width:40%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:sjShine 4.5s ease-in-out infinite;animation-delay:calc(var(--k) * 300ms)}
@keyframes sjShine{0%,70%{left:-60%}100%{left:130%}}
.sj-cell b{font:900 max(22px,5.6cqh)/1 Tajawal,sans-serif;color:var(--gold);text-shadow:0 .35cqh 0 rgba(0,0,0,.5),0 0 1.6cqh color-mix(in srgb,var(--gold) 45%,transparent)}
button.sj-cell:hover{transform:translateY(-.5cqh) scale(1.03);filter:brightness(1.18);box-shadow:inset 0 .5cqh 0 rgba(255,255,255,.22),inset 0 -.7cqh 0 rgba(0,0,0,.32),0 0 0 .35cqh var(--tc),0 1cqh 2cqh rgba(0,0,0,.45)}
.sj-cell.used{cursor:default;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08);gap:.2cqh;align-content:center;animation:none}
.sj-cell.used::after{display:none}
.sj-cell.used.b{background:linear-gradient(160deg,rgba(79,141,255,.42),rgba(79,141,255,.14));box-shadow:inset 0 0 0 2px rgba(79,141,255,.6)}
.sj-cell.used.r{background:linear-gradient(160deg,rgba(255,93,100,.42),rgba(255,93,100,.14));box-shadow:inset 0 0 0 2px rgba(255,93,100,.6)}
.sj-cell.used i{font-style:normal;font-size:max(14px,2.6cqh)}
.sj-cell.used small{max-width:92%;font-size:max(11px,1.8cqh);font-weight:900;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes sjDrop{from{opacity:0;transform:translateY(-3cqh) rotateX(50deg)}to{opacity:1;transform:none}}

/* ── شاشة السؤال ── */
.sj-q{--tc:#4f8dff;position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqh;padding:3cqh 4cqw;border-radius:2.6cqh;text-align:center;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tc) 45%,#141a4e),#0b0f30 70%);border:4px solid var(--tc);
  box-shadow:0 0 5cqh color-mix(in srgb,var(--tc) 45%,transparent),inset 0 0 6cqh rgba(0,0,0,.4);animation:sjFlip .6s cubic-bezier(.2,1.2,.4,1) both;transition:border-color .4s,box-shadow .4s,background .4s}
.sj-q.steal{animation:sjFlip .6s both,sjAlarm .9s ease-in-out .6s infinite}
@keyframes sjAlarm{50%{box-shadow:0 0 8cqh color-mix(in srgb,var(--tc) 80%,transparent),inset 0 0 6cqh rgba(0,0,0,.4)}}
@keyframes sjFlip{from{opacity:0;transform:rotateY(80deg) scale(.85)}to{opacity:1;transform:none}}
.sj-qtop{display:flex;align-items:center;gap:1.4cqw}
.sj-qc{font-size:max(15px,3cqh);font-weight:900;color:#fff;padding:.7cqh 1.6cqw;border-radius:99px;background:rgba(0,0,0,.32);border:2px solid rgba(255,255,255,.18)}
.sj-medal{display:grid;place-items:center;min-width:max(56px,10cqh);height:max(56px,10cqh);padding:0 .5em;border-radius:99px;font-size:max(20px,4.2cqh);font-weight:900;color:#2b1d00;
  background:radial-gradient(circle at 35% 30%,#fff3b0,var(--gold) 55%,#b8860b);box-shadow:0 0 2.4cqh color-mix(in srgb,var(--gold) 60%,transparent),inset 0 -.5cqh 0 rgba(0,0,0,.2)}
.sj-medal.dbl{background:radial-gradient(circle at 35% 30%,#ffd0f0,#ff5db1 55%,#a3196a);color:#fff}
.sj-phase{font-size:max(16px,3.1cqh);font-weight:900;color:#fff;padding:.7cqh 2cqw;border-radius:99px;background:color-mix(in srgb,var(--tc) 40%,rgba(0,0,0,.3));border:2px solid var(--tc)}
.sj-phase.pop{animation:sjPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes sjPop{from{transform:scale(.6);opacity:0}}
.sj-qt{font-size:max(26px,6.4cqh);font-weight:900;line-height:1.35;color:#fff;text-shadow:0 .4cqh 0 rgba(0,0,0,.45)}
.sj-hint{display:none;gap:.6cqw;direction:rtl}
.sj-hint.on{display:flex;animation:sjPop .4s both}
.sj-hint i{display:grid;place-items:center;width:max(30px,6cqh);height:max(34px,7cqh);border-radius:1cqh;font-style:normal;font-size:max(18px,4cqh);font-weight:900;color:#2b1d00;background:#fff;box-shadow:inset 0 -.5cqh 0 rgba(0,0,0,.15)}
.sj-hint i.sp{background:none;box-shadow:none;width:max(10px,2cqh)}
.sj-ans{display:flex;align-items:center;gap:.6em;padding:1cqh 2cqw;border-radius:99px;font-size:max(18px,3.6cqh);font-weight:900;opacity:0;transform:translateY(2cqh) scale(.9);transition:all .45s cubic-bezier(.2,1.4,.4,1)}
.sj-ans.on{opacity:1;transform:none;background:rgba(0,0,0,.35);border:2px solid var(--tc,rgba(255,255,255,.2))}
.sj-ans em{font-style:normal;color:#4fe091}

/* ══ الانضمام بالفرق (٢٠٢٦/١٠/١١): «أزرق»/«أحمر» من شاشة الانضمام ══ */
.sj-tl #jcloud{display:none!important}
.sj-tl .sj-w{font-style:normal;padding:0 .2em;border-radius:.3em}
.sj-tl .sj-w.b{color:#7fb2ff;text-shadow:0 0 18px rgba(79,141,255,.7)}
.sj-tl .sj-w.r{color:#ff8a90;text-shadow:0 0 18px rgba(255,93,100,.7)}
.sj-tl .jl-core small,.sj-tl .lb-word small{font-size:.5em;opacity:.8;font-weight:800}
.sj-tj{display:flex;gap:14px;width:min(1100px,96%);margin:8px auto;align-items:stretch}
.sj-tjt{--tc:#4f8dff;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:18px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 26%,var(--panel,#161a3a)),var(--panel,#161a3a));border:3px solid color-mix(in srgb,var(--tc) 70%,transparent);
  box-shadow:0 0 26px color-mix(in srgb,var(--tc) 35%,transparent)}
.sj-tjt.r{--tc:#ff5d64}
.sj-tjt header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sj-tjt header b{font-size:26px;font-weight:900;color:#fff}
.sj-tjt header em{font-style:normal;font-weight:900;font-size:26px;min-width:44px;text-align:center;padding:2px 10px;border-radius:12px;background:var(--tc);color:#fff}
.sj-tjt>p{margin:0;font-size:16px;font-weight:800;color:var(--dim,#c9cde6)}
.sj-tjt>p b{color:#fff;font-size:20px}
.sj-tjl{display:flex;flex-wrap:wrap;gap:6px;min-height:44px;align-content:flex-start}
.sj-tjp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:rgba(0,0,0,.28);border:2px solid color-mix(in srgb,var(--tc) 55%,transparent);animation:sjTjIn .35s cubic-bezier(.2,1.5,.4,1)}
.sj-tjp b{font-size:17px;font-weight:900;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-tjp.more{padding:6px 12px;font-weight:900;color:#fff}
.sj-tje{font-style:normal;font-weight:800;opacity:.6;color:#fff;padding:8px}
@keyframes sjTjIn{from{transform:scale(.5);opacity:0}}

.sj-tl .jl-wall{position:relative}
.sj-tl .jl-wall .sj-tj{position:absolute;inset:calc(var(--howh,0px) + 14px) 14px 14px;width:auto;margin:0;gap:16px}
.sj-tl .jl-wall .sj-tjt{padding:14px 16px;gap:10px;overflow:hidden}
.sj-tl .jl-wall .sj-tjt header b{font-size:34px}
.sj-tl .jl-wall .sj-tjt header em{font-size:32px;min-width:56px}
.sj-tl .jl-wall .sj-tjt>p{font-size:20px}.sj-tl .jl-wall .sj-tjt>p b{font-size:26px}
.sj-tl .jl-wall .sj-tjl{gap:8px;overflow:hidden}
.sj-tl .jl-wall .sj-tjp b{font-size:21px;max-width:190px}
.sj-tl .jl-core b{font-size:clamp(20px,3.6vh,36px)!important;display:flex;flex-direction:column;align-items:center;line-height:1.08}
.sj-tl .jl-core b small{font-size:.5em}

/* بطاقات الانضمام بالبنر داخل لوحة كلّ فريق (٢٠٢٦/١٠/١١) */
.sj-tl .sj-tjl.jl-grid{flex:1;min-height:0;overflow:hidden;display:grid;align-content:start;grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));gap:8px;padding:2px}
.sj-tl .sj-tjl.jl-grid.d2{--cw:100%}
.sj-tl .sj-tjl.jl-grid.d3{--cw:calc(50% - 4px)}
.sj-tl .sj-tjl.jl-grid.d4{--cw:calc(33.3% - 6px)}
.sj-tl .sj-tjl .jl-p{border:2px solid color-mix(in srgb,var(--tc) 60%,transparent)}
.sj-tl .sj-tjl.d2 .jl-p{max-height:120px}

/* صور الأسئلة (٢٠٢٦/١٠/١١) */
.sj-qimg{display:block;max-height:32cqh;max-width:46cqw;min-height:14cqh;object-fit:contain;border-radius:2cqh;background:rgba(255,255,255,.92);padding:.6cqh;
  box-shadow:0 1.4cqh 4cqh rgba(0,0,0,.45),0 0 0 .5cqh color-mix(in srgb,var(--tc) 55%,transparent);animation:sjImgIn .5s cubic-bezier(.2,1.4,.4,1)}
.sj-q.has-img{gap:1.8cqh}
.sj-q.has-img .sj-qt{font-size:max(22px,5.2cqh)}
.sj-aimg{height:max(54px,12cqh);width:auto;max-width:22cqh;object-fit:contain;border-radius:1.2cqh;background:#fff;padding:3px;margin-inline-end:.2em}
@keyframes sjImgIn{from{transform:scale(.6) rotate(-4deg);opacity:0}}

/* ══ الوسائل v2 (٢٠٢٦/١٠/١١): بطاقات بأيقونات مرسومة بلون الفريق بدل الحبوب الصغيرة ══ */
.sj-aids{display:grid!important;grid-template-columns:repeat(3,1fr);gap:.5cqw!important;width:100%}
.sj-aids span{display:none!important}
.sj-aid{display:flex;flex-direction:column;align-items:center;gap:.2cqh;padding:.9cqh .3cqw .7cqh;border-radius:1.4cqh;min-width:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 32%,rgba(255,255,255,.06)),color-mix(in srgb,var(--tc) 12%,rgba(0,0,0,.25)));
  border:2px solid color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:inset 0 .3cqh 0 rgba(255,255,255,.12);transition:filter .3s,opacity .3s}
.sj-aid i{display:grid;place-items:center;width:max(26px,4.6cqh);height:max(26px,4.6cqh);border-radius:50%;background:rgba(0,0,0,.25);color:#ffd23d}
.sj-aid.time i{color:#7fe3ff}.sj-aid.pit i{color:#ff9c6b}
.sj-aid i svg{width:72%;height:72%}
.sj-aid b{font-size:max(13px,2.1cqh);font-weight:900;color:#fff;line-height:1.1}
.sj-aid small{font-size:max(10px,1.45cqh);font-weight:800;color:rgba(255,255,255,.75);white-space:nowrap;line-height:1.1}
.sj-aid.used{filter:grayscale(1);opacity:.42}
.sj-aid.used small{color:#fff;text-decoration:none}
.sj-phase:empty{display:none}
.sj-phase small{font-size:.62em;opacity:.85;font-weight:800}
/* التلميح وقت ما ينكشف: أوّل حرف ذهبي والباقي خانات زجاجيّة */
.sj-hint i{background:rgba(255,255,255,.1)!important;color:#fff!important;border:2px solid rgba(255,255,255,.28);box-shadow:inset 0 -.5cqh 0 rgba(0,0,0,.2)!important}
.sj-hint i:first-child{background:linear-gradient(180deg,#ffe27a,#ffc83d)!important;color:#2b1d00!important;border-color:#fff3c4;box-shadow:0 0 2.4cqh rgba(255,200,61,.6)!important}
.sj-hint i.sp{border:0}

/* ══ فوز الفريق كامل (٢٠٢٦/١٠/١٢) ══ */
.sj-win{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.6cqh;padding:3cqh 3cqw;overflow:hidden;border-radius:2.6cqh;
  background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--tc) 45%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--tc) 18%,var(--panel,#121633)),var(--panel,#121633));container-type:size}
.sj-win-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tc) 22%,transparent) 0 8deg,transparent 8deg 22deg);animation:sjRays 18s linear infinite;opacity:.55;pointer-events:none}
@keyframes sjRays{to{transform:rotate(360deg)}}
.sj-win>*{position:relative}
.sj-win header{display:flex;align-items:center;gap:2cqw;padding:1.4cqh 3cqw;border-radius:2.4cqh;background:rgba(0,0,0,.35);border:3px solid var(--tc);box-shadow:0 0 5cqh color-mix(in srgb,var(--tc) 55%,transparent);animation:sjWinIn .7s cubic-bezier(.2,1.5,.4,1)}
.sj-win header>i{font-style:normal;font-size:max(40px,8cqh);filter:drop-shadow(0 0 2cqh #ffd23d)}
.sj-win header div{display:flex;flex-direction:column}
.sj-win header small{font-size:max(14px,2.4cqh);font-weight:900;color:var(--star,#ffd23d)}
.sj-win header div b{font-size:max(30px,6.4cqh);font-weight:900;color:#fff;line-height:1.1}
.sj-win header em{font-style:normal;display:flex;flex-direction:column;align-items:center;padding-inline-start:2cqw;border-inline-start:2px solid rgba(255,255,255,.25)}
.sj-win header em b{font-size:max(30px,6cqh);font-weight:900;color:#ffd23d;line-height:1}
.sj-win header em small{color:#fff;opacity:.75}
@keyframes sjWinIn{from{transform:scale(.4);opacity:0}}
.sj-win-grid{width:min(100%,1100px);flex:1;min-height:0;overflow:hidden;display:grid;align-content:start;grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));gap:1.2cqh}
.sj-win-grid.d2{--cw:min(46%,420px);--av:clamp(40px,7cqh,64px);--nm:clamp(18px,3.2cqh,28px)}
.sj-win-grid.d3{--cw:min(31%,300px);--av:clamp(32px,5.4cqh,50px);--nm:clamp(15px,2.6cqh,22px)}
.sj-win-grid.d4{--cw:min(23%,220px);--av:clamp(26px,4.2cqh,40px);--nm:clamp(13px,2.1cqh,18px)}
.sj-win-p{display:flex;flex-direction:column;gap:.4cqh;animation:sjWinIn .6s both}
.sj-win-p:nth-child(2){animation-delay:.08s}.sj-win-p:nth-child(3){animation-delay:.16s}.sj-win-p:nth-child(4){animation-delay:.24s}.sj-win-p:nth-child(n+5){animation-delay:.32s}
.sj-win-p .jl-p{width:100%;aspect-ratio:600/220;border-radius:14px;padding:0 10px 7px;align-items:flex-end;border:2px solid color-mix(in srgb,var(--tc) 70%,transparent)}
.sj-win-p .jl-p.has-bn .jl-bn{opacity:1}
.sj-win-p .jl-p::after{content:"";position:absolute;inset:40% 0 0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(3,13,42,.85))}
.sj-win-p.mvp .jl-p{border-color:#ffd23d;box-shadow:0 0 3cqh rgba(255,210,61,.6)}
.sj-win-p u{text-decoration:none;text-align:center;font-weight:900;font-size:max(13px,2.1cqh);color:#fff}
.sj-win-p.mvp u{color:#ffd23d}
.sj-win-pts{margin:0;font-weight:900;font-size:max(14px,2.4cqh);color:#fff;opacity:.9}
.sj-win footer{display:flex;align-items:center;gap:1cqw;flex-wrap:wrap;justify-content:center;opacity:.7;font-weight:900;color:#fff}
.sj-win footer span{display:flex;flex-wrap:wrap;gap:.6cqw}
.sj-win footer i{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:max(12px,1.8cqh)}

/* (٢٠٢٦/١٠/٢٤) بطاقة الوسيلة تنضغط للستريمر + سطر الشرح */
.sj-aid{cursor:pointer}.sj-aid:not(.used):hover{filter:brightness(1.15)}
.sj-aid small{font-weight:800}
.sj-aid-tip{margin:.4cqh 0 0;font-size:max(11px,1.5cqh);font-weight:800;color:rgba(255,255,255,.75);text-align:center;line-height:1.3}
.sj-aid .sj-aid-w{color:#ffd23d;font-size:max(10px,1.35cqh)}