/* ═══ زمن الطيبين — «تلفزيون المجلس» (البادئة ty-) ═══
   اللوحة ١٩٢٠×١٠٨٠ ثابتة وتتصغّر بـ--s على قدّ المسرح (نفس المعاينة المعتمدة _concepts/tayebeen ?d=tv) */
#stage.xg-ty .g-body>.xg.ty{background:#2a1a12;overflow:hidden}
.xg.ty{position:relative;font-family:Cairo,Tajawal,sans-serif;font-weight:800;color:#fff}
.ty-cv{position:absolute;left:50%;top:calc(50% + var(--ty-top,0px) / 2);width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--s,.5));transform-origin:center;overflow:hidden;direction:rtl}
.ty-cv img{display:block}

.ty-wall{position:absolute;inset:0;background:
  radial-gradient(ellipse at 38% 40%,#ffcf8a33,transparent 55%),
  repeating-linear-gradient(90deg,#3a2418 0 34px,#331f15 34px 68px),#2a1a12}
.ty-wall::after{content:'';position:absolute;inset:auto 0 0 0;height:330px;background:linear-gradient(#5a3a22,#3b2414);box-shadow:inset 0 10px 30px #0008}

.ty-head{position:absolute;top:30px;left:60px;right:60px;display:flex;align-items:flex-start;gap:28px}
.ty-round{margin-top:22px}
.ty-logo{display:flex;flex-direction:column;line-height:.9;padding:10px 22px;border-radius:14px;background:#f2c14e;color:#2a160a;box-shadow:0 6px 0 #8a5a12}
.ty-logo small{font-size:22px;font-weight:900}.ty-logo b{font-size:44px;font-weight:900}
.ty-round{font-size:26px;color:#f7dcb2;padding:8px 18px;border-radius:999px;background:#0004}
.ty-round b{font-family:Oswald,sans-serif;color:#ffd36b}
.ty-ask{margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:56px;font-weight:900;color:#fff3dc;text-shadow:0 4px 0 #0006;line-height:1.25}
.ty-ask small{font-size:26px;color:#ffd36b}

/* التلفزيون الخشب: الشاشة يمين والأزرار والسمّاعة يسارها */
.ty-set{position:absolute;top:150px;right:150px;width:840px;display:flex;flex-direction:column;align-items:center}
.ty-tv{width:840px;height:610px;border-radius:46px;background:linear-gradient(160deg,#7a4a26,#4d2b14 60%,#3a200f);padding:42px 42px 42px 210px;position:relative;box-shadow:0 30px 60px #0009,inset 0 2px 0 #b07444}
.ty-screen{position:relative;width:100%;height:100%;border-radius:60px/46px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 14px #1a1a1a,0 0 0 6px #2b1a0c}
.ty-screen img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}
.ty-scan{position:absolute;inset:0;background:repeating-linear-gradient(#0000 0 3px,#0003 3px 4px),radial-gradient(ellipse at center,#0000 55%,#000a 100%);pointer-events:none}
/* وشوشة تبديل القناة أوّل ما تنفتح الصورة */
.ty-snow{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#fff3 0 2px,#0005 2px 3px),repeating-linear-gradient(90deg,#fff2 0 1px,#0003 1px 3px);mix-blend-mode:screen}
.ty.ask .ty-snow{animation:tySnow .55s steps(6) both}
.ty.ask .ty-screen img{animation:tyOn .55s ease-out both}
@keyframes tySnow{0%{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-6px)}100%{opacity:0;transform:translateY(4px)}}
@keyframes tyOn{0%{transform:scaleY(.02);filter:brightness(3)}60%{transform:scaleY(1);filter:brightness(1.4)}}
.ty-osd{position:absolute;top:26px;left:40px;right:40px;display:flex;justify-content:space-between;font:700 34px 'Courier New',monospace;color:#9dff8f;text-shadow:0 0 10px #4f6,2px 2px 0 #0a0}
.ty-osd .rec{color:#ff6b6b;text-shadow:0 0 10px #f44}
.ty-year{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0006;animation:tyPop .5s cubic-bezier(.2,1.6,.4,1) both}
.ty-year b{font:700 170px Oswald,sans-serif;color:#fff;text-shadow:0 0 30px #ffe08a,0 8px 0 #0008;line-height:1}
.ty-year small{font-size:30px;font-weight:900;color:#ffd36b;background:#000a;padding:4px 18px;border-radius:12px}
@keyframes tyPop{from{transform:scale(.6);opacity:0}}
.ty-knobs{position:absolute;top:60px;bottom:60px;left:24px;width:150px;display:flex;flex-direction:column;align-items:center;gap:30px}
.ty-knobs i{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9c6a3,#7a6141 70%);box-shadow:0 6px 10px #0008,inset 0 -4px 0 #0004}
.ty.ask .ty-knobs i:first-child{animation:tyKnob .5s ease-out}
@keyframes tyKnob{from{transform:rotate(-80deg)}}
.ty-knobs .grill{flex:1;width:110px;border-radius:12px;background:repeating-linear-gradient(#2a170a 0 6px,#5c3a1c 6px 12px)}

/* الفيديو تحت التلفزيون: أكثر سنة كتبوها، وبالكشف السنة الصح */
.ty-vcr{margin-top:22px;width:760px;height:96px;border-radius:14px;background:linear-gradient(#2b2b2f,#18181b);display:flex;align-items:center;gap:26px;padding:0 30px;box-shadow:0 14px 24px #0008}
.vcr-slot{flex:1;height:22px;border-radius:6px;background:#050505;box-shadow:inset 0 3px 6px #000}
.vcr-lcd{font:700 52px 'Courier New',monospace;color:#7dffc4;text-shadow:0 0 14px #2f9;background:#06140e;padding:2px 18px;border-radius:8px;min-width:170px;text-align:center}
.ty-vcr small{font-size:22px;color:#c9c9c9}
.ty.rev .vcr-lcd{color:#ffd36b;text-shadow:0 0 14px #fb3;background:#1a1204}

/* اللوحة الجانبية يسار */
.ty-side{position:absolute;top:230px;left:90px;width:560px;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:30px;background:#140b06cc;box-shadow:inset 0 0 0 2px #f2c14e44}
.ty-side h3{font-size:40px;font-weight:900;color:#f2c14e}
.ty-cnt{display:flex;align-items:baseline;gap:12px}
.ty-cnt b{font:700 120px Oswald,sans-serif;color:#fff;line-height:1}
.ty-cnt small{font-size:30px;color:#f7dcb2}
.ty-clock{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f2c14e calc(var(--p,1)*360deg),#ffffff22 0);transition:background .3s}
.ty-clock b{width:118px;height:118px;border-radius:50%;background:#140b06;display:grid;place-items:center;font:700 64px Oswald,sans-serif}
.ty-clock.warn{background:conic-gradient(#ff5a4f calc(var(--p,1)*360deg),#ffffff22 0)}
.ty-clock.warn b{color:#ff8a80}
.ty-win{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.ty-win li{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:10px 16px;border-radius:16px;background:#ffffff10;animation:tyIn .45s both}
.ty-win li:nth-child(2){animation-delay:.12s}.ty-win li:nth-child(3){animation-delay:.24s}
@keyframes tyIn{from{transform:translateX(-30px);opacity:0}}
.ty-win li:first-child{background:linear-gradient(90deg,#f2c14e44,#ffffff10);box-shadow:inset 0 0 0 2px #f2c14e}
.ty-win li .av{grid-row:1/3;width:58px!important;height:58px!important;font-size:26px}
.ty-win li span{font-size:28px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ty-win li b{font:700 36px Oswald,sans-serif;grid-row:1/3;grid-column:3}
.ty-win li em{font-style:normal;font-size:19px;color:#ffd36b}
.ty-more{font-size:22px;color:#9dff8f}
.ty-fact{font-size:25px;line-height:1.55;color:#f7dcb2}

/* الخطّ الزمني: شريط تحت بسنين ١٩٧٠–٢٠٢٥ ووجيه اللي خمّنوا فوق سنتهم */
.ty-tl{position:absolute;left:70px;right:70px;bottom:40px;height:250px}
.ty-tl-in{position:absolute;inset:0}
.ty-tl .rail{position:absolute;left:0;right:0;bottom:46px;height:8px;border-radius:4px;background:linear-gradient(#111,#333);box-shadow:0 0 0 3px #f2c14e55}
.ty-tl .tk{position:absolute;bottom:34px;width:2px;height:16px;transform:translateX(-1px);background:#f7dcb2aa}
.ty-tl .tk.big{height:28px;bottom:28px}
.ty-tl .tk b{position:absolute;top:34px;left:50%;transform:translateX(-50%);font:700 22px Oswald,sans-serif;white-space:nowrap;color:#f7dcb2}
.ty-tl .stk{position:absolute;bottom:62px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:3px;z-index:2}
.ty-tl .stk em{font:700 17px Oswald,sans-serif;font-style:normal;color:#fff;background:#0008;padding:0 6px;border-radius:8px}
.ty-a{display:block;font-style:normal;transition:opacity .3s,transform .3s}
.ty-a .av{width:38px!important;height:38px!important;font-size:18px;box-shadow:0 0 0 2px #0008}
.ty-a .av .av-ring{display:none}
.ty-a.hit{transform:scale(1.18)}
.ty-a.hit .av{box-shadow:0 0 0 3px #fff,0 0 16px #ffe27a}
.ty-a.far{opacity:.35;filter:grayscale(.7)}
.ty-tl .truth{position:absolute;bottom:20px;top:-16px;width:6px;transform:translateX(-3px);border-radius:3px;z-index:3;background:#ff5a4f;box-shadow:0 0 20px #ff5a4f;animation:tyDrop .7s cubic-bezier(.2,1.4,.4,1) both}
.ty-tl .truth b{position:absolute;top:-58px;left:50%;transform:translateX(-50%);font:700 44px Oswald,sans-serif;padding:2px 16px;border-radius:12px;white-space:nowrap;background:#ff5a4f;color:#fff}
@keyframes tyDrop{from{transform:translate(-3px,-60px);opacity:0}}
.ty-tl .zone{position:absolute;bottom:40px;top:0;border-radius:14px;z-index:0;background:#f2c14e22;box-shadow:inset 0 0 0 2px #f2c14e66}

body.perf-lite .ty *,html.perf-lite .ty *{animation:none!important}

/* الجوال الطولي (٢٠٢٦/١١/١١): لوحة ١٠٨٠×١٩٢٠ — التلفزيون فوق، اللوحة تحته، والخطّ الزمني آخر شي */
.ty-cv.port{width:1080px;height:1920px}
.ty-cv.port .ty-head{left:40px;right:40px}
.ty-cv.port .ty-set{top:170px;right:120px}
.ty-cv.port .ty-side{top:1060px;left:40px;right:40px;width:auto}
.ty-cv.port .ty-tl{left:40px;right:40px;bottom:40px}