/* ═══ خمّن الكرتون — «سينما الحارة» (البادئة tn-) ═══
   لوحة ١٩٢٠×١٠٨٠ تتصغّر بـ--s. الهويّة: صالة سينما قديمة — ستارة مخمل خمري، لافتة لمبات ذهب،
   شاشة عاجيّة تنعرض عليها التلميحات بشعاع بروجكتر، وبكرة فيلم تحت فيها التلميحات كلقطات. */
#stage.xg-tn .g-body>.xg.tn{background:#14030a;overflow:hidden}
.xg.tn{position:relative;font-family:Cairo,Tajawal,sans-serif;font-weight:800;color:#fff;
  --wine:#2a0710;--vel:#8e1426;--vel2:#5a0816;--gold:#ffcc4d;--gold2:#c98a1a;--ivory:#f6f0e2;--ink:#21150f}
.tn-cv{position:absolute;left:50%;top:calc(50% + var(--tn-top,0px) / 2);width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--s,.5));transform-origin:center;overflow:hidden;direction:rtl}

/* الصالة: جدار خمري بنقشة خفيفة وصفوف كراسي ظلّ تحت */
.tn-hall{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 45% at 58% 42%,#ffcf8a24,transparent 70%),
  repeating-linear-gradient(90deg,#00000022 0 3px,transparent 3px 60px),
  linear-gradient(180deg,#3a0a16,#1f040b 70%,#120206)}
.tn-hall::after{content:'';position:absolute;inset:auto 0 0 0;height:120px;background:
  radial-gradient(ellipse 40px 46px at 40px 100%,#0a0105 96%,transparent) 0 0/80px 120px repeat-x;opacity:.85}

/* الستارة: طيّات مخمل على الجنبين */
.tn-cur{position:absolute;top:0;bottom:0;width:150px;z-index:3;background:
  repeating-linear-gradient(90deg,var(--vel2) 0,var(--vel) 14px,#b51e34 24px,var(--vel) 34px,var(--vel2) 48px);
  box-shadow:inset 0 -60px 80px #0009}
.tn-cur.r{right:0;border-bottom-left-radius:120px 60%}
.tn-cur.l{left:0;border-bottom-right-radius:120px 60%}
.tn-cur::after{content:'';position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(#ffcc4d,#a56c10);box-shadow:0 6px 18px #000a}

/* لافتة اللمبات */
.tn-marq{position:absolute;z-index:4;top:22px;left:190px;right:190px;height:138px;display:flex;align-items:center;gap:26px;padding:0 34px;
  border-radius:22px;background:linear-gradient(#3b0c18,#22050c);border:5px solid var(--gold);box-shadow:0 14px 40px #000b,inset 0 0 30px #000a}
.tn-bulbs{position:absolute;inset:-5px;border-radius:22px;pointer-events:none;
  background:radial-gradient(circle,#fff6c8 0 4px,#ffcc4d 5px,transparent 7px) 0 0/34px 34px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:12px;opacity:.95;animation:tnBulb 1.2s steps(2) infinite}
@keyframes tnBulb{50%{opacity:.55}}
.tn-mt{flex:1;text-align:center;display:flex;flex-direction:column;line-height:1.05}
.tn-mt small{font-size:26px;color:#ffd98a;font-weight:900;letter-spacing:.5px}
.tn-mt b{font-size:72px;font-weight:900;color:#fff4d0;text-shadow:0 0 22px #ffcc4daa,0 4px 0 #6a3c05}
.tn-rd{font-size:28px;color:#ffe6b0;padding:10px 20px;border-radius:999px;background:#0006;white-space:nowrap}
.tn-rd b{font-family:Oswald,sans-serif;color:var(--gold);font-size:34px}
.tn-kind{font-size:30px;font-weight:900;padding:10px 24px;border-radius:12px;color:var(--ink);background:var(--gold);box-shadow:0 5px 0 var(--gold2)}
.tn-kind.f{background:#9fd3ff;box-shadow:0 5px 0 #3e7fb6}

/* شعاع البروجكتر من فوق ورا */
.tn-beam{position:absolute;z-index:1;left:640px;top:150px;width:900px;height:620px;
  background:conic-gradient(from 160deg at 50% 0%,transparent 0deg,#fff3c822 14deg,#fff3c80e 30deg,transparent 40deg);filter:blur(6px);opacity:.9}

/* الشاشة */
.tn-scr{position:absolute;z-index:2;right:200px;left:610px;top:200px;height:540px;border-radius:14px;background:
  radial-gradient(ellipse at 50% 45%,#fffaf0,#ece2cc 70%,#cfc2a6);box-shadow:0 0 0 14px #0c0205,0 0 0 18px #3c0b16,0 30px 70px #000c,0 0 120px #ffe7a833}
.tn-grain{position:absolute;inset:0;border-radius:14px;pointer-events:none;opacity:.12;background:
  repeating-radial-gradient(circle at 30% 40%,#000 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#0000 0 120px,#00000014 121px 122px)}
.tn-scr-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 70px;text-align:center;color:var(--ink)}
.tn-scr-in.in{animation:tnIn .55s cubic-bezier(.2,1.2,.4,1)}
@keyframes tnIn{0%{opacity:0;filter:blur(8px);transform:scale(1.04)}100%{opacity:1;filter:none}}
.tn-lab{font-size:28px;font-weight:900;color:#7a2a18;background:#fff3;border:3px solid #c9a36a;padding:6px 20px;border-radius:999px}
.tn-h{margin:0;font-size:82px;line-height:1.3;font-weight:900;color:#1f120c;text-shadow:0 3px 0 #0001}
.tn-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}
.tn-w{display:flex;gap:12px}
.tn-w i{font-style:normal;width:86px;height:104px;border-radius:14px;display:grid;place-items:center;font-size:66px;font-weight:900;
  background:#2a0a12;color:#ffe08a;box-shadow:inset 0 -6px 0 #0007,0 5px 0 #6a1222}
.tn-w i:not(.on){background:#e2d6bb;box-shadow:inset 0 -6px 0 #0001,inset 0 0 0 3px #b59f78}
.tn-ans{margin:0;font-size:110px;line-height:1.15;font-weight:900;color:#8e1426;text-shadow:0 5px 0 #0002}
.tn-res{margin:0;font-size:38px;color:#3a2418}.tn-res b{color:#8e1426}
.xg.tn.rev .tn-scr{box-shadow:0 0 0 14px #0c0205,0 0 0 18px var(--gold),0 30px 70px #000c,0 0 160px #ffcc4d66}

/* الجنب: تذكرة النقاط + الساعة + اللي عرفوه */
.tn-side{position:absolute;z-index:4;left:180px;top:200px;width:400px;height:540px;display:flex;flex-direction:column;gap:16px}
.tn-tk{position:relative;display:flex;align-items:center;gap:16px;padding:14px 26px;border-radius:16px;background:var(--gold);color:var(--ink);box-shadow:0 6px 0 var(--gold2)}
.tn-tk::before,.tn-tk::after{content:'';position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#1f040b}
.tn-tk::before{right:-15px}.tn-tk::after{left:-15px}
.tn-tk small{font-size:26px;font-weight:900}
.tn-tk b{font:700 70px/1 Oswald,sans-serif;margin-inline-start:auto}
.tn-tk em{font-style:normal;font-size:24px;font-weight:900}
.tn-clock{position:absolute;left:-10px;top:118px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gold) calc(var(--p,1)*360deg),#ffffff22 0);box-shadow:0 8px 20px #0009}
.tn-clock::before{content:'';position:absolute;inset:9px;border-radius:50%;background:#2a0710}
.tn-clock b{position:relative;font:700 42px/1 Oswald,sans-serif;color:#fff}
.tn-clock.warn{background:conic-gradient(#ff5a5a calc(var(--p,1)*360deg),#ffffff22 0)}
.tn-side h3{margin:14px 0 0 110px;font-size:40px;font-weight:900;color:#ffe6b0;display:flex;align-items:center;gap:14px}
.tn-side h3 em{font:700 40px/1 Oswald,sans-serif;font-style:normal;color:var(--ink);background:var(--gold);border-radius:999px;padding:4px 16px}
.tn-who{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tn-who li{display:flex;align-items:center;gap:12px;padding:6px 14px;border-radius:12px;background:#ffffff12;font-size:28px;font-weight:900}
.tn-who li.f{background:#ffcc4d33;outline:2px solid var(--gold)}
.tn-who li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-who li b{font-family:Oswald,sans-serif;color:var(--gold);font-size:32px}
.tn-who li.none{color:#ffffff88;justify-content:center;background:none;font-size:26px}
.tn-who .av{width:46px!important;height:46px!important;font-size:22px!important}
.tn-more{margin:0;font-size:26px;color:#ffd98a}

/* بكرة الفيلم: ٥ لقطات = ٥ تلميحات */
.tn-film{position:absolute;z-index:4;left:150px;right:150px;bottom:24px;height:238px;display:flex;align-items:center;gap:18px;padding:0 20px}
.tn-reel{flex:none;width:150px;height:150px;border-radius:50%;background:
  radial-gradient(circle,#1a1a1d 0 16px,transparent 17px),
  radial-gradient(circle at 50% 22%,#0c0c0e 0 18px,transparent 19px),radial-gradient(circle at 78% 62%,#0c0c0e 0 18px,transparent 19px),radial-gradient(circle at 22% 62%,#0c0c0e 0 18px,transparent 19px),
  radial-gradient(circle,#8d8f99 60%,#4a4b52 62%,#2c2d32);box-shadow:0 10px 24px #000b;animation:tnSpin 3s linear infinite}
.xg.tn.rev .tn-reel{animation-play-state:paused}
@keyframes tnSpin{to{transform:rotate(360deg)}}
.tn-strip{flex:1;height:200px;display:flex;gap:14px;padding:22px 16px;border-radius:6px;background:
  radial-gradient(circle,#2b1a14 0 6px,transparent 7px) 0 6px/34px 186px repeat-x,#0b0809;box-shadow:0 12px 30px #000c}
.tn-fr{position:relative;flex:1;min-width:0;border-radius:6px;background:#1f1714;border:3px solid #3a2a24;display:flex;align-items:center;justify-content:center;padding:14px 16px 14px 46px;
  transition:background .4s,border-color .4s}
.tn-fr em{position:absolute;right:10px;top:8px;font:700 26px/1 Oswald,sans-serif;font-style:normal;color:#ffffff55}
.tn-fr b{position:absolute;left:10px;top:8px;font:700 24px/1 Oswald,sans-serif;color:#ffffff44}
.tn-fr span{font-size:25px;line-height:1.3;font-weight:900;color:#f6f0e2;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tn-fr.on{background:linear-gradient(#3a2b1c,#2a1d13);border-color:#8a6a3a}
.tn-fr.on em{color:var(--gold)}
.tn-fr.now{background:linear-gradient(#fff6dc,#e9dcbc);border-color:var(--gold);box-shadow:0 0 30px #ffcc4d77}
.tn-fr.now span{color:var(--ink)}.tn-fr.now em,.tn-fr.now b{color:#7a2a18}
.xg.tn.rev .tn-fr span{color:#f6f0e2}
@media (prefers-reduced-motion:reduce){.tn-bulbs,.tn-reel,.tn-scr-in.in{animation:none}}

/* الجوال الطولي (٢٠٢٦/١١/١١): لوحة ١٠٨٠×١٩٢٠ — الشاشة فوق، اللوحة تحتها، والبكرة آخر شي */
.tn-cv.port{width:1080px;height:1920px}
.tn-cv.port .tn-marq{left:40px;right:40px}
.tn-cv.port .tn-scr{left:60px;right:60px;top:200px;height:720px}
.tn-cv.port .tn-side{left:60px;right:60px;width:auto;top:990px;height:560px}
.tn-cv.port .tn-film{left:30px;right:30px;bottom:40px}
.tn-cv.port .tn-cur{width:50px}