/* ============================================================
   سيكل — طبقة الهوية الجديدة
   تُحمَّل بعد components.css فتغلبها بالترتيب لا بالـ!important
   إلا حيث القناع نفسه لازم ينشال.

   ما بقي من تَك (مقصودًا): سلّم الارتفاع، الهندسة السائلة،
   الطباعة العربية، ومروحة الورق. هذي أدوات، ما هي هوية.

   ما راح: العضّة/الحزّة، وطيّة الورقة، ولغة «الصحيفة» كلها.
   كانت مجازًا لمجلسٍ من ورق؛ وسيكل ليس ورقًا — هو خطٌّ ذهبيّ
   على ليل. الشكل صار مستطيلًا نظيفًا بحدٍّ شعرة.

   والبنفسجي: غمزة الوكيل وحدها. نقطة عند اسم اللاعب الآلي،
   ولا شيء غيرها. أرضيةٌ بنفسجية تقتل الإشارة.
   ============================================================ */

/* ١ · تنشال العضّة — اللوح مستطيل نظيف */
.tknotch,.tknotch>.face,.tknotch>.face::after{
  -webkit-mask-image:none!important;mask-image:none!important}
.tknotch>.face{border-radius:var(--r-sheet)}
.tknotch>.face::after{border-radius:calc(var(--r-sheet) - 1.5px)}

/* ٢ · سطح اللوح: كحل + حدّ شعرة، بلا حوافّ مضاءة ثقيلة */
.tknotch>.face{
  background:linear-gradient(168deg,
    color-mix(in srgb, var(--s-panel-hi) 92%, white 8%) 0%,
    var(--s-panel) 46%,
    var(--s-panel-lo) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}

/* ٣ · الطيّة الصغيرة أعلى اللوح — أثرُ ورقٍ.
   (‎.pin‎ هو اللوح نفسه لا الطيّة — قيسَ: نفس المستطيل حرفًا
    بحرف. إخفاؤه يخفي الديوانية كلها. الطيّة تُعالَج بمحدِّدها
    الصحيح بعد ما يُقاس، لا بالتخمين.) */

/* ٤ · غمزة الوكيل: نقطة بنفسجية قبل اسم اللاعب الآلي فقط */
.tkagent::before{content:"";display:inline-block;
  width:.42em;height:.42em;margin-inline-end:.5em;border-radius:50%;
  background:var(--ai);box-shadow:0 0 0 3px var(--ai-glow);
  vertical-align:.06em}

/* ٥ · لغة «العضّة» كلها — الزرّ والدفتر والحلقة.
   العضّة كانت توقيع تَك: ركنٌ مقضوم يقول «ورقة». تنشال من كل
   جسم يحملها، فترجع الأشكال مستطيلات نظيفة بنصف قطرٍ واحد.
   ‎!important‎ هنا لأن القناع نفسه مُعلَن على العنصر، وما ينغلب
   بالترتيب وحده. */
.tkbite>.tkb-1{-webkit-mask-image:none!important;mask-image:none!important}
.tkbite::before{display:none!important}
.tkledger::before,.tkledger::after{
  -webkit-mask-image:none!important;mask-image:none!important}

/* ٦ · نصف قطر واحد يحكم كل الأجسام — سلّمٌ لا تشكيلة */
.tkbite>.tkb-1{border-radius:var(--r-btn-1)}
.tkledger::before,.tkledger::after{border-radius:var(--nr)}

/* ٧ · «الورقة البطلة» خلف اللوح — تنشال.
   كانت تقول «لعبة ورق بلا كلمة»، والمروحة فوق تقولها أوضح.
   وعلامة سيكل نفسها ورقتان مرسومتان — فصارت الورقة الثالثة
   تكرارًا، وتُقرا طرفًا شاردًا عند ركن اللوح لا مجازًا. */
.tkhero{display:none!important}

/* ٨ · غمزة الوكيل — شكل العلامة نفسه لا نقطة عامّة.
   النقطة الدائرية كانت أي نقطة؛ والعقدة (نقطتان وكوعٌ بينهما)
   هي بالضبط ما في العلامة، فتُقرا استشهادًا لا زينة. */
#soloButton{position:relative;padding-inline-end:2.4em}
#soloButton::before{content:"";position:absolute;
  inset-inline-end:.85em;top:50%;transform:translateY(-50%);
  width:.78em;height:1.13em;
  background-color:var(--ai);
  -webkit-mask:url("../assets/saikal-node.png") center/contain no-repeat;
          mask:url("../assets/saikal-node.png") center/contain no-repeat}

/* ٩ · الورقة الرابعة — يتيمة بعد رحيل العضّة.
   مكتوبٌ عند إعلانها إنها «الوحيدة اللي ما تنشاف إلا من نافذة
   العضّة»، وحافّتها المايلة كانت تقطع درجة الحزّة فتُقرا طيّة.
   فلمّا راحت النافذة، ما بقي لها ما تُقرا فيه: تقعد فوق ركن
   اللوح لصاقةً لا ورقة. تنشال مع سببها. */
.tkfan>:last-child{display:none!important}

/* ١٠ · أرضٌ هادئة تحت العلامة.
   قيسَ: نقاط الوكيل البنفسجية على السدو المزركش تعطي تباينًا
   ‎1.27:1‎ — أي لا تُقرا. والإشارة اللي ما تُقرا ليست إشارة.
   والعلاج ليس تفتيح العلامة (ممنوع تعديل حبرها)، بل تهدئة ما
   تحتها: هالةٌ من لون الأرضية تحت العلامة وحدها، تخفت للشفافية
   قبل حافّتها فما يبين لها حدّ. الزخرفة تكمل، والغمزة تبين. */
.tkmark-img{
  background:
    url("../assets/saikal-mark.png") center/contain no-repeat,
    radial-gradient(ellipse 64% 60% at 50% 47%,
      rgba(10,11,18,.90) 0%, rgba(10,11,18,.72) 42%,
      rgba(10,11,18,.34) 64%, rgba(10,11,18,0) 78%)}

/* ١١ · الطيّة تفتح لتحت، والعلامة ما تصغر.
   كان مكتوبًا: ‎.room:has(.roomfold[open]) .tkmark-img{width:…88px}‎ —
   أي إن فتح «عندك رمز؟» يقلّص العلامة ٤٠px ويسحب اللوح لفوق.
   قيسَ: مغلقًا يبقى ‎120.2px‎ فاضيًا تحت الدفتر، والطيّة تحتاج
   ‎63.1px‎ وحدها. فالمكان موجود تحت، والتصميم كان ياخذه من فوق.
   العلامة تثبت، والنموّ ينزل في الفراغ اللي كان مهدورًا. */
.room:has(.roomfold[open]) .tkmark-img{
  width:clamp(104px, 92px + 5.6 * var(--g), 132px)}

/* ١٢ · المسرح ما ينقبض — لا حشوته ولا فجوته.
   (على الشاشات القصيرة يبقى الانقباض: ما فيه فائض يُؤخذ منه.) */
@media (min-height:700px){
  .room:has(.roomfold[open]) .stage{
    padding-block-start:calc(8px + 19 * var(--g));
    --stage-gap:calc(11 * var(--g))}
}
/* على ٦٦٧ يبقى انقباض المسرح كما صُمّم أصلًا: ما فيه فائضٌ
   يُؤخذ من مكانٍ آخر. العلامة لا تصغر — ذاك التنازل مرفوض. */
@media (max-height:699px){
  /* ثابتٌ في الحالتين — لو انقبض عند الفتح تحرّك العنوان معه. */
  .stage, .room:has(.roomfold[open]) .stage{
    padding-block-start:calc(3px + 9 * var(--g));
    --stage-gap:calc(4px + 7 * var(--g))}
}

/* ١٣ · العمود يملأ الصفحة، والطيّة ما تحرّك شيئًا.
   قيسَ: ‎DIV.grow‎ (‎flex-grow:1‎) كان يبتلع ‎137.8px‎ تحت الدفتر،
   والطيّة تحتاج ‎63.1px‎. فالفائض ينتقل للّوح بدل ما يُهدر: يكبر
   اللوح مقدّمًا حتى يسع حالته **المفتوحة**. وعندها لا ينمو شي
   عند الفتح — المسرح ثابت، والعلامة ثابتة، ولا تمرير. */
/* اللوح يلزم مقاسه: محتواه + حجز الطيّة، بلا تمطّط زائد.
   والفائض الباقي ينزل تحت الدفتر فيُقرا هامشًا، لا فراغًا داخل
   صندوق. (‎.grow‎ يرجع ياخذه، لكن بعد ما قعد الدفتر على قاعه.) */
.grow{flex-grow:1}
.panel{flex:0 0 auto}
/* فجوة ثابتة بين اللوح والدفتر — ‎auto‎ كانت تنهار على الشاشات
   القصيرة فيتلاصق الصندوقان ويُقرا تداخلًا (قيسَ على ٦٦٧: صفر). */
.tkledger{margin-block-start:calc(6px + 6 * var(--g))}

/* الدفتر أوسع نَفَسًا — لكن بقدر ما تسمح الشاشة.
   ‎--g‎ يقيس فائض الطول: صفرٌ تقريبًا على ٦٦٧، و٢٫٠٤ على ٨٤٤.
   فالنَفَس يزيد حيث يوجد مكان، ولا يفيض على القصيرة (جُرِّب
   حشوٌ ثابت فطلع ‎OVERFLOW=59‎ على ٦٦٧). */
.tkledger{min-block-size:calc(82px + 15 * var(--g))}
.panel>.pin{height:100%;display:flex;flex-direction:column}

/* ١٤ · الطيّة تحجز مكانها مقدّمًا.
   بقيَ اللوح ينمو ٣٠٫٦px عند الفتح فيزحف لفوق، لأن الهامش اللي
   فوقه ‎auto‎ فيبتلع الفائض ويردّه. فالحلّ ألّا يتغيّر طول اللوح
   أصلًا: الطيّة تاخذ طولها **مفتوحةً** وهي مطويّة.
     الملخّص ٤٤ + فجوة الصفّ (٥ + ٢g) + الصفّ (٤٦ + ٣٫٩٢g)
   = ٩٥px + ٥٫٩٢g — مشتقّ من نفس الحسابات المكتوبة، لا رقمًا مقيسًا.
   وعندها: الفتح ما يحرّك بكسلًا واحدًا في الصفحة. */
/* الحجز انتقل من الطيّة إلى اللوح، ومقسومًا نصفين.
   كان الحجز داخل الطيّة فيقعد فراغًا **تحت** «عندك رمز؟» — يُقرا
   عطبًا. الآن يُقسم حشوًا أعلى وأسفل المحتوى: مطويًّا تقعد الأزرار
   في وسط اللوح، ومفتوحًا يُفرَج الحشو فترتفع الأزرار ويحلّ الصفّ
   محلّها. طول اللوح ثابت في الحالتين، فما تتحرّك الصفحة. */
.panel>.pin{justify-content:flex-start}

/* ── الطيّة: الطول ثابت رياضيًّا، لا تقريبًا ────────────────
   الفارق اللي تضيفه الطيّة مكتوبٌ في العدّة نفسها:
     صفّ الرمز = calc(46px + 3.92g)  ·  فجوته = calc(5px + 2g)
     الفارق    = 51px + 5.92g
   فلو حجزنا **نفس** هذا المقدار ورجّعناه عند الفتح، صار طول
   اللوح ثابتًا بالمطابقة لا بالتقريب. (المحاولات السابقة حجزت
   ٥٧ ثم ٤٦ فبقي انزياحٌ صغير — الرقم لازم يطابق، لا يقارب.)

   والحجز يُوزَّع على فجوات العمود الأربع بدل ما يقعد فجوةً واحدة
   فوق أول زرّ: مطويًّا يتنفّس اللوح بانتظام، ومفتوحًا يتقارب
   وينفتح مكان الصفّ. فالأزرار ما تقعد مزحزحةً لتحت بلا سبب. */
/* الفارق مقيسٌ لا مفترَض: صفّ الرمز يتجاوز صيغته على الشاشات
   القصيرة (٥٢ فعلًا مقابل ٤٧٫١ حسابًا) لأن محتواه يفرض حدًّا.
   فالمعادلة مبنيّة على قياسين: ٦٦٧→٥٧٫٥٤ و٨٤٤→٦٣٫٠٨. */
.panel>.pin{--fold-delta:calc(56.7px + 3.13 * var(--g))}
/* الحجز يقعد **تحت الزناد** لا موزَّعًا على فجوات العمود:
   موزَّعًا كان يحرّك خمسة من ستة عناصر، وأكثرها الزرّ اللي
   ضُغط للتوّ (‎-63px‎ = ١٫٤× طوله) فتنزل الإصبع على حقلٍ جديد.
   تحت الزناد: لا يتحرّك شيءٌ فوقه إطلاقًا. */
/* الحجز ينتقل من داخل اللوح إلى **تحته**: داخلًا كان يقعد
   ٧٧px حفرةً ظاهرة في الحالة الافتراضية. تحته: اللوح يلزم
   محتواه، والفجوة اللي فوق الدفتر تحمل الحجز — نفس الحساب،
   بلا حفرة، والدفتر ما يتحرّك. */
/* الحجز يرجع **داخل الطيّة** كطولٍ أدنى: على اللوح كان يترك
   طوله يكبر ٦٣px، فتنهار فجوة اللوح/الدفتر إلى ١٫٧px على ٧٥٠.
   داخلها: طول اللوح ثابت، والفجوة رقمٌ واحد. */
.panel{margin-block-end:0}
.roomfold{min-block-size:calc(101px + 3.1 * var(--g))}

/* ١٥ · الفجوة بين المسرح واللوح تنقفل.
   قيسَ: هامش المسرح السفلي مرن، فيتقلّص ٥٣٫١ ← ٢٢٫٤ عند الفتح
   ويسحب اللوح لفوق ٣٠٫٧px. تثبيته يمنع الزحف، واللوح يكبر لتحت
   داخل حصّته المحجوزة (٤٩٤٫٧ متاحة · ٤٥٦٫٢ مطلوبة مفتوحًا). */
.stage{margin-block-end:calc(49px + 2 * var(--g))}

/* ١٦ · السدو الجديد.
   القديم كان مولَّدًا بنموذج صور، ورموزه ما هي سدوًا: صلبانٌ
   وفصوصٌ مدرّجة، ونسيجٌ يُقرا تريكو (Fair Isle) لا سدوًا. والسدو
   **سداةٌ ظاهرة**: أشرطة أفقية، وعويرجان (مثلّثات متقابلة)، وشجرة.
   الجديد مرسومٌ بالكود لا بنموذج — ‎design/tak/sadu-gen.py‎ —
   فكل شكل فيه له اسمٌ ومصدر في ‎assets/sadu-najdi-v1-SOURCES.md‎،
   ودرزته مُتحقَّق منها برمجيًّا (الحافّتان متطابقتان). */
/* السدو الجديد — مولَّدٌ بنموذج صور (gpt-5.6-terra)، لا مرسومًا بالكود.
   المحاولة الأولى رُسمت بـPillow: رموزها صحّت وخامتها راحت، فطلعت
   هندسةً مسطّحة. والقماش أكثره خامة. هذا فيه صوف حقيقي وسداةٌ
   ظاهرة وشجرةٌ وعويرجان، بلا صلبان ولا تريكو. */
.tak{--im-weave:url("../assets/sadu-woven-v1.jpg")}

/* الأزرار سطران: عنوانٌ ثم شرح. */
.tkb-1,.tkb-2{display:flex;flex-direction:column;align-items:center;
  justify-content:center;line-height:1.22;gap:.12em}
.tkb-t{display:block;font-weight:var(--w-display,800)}
.tkb-s{display:block;font-style:normal;font-weight:400;
  font-size:.62em;letter-spacing:.01em}
/* الشرح ياخذ الرمزين المُدقَّقين لا خلطةً جديدة: color-mix تجاوزت
   ‎--ink2/--tx2‎ فنزل التباين إلى ٣٫١٥ و٣٫٨٨ (تحت AA). */
.tkb-1 .tkb-s{color:var(--ink2)}
.tkb-2 .tkb-s{color:var(--tx2)}
/* ‎.62em‎ ما تشتري فرقًا في العربية: أذيال الحروف تعيد الطول،
   فبان شرح الزرّ الثاني أطول من عنوانه. درجةٌ حقيقية بدلها. */
.tkb-s{font-size:.5em}

/* ٦٦٧ ضيّقة فعلًا: بعد كل التقليم يبقى ١٠px فائضة. الحجز وحده
   يُقلَّم هناك — الأزرار تنزل أقلّ، والعنوان والدفتر ما ينمسّان.
   (الفتح يكبّر اللوح قليلًا على هذي الشاشة، وينزل في فجوة الدفتر
   بلا تمرير — تنازلٌ مقيس، لا صدفة.) */
/* ٦٦٧: الأزرار تنحف بدل ما ينكسر الثبات (بإذن صاحب البيت). */
@media (max-height:699px){
  .tkb-1{--h-btn-1:64px}
  .tkb-1,.tkb-2{padding-block:calc(6px + 2 * var(--g))}
  .tkb-s{font-size:.58em}
}

/* ١٧ · الحركة — بعد التدقيق.
   العطب المقيس: تحريك ‎row-gap‎ ٣٤٠ms كان يجعل الصفحة **تمرّر
   فعلًا** ١٠٠–١٥٠ms عند الفتح (OVERFLOW_Y=٣٦ على ٨٤٤ و٥٣ على ٦٦٧):
   صفّ الرمز يظهر دفعةً واحدة (٦٣٫٠٦px)، وتعويضه — الفجوة — يمشي
   على ساعةٍ أخرى. نصفا معادلةٍ واحدة بزمنين. فالفجوة تُقفل
   **فورًا** (هي التعويض لا الموضوع)، والحركة تبقى على الصفّ وحده:
   شفافية وإزاحة، وكلاهما على المُركِّب لا على التخطيط.
   والأزمنة صارت من العدّة لا أرقامًا حرّة. */
.roomfold:not([open]) .joinrow{opacity:0;transform:translateY(-6px)}
@media (prefers-reduced-motion:no-preference){
  /* ساعةٌ واحدة للحركة الواحدة: كانت الشفافية ٢٠٠ms والإزاحة
     ٣٠٠ms على نفس العنصر، والشيفرون يخلص قبل الصفّ بـ١٠٠ms. */
  .joinrow{transition:opacity var(--t-tint) linear,
                      transform var(--t-tint) var(--ease-out)}
  .roomfold>summary::after{transition:transform var(--t-tint) var(--ease-out)}
  /* الخروج ما كان ينرسم إطلاقًا: ‎::details-content‎ يقفل فورًا.
     ‎allow-discrete‎ + ‎@starting-style‎ يعطيان الاتجاهين نفس الزمن. */
  .roomfold::details-content{
    transition:content-visibility var(--t-tint) allow-discrete,
               opacity var(--t-tint) linear}
  @starting-style{ .roomfold[open]::details-content{opacity:0} }
}

/* ── إصلاحات تدقيق البصر ─────────────────────────────────── */
/* الحقل كان تجويفًا أسود (‎.0054‎) أغمق من الأرضية، ويقلب السلّم. */
.tkfield{flex:1 1 auto}
/* الخانة كانت تجويفًا (‎#0E0F18‎) أغمق من أرضية الصفحة، فتقلب
   سلّم الارتفاع وتُقرا فتحةً مكسورة. اللون كان يُضبط ثم يُغطّى:
   ‎background-image‎ تُرسم فوق ‎background-color‎، والتدرّج كان
   من ‎--s-well-lo/--s-well‎ — أعمق درجتين في السلّم. */
.tkfield-in{background-color:var(--s-panel-lo)!important;
  background-image:linear-gradient(196deg,
    var(--s-table-lit), var(--s-panel-lo))!important;
  flex:1 1 auto}

/* الدفتر واللوح كانا ١٫٠٢:١ — درجتان بلا درجة. */
.tkledger::after{background-image:none;background-color:var(--s-table-lit)}

/* المروحة تهدأ فما تزاحم الفعل الأساسي في اختبار الغبش. */
/* ‎--dim‎ معلَّن inline على كل ورقة، وinline يغلب الورقة الخارجية. */
/* تعتيم المجموعة لا الورقة: ‎--dim‎ inline يحمل تدرّج العمق
   (.85/.90/.95)، ودهسه بـ!important سطّح الثلاث إلى ٠٫٩٩ نسبةً. */
.tkfan{filter:brightness(.62)}

/* عقدة الوكيل على الزرّ: ‎1.35:1‎ ما تُقرا — نفس العطب اللي
   عولج في العلامة. ترفع للوني الأفتح وتكبر قليلًا. */
#soloButton::before{background-color:var(--ai-hi);width:.92em;height:1.33em}

/* حلقة تركيز الفعل الأساسي كان فيها ثقب ٤٥×٤٥ — قناع الحزّة
   باقٍ على ‎::after‎ بينما الزرّ نفسه انفكّ عنها. */
.tkbite::after{-webkit-mask-image:none!important;mask-image:none!important}

/* ── الجولة ٢: بقيّة تقرير التخطيط ──────────────────────── */
/* هدف اللمس كان ٣١٫٥px — تحت الأرضية ٤٤. */
.tkfield-lb{min-block-size:44px;display:flex;align-items:center}

/* الحقلان ما كانا على محورٍ واحد: ١٠٦px فرقًا في الحافّة.
   الآن يتمدّد كلاهما على نفس العمود ٤٢..٣٤٨. */
.panel>.pin>.tkfield{flex:1 1 auto;min-inline-size:0}
#playerName{flex:1 1 auto;min-inline-size:0}  /* يقاسم السطر مع الوسم، لا يبتلعه */

/* حشوة اللوح كانت ١٠ فوق مقابل ١٧–٣١ تحت في الحالتين — فراغٌ
   دائم تحت الزناد لا حجز. */
.panel>.pin{padding-block-end:calc(10px + 2 * var(--g))}

/* «٥٨٪» كانت تلبس أحمر العقيق (صبغة تَك متقاعدة) بنسبة ٠٫١٥٪
   من الشاشة — أربعة أضعاف إشارة الوكيل، على رقمٍ ثالثيّ. */
/* ‎components.css‎ يكتبها ‎.tkink svg .lg-a‎ (٠،٢،١) فتغلب
   ‎.tkink .lg-a‎ (٠،٢،٠) مهما تأخّر الترتيب. الأولوية تُطابَق. */
.tkink svg .lg-a,.tkink svg .lg-b,.tkink svg .lg-c{stop-color:var(--a-brz)!important}
.tkledger .aqeeq,[class*="aqeeq"]{color:var(--a-brz)}

/* حلقة تركيز الحقل كانت ١٫٣٢:١ — تحت أرضية ٣:١ لغير النصّ. */
.tkfield-in:focus,.tkfield-in:focus-visible,.tkfield-in.is-focus{
  outline:2px solid var(--a-hi);outline-offset:2px;box-shadow:none}

/* ‎tk-sweep‎ يحرّك background-position بلا نهاية = إعادة رسمٍ دائمة
   على ردهةٍ ساكنة. تُوقَف؛ اللمعة تبقى ثابتة. */
.tkb-1::after{animation:none!important}

/* ── الجولة ٣ ────────────────────────────────────────────── */
/* عقدة الزرّ ٢٫١١:١ — ما زالت تحت أرضية ٣:١ لغير النصّ. */
#soloButton::before{background-color:#A99FF9}

/* الخانة ١٫٢٥:١ مقابل وجه اللوح — أول جسمٍ يُلمس وأخفاها.
   حدٌّ صريح يرفعها فوق الأرضية بلا ما يثقل السطح. */
.tkfield-in{box-shadow:inset 0 0 0 1px rgba(226,246,231,.22),
                       inset 0 2px 5px rgba(4,22,13,.45)}

/* الدفتر: درجة سطحٍ حقيقية + نَفَس داخلي (كان ٥٫٤/٦٫٢px). */
.tkledger::after{background-color:var(--s-quiet-lo)}
.tkledger{padding-block:calc(9px + 2 * var(--g))}

/* فجوات اللوح على شبكة ٨: كانت ١٠/١٩/٢٥/١٤/١٨ — خمس قيم بلا سلّم. */
.panel>.pin{row-gap:16px}
.panel>.pin>*{margin-block:0}   /* السلّم صار من row-gap وحده */

/* قانون المولد ٣–٥× بين الفعل الأساسي والمُقارَن: كان ٢٫٦٤–٣٫٠٢
   ويسقط في ٣ بوابات من ٤. تقليم الخانة ٥٤٫٨٤→٤٨ يعبّرها كلها
   ويرجّع ٦٫٨px من الميزانية الرأسية (الأرضية ٤٤ سليمة). */
#playerName{block-size:48px}

/* الدفتر يُثبَّت من القاع، فأي بقيّة في طول اللوح (٠–١٫٥٥px بين
   البوابات) ما تنقله. .grow ما عاد يزاحمه. */
.grow{flex-grow:0}
.tkledger{margin-block-start:auto}

/* ٦٦٧ ما فيها فائض يُثبَّت منه: التثبيت من القاع هناك يفيض ٣٣px.
   فتُترك على سلوكها الأصلي — الفجوة مقاسة لا مثبّتة. */
@media (max-height:699px){
  .grow{flex-grow:1}
  .tkledger{margin-block-start:calc(6px + 6 * var(--g));
            padding-block:calc(3px + 2 * var(--g));
            min-block-size:auto}
  .panel>.pin{row-gap:10px;padding-block-end:6px}
}

/* ── الجولة ٤: ما هزمته الأولوية ────────────────────────── */
/* ‎.panel .tkfield+.tkbite‎ (٠،٣،٠) كانت تغلب ‎.panel>.pin>*‎ (٠،٢،٠)،
   فالسلّم طلع ١٦/٤١/٣٠/١٦ لا ١٦ موحّدًا. تُطابَق الأولوية. */
.panel .tkfield+.tkbite{margin-block-start:16px}
.panel .tkbite+.tkb{margin-block-start:0}

/* حجزُ حزّةٍ لم تعد موجودة: العنوان مزاحٌ ٤٦–٥٢px عن عمود اللوح
   بـ‎--pad-notch‎، والحزّة انشالت. يرجع للعمود نفسه ٤٢..٣٤٨. */
.panel .tkseats{padding-inline-end:0}

/* ‎#playerName{block-size:48}‎ كانت ميتة: ‎.tkfield-in{min-height:52}‎
   يفرض الأرضية. تُخفض عند مصدرها. */
.panel .tkfield-in{min-block-size:48px}