/* ═══ سوق هدهد — «شاشة البورصة» (البادئة sq-) — لوحة ١٩٢٠×١٠٨٠ ═══ */
#stage.xg-sq .g-body>.xg.sq{background:#070a12;overflow:hidden}
.xg.sq{position:relative;font-family:Cairo,Tajawal,sans-serif;font-weight:800;color:#fff}
.sq-cv{position:absolute;left:50%;top:calc(50% + var(--top,0px)/2);width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--s,.5));overflow:hidden;direction:rtl;
  background:radial-gradient(ellipse at 50% 0%,#14203a,#070a12 60%),#070a12}
.sq-cv::before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff06 1px,transparent 1px) 0 0/100% 40px;pointer-events:none}
.sq-hd{position:absolute;top:24px;left:50px;right:50px;display:flex;align-items:center;gap:24px}
.sq-logo{display:flex;flex-direction:column;line-height:1;padding:12px 24px;border-radius:14px;background:#ffcc4d;color:#1a1305}.sq-logo b{font-size:44px}.sq-logo small{font-size:20px}
.sq-day{font-size:30px;padding:10px 22px;border-radius:999px;background:#ffffff10}.sq-day b{font:700 40px Oswald;color:#ffcc4d}
.sq-clock{margin-inline-start:auto;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:6px solid #ffcc4d;font:700 54px Oswald;background:#0008}.sq-clock.warn{border-color:#ff4d6d}
.sq-board{position:absolute;top:170px;right:50px;width:1280px;height:690px;border-radius:24px;background:#0b1120;border:2px solid #ffffff18;box-shadow:inset 0 0 60px #000a}
.sq-board canvas{position:absolute;top:16px;right:50px;width:1180px;height:560px}
.sq-tick{position:absolute;left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sq-a{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:10px 14px;border-radius:16px;background:#ffffff08;border:2px solid color-mix(in srgb,var(--c) 45%,transparent)}
.sq-a em{grid-row:span 2;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font:700 30px Oswald;font-style:normal;background:var(--c);color:#0a0e1a}
.sq-a b{font-size:26px}.sq-a .sq-p{font:700 26px Oswald;color:#dfe6ff;grid-column:2}
.sq-ch{grid-column:3;grid-row:1;font:700 22px Oswald;font-style:normal;color:#9fb0dc}.sq-ch.up{color:#3ddc84}.sq-ch.dn{color:#ff4d6d}
.sq-n{grid-column:3;grid-row:2;text-decoration:none;min-width:40px;text-align:center;font:700 20px Oswald;padding:2px 8px;border-radius:999px;background:#0008;color:#ffcc4d}
.sq-a.has{background:color-mix(in srgb,var(--c) 14%,#0b1120)}
.sq-a.won{box-shadow:0 0 30px #3ddc8466;border-color:#3ddc84}.sq-a.lost{border-color:#ff4d6d88;opacity:.85}
.sq-side{position:absolute;top:170px;left:50px;width:520px;height:690px;padding:20px;border-radius:24px;background:#0b1120;border:2px solid #ffffff18}
.sq-side h3{margin:0 0 12px;font-size:30px;color:#ffcc4d}
.sq-side ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sq-side li{display:grid;grid-template-columns:30px 44px 1fr auto 70px;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#ffffff08;font-size:22px}
.sq-side li.f{background:#ffcc4d1f;outline:2px solid #ffcc4d}
.sq-side li em{font:700 24px Oswald;font-style:normal;color:#9fb0dc}.sq-side li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-side li b{font:700 24px Oswald}.sq-side li i{font:700 18px Oswald;font-style:normal;text-align:center}.sq-side li i.up{color:#3ddc84}.sq-side li i.dn{color:#ff4d6d}
.sq-side .av{width:40px!important;height:40px!important}
.sq-news{position:absolute;left:50px;right:50px;bottom:40px;height:150px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 24px;padding:16px 30px;border-radius:22px;background:#120d05;border:3px solid #ffcc4d}
.sq-news b{grid-row:span 2;padding:12px 22px;border-radius:12px;background:#ff4d6d;font-size:30px;animation:sqBl 1s steps(2) infinite}@keyframes sqBl{50%{opacity:.6}}
.sq-news span{font-size:42px;color:#fff6dc}.sq-news small{font-size:22px;color:#c9b88a}
.sq-news.true{border-color:#3ddc84}.sq-news.true small{color:#3ddc84}.sq-news.rumor{border-color:#ff4d6d}.sq-news.rumor small{color:#ff8a9a}
.sq-news.true b,.sq-news.rumor b{animation:none}

/* الجوال الطولي (٢٠٢٦/١١/١١): لوحة ١٠٨٠×١٩٢٠ — الرسم فوق، الترتيب تحت، والخبر آخر شي */
.sq-cv.port{width:1080px;height:1920px}
.sq-cv.port .sq-hd{left:40px;right:40px}
.sq-cv.port .sq-board{top:170px;right:40px;width:1000px;height:760px}
.sq-cv.port .sq-board canvas{right:30px;width:940px;height:520px}
.sq-cv.port .sq-tick{grid-template-columns:repeat(3,1fr)}
.sq-cv.port .sq-side{top:960px;left:40px;width:1000px;height:640px}
.sq-cv.port .sq-news{left:40px;right:40px;bottom:40px;height:230px}
.sq-cv.port .sq-news span{font-size:36px}

/* ═══ (٢٠٢٦/١١/١١) «سباق القوافل» 3D — لوحات القوافل والخبر فوق المشهد (البادئة sq3-) ═══ */
.bc-sq{--bc-acc:#b8641f;--bc-acc2:#ffcc4d}
.sq3{position:absolute;inset:0;pointer-events:none}
.sq3-tags{position:absolute;inset:0}
.sq3-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:calc(8px*var(--u));padding:calc(4px*var(--u)) calc(12px*var(--u)) calc(4px*var(--u)) calc(4px*var(--u));border-radius:999px;will-change:transform;
 background:#1a0f08e8;border:calc(2px*var(--u)) solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 8px 22px #0009;white-space:nowrap}
.sq3-tag em{width:calc(34px*var(--u));height:calc(34px*var(--u));border-radius:50%;display:grid;place-items:center;background:var(--c);color:#1a1206;font-style:normal;font-size:calc(22px*var(--u))}
.sq3-tag b{font-size:calc(20px*var(--u));font-weight:900;color:#fff}
.sq3-tag span{font-size:calc(22px*var(--u));color:#ffe9b8}
.sq3-tag i{font-style:normal;font-size:calc(17px*var(--u));font-weight:900}.sq3-tag i.up{color:#5fe39a}.sq3-tag i.dn{color:#ff6a6a}
.sq3-tag.hot{box-shadow:0 0 0 calc(3px*var(--u)) #ffcc4d,0 0 calc(26px*var(--u)) #ffcc4d88;animation:sq3Hot 1.2s ease-in-out infinite}
@keyframes sq3Hot{50%{filter:brightness(1.25)}}
.sq3-news{position:absolute;top:auto;bottom:calc(var(--bc-pb,0px) + 196px*var(--u));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:calc(18px*var(--u));
 width:min(calc(1000px*var(--u)),calc(100% - 40px*var(--u)));padding:calc(12px*var(--u)) calc(22px*var(--u));border-radius:calc(16px*var(--u));background:#1a0f08ee;border:calc(3px*var(--u)) solid #ffcc4d;box-shadow:0 14px 36px #000a}
.sq3-news b{grid-row:span 2;padding:calc(8px*var(--u)) calc(16px*var(--u));border-radius:calc(10px*var(--u));background:#e2473a;color:#fff;font-size:calc(22px*var(--u));font-weight:900;animation:sq3Bl 1s steps(2) infinite}
@keyframes sq3Bl{50%{opacity:.6}}
.sq3-news span{font-size:calc(32px*var(--u));font-weight:900;color:#fff6dc;line-height:1.3}
.sq3-news small{font-size:calc(17px*var(--u));color:#d9c290;font-weight:800}
.sq3-news.true{border-color:#3ddc84}.sq3-news.true small{color:#5fe39a}.sq3-news.rumor{border-color:#ff4d6d}.sq3-news.rumor small{color:#ff8a9a}
.sq3-news.true b,.sq3-news.rumor b{animation:none}
.sq3-news.in{animation:sq3In .5s cubic-bezier(.2,1.4,.4,1)}@keyframes sq3In{from{transform:translate(-50%,-20px);opacity:0}}
@media (max-aspect-ratio:1/1){.sq3-news{bottom:calc(var(--bc-pb,0px) + 250px*var(--u))}.sq3-news span{font-size:calc(26px*var(--u))}.sq3-tag b{display:none}}