/* ═════════════════════════════════════════════════════════════════════════════
   sijal.css — هويّة «سِـجــال» (شاشة المقدّم sijal-host.html · جوال اللاعب sijal.html)
   ═════════════════════════════════════════════════════════════════════════════
   مستخرجةٌ من النموذج المعتمد (scripts/design/hakoot-k.css) بنصّها: القواعد اللي تطابق شاشات M1 (المقدّم ١١٦٠×٦٥٢ · الجوال
   ٣٩٠×٨٤٤ و٣٧٥×٦٦٧ · ورقة السحب) — ومقيسةٌ بالبكسل ضد الورقة كاملة على ٣٧ لقطة (الفرقُ توقيتُ حركةٍ لا قاعدةٌ ناقصة).
   تعديلاتٌ بمكانها لا طبقةٌ فوقها:
   · .d-chip على عقد «مختار ولا لا؟» (الألعاب التسع): غير المختار رمادي مسطّح بكتابةٍ مقروءة (≥٤٫٥:١) · المختار بلونه وعليه ✓.
   · الصعوبة رقائق بنفس العقد بدل d-seg (اختيارٌ واحد) — وحُذفت قواعده.
   · .code-slots فيه حقلُ الرمز الحقيقي شفّافاً فوق الخانات (١٦px — سفاري ما يزوّم).
   الخطوط محلية (/wn-fonts) — والأرقام اللاتينية بخط Tajawal (Round = Baloo بلا أرقام لاتينية فتنزل ٢px).
   ═════════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:Round;src:url('/wn-fonts/baloo-bhaijaan-2-arabic-700-800.woff2') format('woff2');font-weight:700 800;font-display:swap}
@font-face{font-family:Tajawal;src:url('/wn-fonts/tajawal-arabic-500.woff2') format('woff2');font-weight:400 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Tajawal;src:url('/wn-fonts/tajawal-arabic-800.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Tajawal;src:url('/wn-fonts/tajawal-latin-500.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Tajawal;src:url('/wn-fonts/tajawal-latin-800.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Wanaaasah;src:url('/Blabeloo-font-v.1.0.woff2') format('woff2');font-display:swap}
:root{--ink-ar:.08em;--ink-num:.17em;--stage:1s;--cream:#fbf2df;--orange:#ff751c;--gold:#ffb831;--teal:#09585d;--brown:#542918;--plum:#7d3c6b;--olive:#5f6b2d;--line:#dfcbb0;--speed:260ms;--reveal-speed:550ms;color:var(--brown);background:#ece6da;font-family:Tajawal,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,a,input{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
button:disabled{cursor:default}
h1,h2,h3,p{margin:0}
bdi{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
svg{display:block;flex-shrink:0}
.switcher{display:flex;background:#f8f2e8;padding:4px;border:1px solid #ddcfbe;border-radius:13px;gap:2px}
.switcher button{border:0;background:transparent;border-radius:9px;min-height:44px;padding:10px 15px 8px;font-size:13px;font-weight:800;transition:background var(--speed),color var(--speed)}
.game-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 31%,#fffaf080,transparent 74%),var(--cream);color:var(--brown);overflow:clip}
.host-screen{min-height:690px;border:5px solid #432819;border-radius:28px;box-shadow:0 2px 0 #ae8e66,inset 0 0 0 1px #fff9e6,0 6px 0 #2c1b14,0 14px 25px #54291818}
.waves{position:absolute;z-index:-1;width:240px;height:165px;pointer-events:none;opacity:1}
.waves-bottom{bottom:-7px;left:-20px}
.waves-top{top:-35px;right:-52px;transform:rotate(180deg);width:226px;height:146px}
.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:19px 31px 4px;position:relative;z-index:1}
.wanaaasah{font:27px Wanaaasah,Tajawal,sans-serif;justify-self:start;padding-top:5px}
.game-header a.wanaaasah{display:inline-flex;align-items:center;min-height:44px}   /* «وناااسة» بالمسرح رابطٌ يرجّع (ملاحظة المالك على ٢٥٩) — مساحة لمس */
.wordmark{font:800 88px/1.1 Round,Tajawal,sans-serif;color:var(--orange);padding:13px 8px 12px;letter-spacing:-2px;transform:rotate(-5deg);text-shadow:1px 1px 0 #e65b0c,2px 2px 0 var(--teal),3px 3px 0 var(--teal),4px 4px 0 var(--teal),5px 5px 0 var(--teal),6px 6px 0 var(--teal),7px 7px 0 var(--teal),8px 8px 0 var(--teal);white-space:nowrap}
.icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid #bca17f;background:#fff8e64d;padding:0;justify-self:end;font-size:29px;line-height:1}
.icon-button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}
.host-content{flex:1;display:flex;flex-direction:column;padding:14px 31px 21px}
.round-heading{display:grid;justify-items:center;align-self:center;gap:10px}
.round-label{display:flex;align-items:center;justify-content:center;gap:9px;align-self:center;padding:7px 18px 5px;border:1px solid #c8a67a;border-radius:30px;font-weight:800;font-size:15px;min-height:32px;background:linear-gradient(#fff9ec88,#f9ebd277);box-shadow:inset 0 1px 0 #fffdf2}
.round-track{display:flex;gap:4px;direction:ltr}
.round-track i{width:10px;height:3px;border-radius:3px;background:#ded0b9}
.round-track i.done{background:var(--teal)}
.round-track i.current{background:var(--orange);width:18px}
.question-row{display:grid;grid-template-columns:96px 1fr;direction:ltr;gap:20px;align-items:center;min-height:167px;padding:14px 0 24px}
.question-row h1{direction:rtl;text-align:center;color:var(--teal);font:800 clamp(29px,3.15cqw,47px)/1.45 Round,Tajawal,sans-serif;text-wrap:balance;max-width:630px;justify-self:center}
.timer{--t:96px;width:var(--t);height:var(--t);flex:none;position:relative;isolation:isolate;color:var(--brown)}
.timer>.petal-flower{position:absolute;inset:0;z-index:-1}
.timer::before{content:"";position:absolute;inset:20%;border-radius:50%;background:linear-gradient(160deg,#ffe196,#ffc64e);box-shadow:inset 0 calc(var(--t) * .02) 0 #fff3c4,inset 0 calc(var(--t) * -.02) 0 #e9a83a66;transition:background var(--speed)}
.timer-rays{position:absolute;inset:-26%;pointer-events:none}
.timer-rays i{--rc:var(--orange);position:absolute;left:50%;top:0;width:0;height:50%;transform-origin:50% 100%;rotate:var(--a)}
.timer-rays i::before{content:"";position:absolute;top:0;left:calc(var(--t) * -.03);border-inline:calc(var(--t) * .03) solid transparent;border-bottom:calc(var(--t) * .15) solid var(--rc);border-radius:2px}
.timer-rays i:nth-child(1){--a:-50deg}
.timer-rays i:nth-child(2){--a:50deg}
.timer-rays i:nth-child(3){--a:-80deg;--rc:var(--teal)}
.timer-rays i:nth-child(4){--a:80deg;--rc:var(--teal)}
.timer-copy{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.timer.is-finished .timer-rays{display:none}
.timer bdi{font-size:calc(var(--t) * .4);font-weight:800;display:block;line-height:1;translate:var(--nx,0) var(--ny,.15em)}
.timer bdi[data-n="1"]{--nx:.03em}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 17px;padding-bottom:10px}
.answer{--answer-bg:var(--orange);--answer-ink:var(--brown);--answer-edge:#b94d0d;position:relative;display:flex;align-items:center;gap:14px;text-align:right;border:1px solid var(--answer-edge);border-top-color:#fff8dc90;border-radius:23px;background:linear-gradient(145deg,#fff7da24,transparent 50%,#301a0f12),var(--answer-bg);color:var(--answer-ink);padding:15px 20px;min-height:99px;box-shadow:inset 0 3px 0 #fff8dc52,inset 0 -2px 0 #48291610,0 5px 0 var(--answer-edge);transition:transform var(--speed),box-shadow var(--speed);width:100%}
.answer::before{content:"";position:absolute;inset:4px;border:1px solid #fff7da1c;border-bottom-color:transparent;border-radius:18px;pointer-events:none}
.answer.is-revealed{padding-bottom:38px;min-height:117px}
.answer[data-index="1"]{--answer-bg:var(--gold);--answer-edge:#bf8421}
.answer[data-index="2"]{--answer-bg:var(--teal);--answer-ink:var(--cream);--answer-edge:#063c40}
.answer[data-index="3"]{--answer-bg:var(--brown);--answer-ink:var(--cream);--answer-edge:#361a0f}
.answer[data-index="4"]{--answer-bg:var(--plum);--answer-ink:var(--cream);--answer-edge:#4a2140}   /* الخامسة والسادسة لـ«رتّب» وحدها (٣–٦ خانات) — الكريمي عليهم ٦٫٩ و٥٫٢ */
.answer[data-index="5"]{--answer-bg:var(--olive);--answer-ink:var(--cream);--answer-edge:#363d16}
.answer-letter{font-family:Tajawal,sans-serif;display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:linear-gradient(145deg,#6b3820,var(--brown));color:var(--cream);border:1px solid #f9c77575;border-radius:50%;box-shadow:inset 0 1px 2px #2b190b45,0 1px 0 #fff8e536;font-size:17px;font-weight:800;line-height:1;padding:calc(3px + max(0em, var(--lv, 0em) * 2)) 0 max(0em, var(--lv, 0em) * -2)}
.answer strong{font:800 clamp(23px,2.6cqw,36px)/1.3 Round,Tajawal,sans-serif;flex:1;text-align:center}
.answer-marker{width:23px;height:23px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.answer.is-correct .answer-marker{background:var(--cream);color:var(--teal);border-radius:50%}
.answer.is-correct{outline:3px solid var(--teal);outline-offset:3px}
.answer.is-picked-wrong .answer-marker{border:1px solid currentColor;border-radius:50%}
.host-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:26px;margin-top:auto;font-size:13px;position:relative;z-index:1}
.room-tag{display:flex;gap:7px;align-items:center;border:1px solid #c8a67a;background:var(--cream);border-radius:30px;padding:11px 14px 9px;font-weight:800;white-space:nowrap}
.answer-progress{text-align:center;background:#fbf2dfdf;padding:4px 12px 6px;border-radius:10px}
.answer-progress strong{display:block;font-size:13px;margin-bottom:9px}
.progress-dots{display:flex;direction:ltr;gap:5px;justify-content:center}
.progress-dots i{width:13px;height:13px;border:1px solid #c29157;border-radius:50%;box-shadow:inset 0 1px 0 #fffef4}
.progress-dots i.filled{background:linear-gradient(140deg,#ffd463,var(--gold));border-color:#df9b2c}
.text-button{background:var(--cream);border:1px solid #b29574;border-radius:30px;min-height:44px;padding:10px 17px 8px;font-weight:800;font-size:14px;white-space:nowrap}
.text-button:hover{background:#f4e6c9}
.player-screen{min-height:656px;padding:32px 17px 29px}
.player-screen .waves-bottom{width:190px;height:130px;left:-40px;bottom:-22px}
.player-header{text-align:center;margin-bottom:12px}
.player-header .wordmark{font-size:64px;line-height:1.1;padding:6px 8px 7px;text-shadow:1px 1px 0 #df5d13,2px 2px 0 var(--teal),3px 3px 0 var(--teal),4px 4px 0 var(--teal),5px 5px 0 var(--teal),6px 6px 0 var(--teal)}
.player-name{font-size:14px;font-weight:800;margin-top:9px;display:flex;gap:6px;justify-content:center;align-items:center}
.player-name small{font-size:12px;color:#82664a;font-weight:500}
.player-content{flex:1;display:flex;flex-direction:column}
.player-content .round-label{font-size:13px;padding:5px 14px 3px;min-height:26px;gap:7px}
.player-content .round-heading{gap:8px}
.player-content .round-track{gap:3px}
.player-content .round-track i{width:8px;height:2px}
.player-content .round-track i.current{width:13px}
.player-question{font:800 25px/1.35 Round,Tajawal,sans-serif;text-align:center;color:var(--teal);text-wrap:balance;margin:7px 0 21px}
.player-content .answer-grid{gap:13px 11px;padding:0}
.player-content .answer{padding:12px 8px;border-radius:18px;gap:6px}
.player-content .answer-grid .answer{min-height:87px}
/* «السؤال والأجوبة تظهر بالجوالات» مطفي (طريقة اللعب): الحرف واللون بس — الحرف بالنص وأكبر (الشاشة الكبيرة فيها النص) */
.player-content .answer-grid.is-bare .answer{justify-content:center}
.answer-grid.is-bare .answer strong{display:none}
.answer-grid.is-bare .answer-letter{width:58px;height:58px;font-size:28px;font-weight:800}
.player-content .answer strong{font-size:20px;line-height:1.35}
.player-content .answer-letter{width:22px;height:22px;font-size:12px;border-color:#ffbd7775}
.player-content .answer-marker{display:none}
.player-content .answer:active{transform:translateY(4px);box-shadow:inset 0 1px 0 #fff8dc38,0 1px 0 var(--answer-edge)}
.player-hint{margin-top:auto;padding-top:32px;text-align:center;align-self:center;font-size:13px;color:#786348;position:relative;z-index:1}
.player-hint span{background:var(--cream);padding:7px 11px;border-radius:18px}
.room-code{display:block;font-size:43px;letter-spacing:3px;font-weight:800;background:#f8e7bf;border:1px solid #d1b27e;border-radius:18px;padding:17px 12px 12px;box-shadow:0 4px 0 #d4b581;color:var(--brown)}
.person-icon{width:46px;height:46px;flex-shrink:0;display:block;border:1px solid #a7793a;border-radius:50%;background:var(--gold);overflow:hidden;box-shadow:inset 0 2px 0 #fff9e766,0 1px 0 #fff8ed;font-weight:800;font-size:16px;color:var(--brown)}
.primary-btn{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #bf500e;border-radius:16px;min-height:49px;padding:12px 20px 9px;box-shadow:0 4px 0 #b74c0d,inset 0 2px 0 #fff4df4f;background:var(--orange);font-weight:800;font-size:17px;color:var(--brown);width:100%;transition:transform var(--speed),box-shadow var(--speed)}
.primary-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #b74c0d}
.petal-flower{--flower-color:var(--gold);position:relative;display:block;width:100%;height:100%;flex-shrink:0;isolation:isolate}
.petal-flower>i{position:absolute;top:0;left:35%;width:30%;height:50%;border-radius:50%;background:var(--flower-color);transform-origin:50% 100%;transform:rotate(var(--turn))}
.petal-flower::after{content:"";position:absolute;inset:32%;border-radius:50%;background:var(--flower-color)}
.player-lobby{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1;padding-top:15px}
.player-lobby h2{font:800 32px/1.4 Round,Tajawal,sans-serif;color:var(--teal)}
.player-lobby p{font-size:13px;line-height:1.9;margin:12px 0 25px;color:#7c6047}
.player-lobby .room-code{font-size:29px;width:100%;letter-spacing:2px;padding:13px 10px 10px}
.player-lobby small{margin:10px 0 18px;font-size:13px}
.player-lobby .primary-btn{margin-top:auto;position:relative;z-index:1}
.feedback{display:flex;flex-direction:column;text-align:center;align-items:center;flex:1;padding-top:20px}
.feedback-symbol{width:94px;height:94px;display:grid;place-items:center;position:relative;isolation:isolate;margin-bottom:19px;color:var(--teal);animation:stamp-in var(--reveal-speed) both}
.feedback-symbol>.petal-flower{position:absolute;inset:0;z-index:-1}
.feedback-symbol strong{font-size:47px;line-height:1}
.feedback-title{font:800 37px/1.35 Round,Tajawal,sans-serif;color:var(--teal);outline:none}
.picked-text{font-size:13px;line-height:1.7;margin-top:12px;color:#785c43}
.correct-copy{font-size:13px;line-height:1.7;margin:4px 0;color:var(--teal);font-weight:800}
.score-gain{font-size:55px;font-weight:800;line-height:1.15;color:#d95208;margin:17px 0 2px;letter-spacing:-1px;text-shadow:0 2px 0 #fffaf0,1px 3px 0 #eebd8199}
.score-unit{font-size:13px;font-weight:800;color:var(--teal)}
.feedback .primary-btn{margin-top:27px}
.podium{display:flex;align-items:end;justify-content:center;gap:6px;margin:26px auto 0;direction:ltr;max-width:310px}
.podium-place{display:flex;flex-direction:column;align-items:center;width:33%;gap:6px;color:var(--brown)}
.podium-step{position:relative;border-radius:13px 13px 0 0;width:100%;display:grid;place-items:start center;padding-top:14px;font-size:36px;font-weight:800;line-height:1;height:91px;--step:var(--orange);background:radial-gradient(ellipse 34% 12px at 50% 0,#2a140960,#2a140900),linear-gradient(180deg,color-mix(in srgb,var(--step) 62%,#fff) 0 9px,var(--step) 9px,color-mix(in srgb,var(--step) 80%,#2a1409) 100%);
  box-shadow:inset 7px 0 0 #ffffff26,inset -9px 0 0 #2a140926,0 4px 0 #542918}
.podium-place.first .podium-step{height:126px}
.podium-place.third .podium-step{height:68px;color:var(--cream)}
.rank-list{display:grid;gap:8px}
.rank-row{display:grid;grid-template-columns:23px 38px 1fr auto;align-items:center;gap:9px;min-height:58px;border:1px solid #d9bd94;border-radius:15px;padding:8px 12px;background:linear-gradient(120deg,#fffdf140,#fff8e8b0);box-shadow:inset 0 1px 0 #fffdf5,0 2px 0 #dcc5a42b;font-size:14px}
.rank-row.is-me{background:linear-gradient(135deg,#ffd986,#ffca5c);border-color:#dca138;box-shadow:inset 0 1px 0 #fff0b9,0 2px 0 #dba65366}
.rank-position{font-weight:800;font-size:16px;text-align:center;translate:0 var(--ink-num)}
.rank-name{font-weight:800;line-height:1.4;min-width:0;translate:0 var(--ink-ar)}
.rank-name small{font-size:12px;font-weight:500;display:block}
.rank-score{font-weight:800;font-size:15px;translate:0 var(--ink-num)}
.rank-row .person-icon{width:38px;height:38px}
.rank-row:nth-child(1) .person-icon{background:var(--orange)}
.rank-row:nth-child(2) .person-icon{background:var(--teal);border-color:var(--teal);color:var(--cream)}
.rank-row:nth-child(3) .person-icon{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.result-footer{margin:13px 35px 29px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.result-footer .primary-btn{width:auto;min-width:170px}
.result-footer .room-tag{font-size:13px}
.player-result{text-align:center;display:flex;flex-direction:column;flex:1}
.player-result .feedback-title{font-size:31px}
.player-result .score-gain{font-size:42px;margin-top:5px}
.player-result .score-unit{font-size:13px;margin-bottom:18px}
.player-result h3{font:800 22px/1.3 Round,Tajawal,sans-serif;margin:0 0 13px;color:var(--brown)}
.player-result .rank-row{grid-template-columns:16px 34px 1fr auto;gap:7px;min-height:52px;padding:7px 10px;text-align:right;font-size:14px;border-radius:13px}
.player-result .rank-score{font-size:15px}
.player-result .person-icon{width:34px;height:34px}
.player-result .rank-position{font-size:15px}
.waiting{display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid #6b9791;border-radius:30px;color:var(--teal);background:var(--cream);padding:11px 16px 8px;font-size:13px;font-weight:800;margin-top:auto;position:relative;z-index:1}
.waiting i{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 3px #09585d12;translate:0 calc(var(--ink-ar) * -1)}
body[data-view=host] .host-screen{min-height:calc(100dvh - 200px)}
body[data-view=host] .question-row{min-height:200px}
body[data-view=host] .answer{min-height:112px}
body[data-view=player] .player-screen{min-height:680px;padding-inline:21px}
body[data-view=player] .player-question{font-size:28px;margin-block:15px 25px}
body[data-view=player] .player-content .answer-grid .answer{min-height:99px}
body[data-view=player] .player-content .answer strong{font-size:24px}
.entering{animation:screen-in var(--speed) ease-out both}
@keyframes screen-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes stamp-in{from{opacity:0;transform:rotate(-18deg) scale(1.3)}to{opacity:1;transform:rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){
  :root{--speed:0ms;--reveal-speed:0ms;--stage:0s}
}
@media(hover:hover){
  .answer[data-answer]:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 #fff8dc38,0 7px 0 var(--answer-edge)}
  .primary-btn:hover{filter:brightness(1.035)}
}
@container (min-width:1500px){
  .host-screen{min-height:713px}
  .player-screen{min-height:707px}
  .question-row{min-height:211px}
  .answer{min-height:105px}
  .player-question{font-size:27px}
  .player-content .answer-grid .answer{min-height:98px}
  .rank-row{min-height:64px}
}
@container (max-width:1130px){
  .switcher button{padding-inline:12px}
  .game-header{padding-inline:23px}
  .host-content{padding-inline:24px}
  .wordmark{font-size:68px}
  .wanaaasah{font-size:23px}
  .question-row{grid-template-columns:76px 1fr;gap:14px;min-height:180px}
  .timer{--t:76px}
  .question-row h1{font-size:34px}
  .answer{padding-inline:13px;gap:8px;min-height:95px}
  .answer strong{font-size:28px}
  .answer-letter{width:30px;height:30px;font-size:15px}
  .answer-marker{width:17px;height:17px;font-size:13px}
  .host-footer{flex-wrap:wrap;justify-content:center;gap:12px}
  .answer-progress{order:-1;width:100%;background:transparent}
  .player-screen{padding-inline:14px}
  .player-question{font-size:24px}
  .player-content .answer{padding-inline:7px;gap:4px}
  .player-content .answer strong{font-size:19px}
  .room-code{font-size:33px;letter-spacing:2px}
  .podium{display:none}
  .rank-row{min-height:49px}
  .result-footer{margin-inline:30px}
  .result-footer .room-tag{display:none}
  .result-footer .primary-btn{width:100%}
}
@container (max-width:900px){
  .player-screen{min-height:674px;padding-inline:21px}
  .player-question{font-size:28px}
  .player-content .answer-grid .answer{min-height:97px}
  .player-content .answer strong{font-size:24px}
  .host-screen{min-height:650px}
  .host-content{padding-inline:30px}
  .question-row h1{font-size:37px}
  .question-row{grid-template-columns:90px 1fr;min-height:185px}
  .host-footer{flex-wrap:nowrap;justify-content:space-between}
  .answer-progress{width:auto;order:0}
  .podium{display:flex}
  .rank-row{grid-template-columns:17px 34px 1fr auto;gap:6px;padding-inline:9px;font-size:13px}
  .rank-score{font-size:13px}
  .room-code{font-size:40px}
  .result-footer .primary-btn{width:auto}
  .result-footer .room-tag{display:flex}
}
@container (max-width:600px){
  .host-screen{border-radius:20px;min-height:643px}
  .game-header{padding:20px 16px 0;gap:7px;grid-template-columns:1fr auto 1fr}
  .wordmark{font-size:58px}
  .wanaaasah{font-size:19px}
  .game-header .icon-button{width:44px;height:44px}
  .game-header .icon-button svg{width:18px;height:18px}
  .host-content{padding:16px 18px 24px}
  .round-label{font-size:12px;min-height:29px}
  .question-row{min-height:171px;grid-template-columns:61px 1fr;gap:10px;padding-block:18px}
  .question-row h1{font-size:27px;line-height:1.45}
  .timer{--t:61px}
  .answer-grid{gap:13px 12px}
  .answer{min-height:86px;padding:11px 8px;border-radius:18px;gap:7px}
  .answer strong{font-size:24px}
  .answer-letter{width:25px;height:25px;font-size:13px}
  .answer-marker{display:none}
  .host-footer{flex-wrap:wrap;gap:12px;justify-content:center;padding-top:22px}
  .answer-progress{order:-1;width:100%}
  .answer-progress strong{font-size:12px}
  .room-tag{padding:9px 12px 7px;font-size:12px}
  .host-footer .text-button{font-size:13px}
  .waves-bottom{width:180px;height:123px;left:-50px;bottom:-16px}
  .waves-top{width:154px;height:100px;right:-62px;top:-27px}
  .player-screen{min-height:674px}
  .player-content .answer-grid .answer{min-height:93px}
  .player-content .answer strong{font-size:23px}
  .player-question{font-size:27px}
  .player-result .rank-row{font-size:14px}
  .player-result .rank-score{font-size:14px}
  body[data-view=player] .player-screen{min-height:674px;padding-inline:18px}
  body[data-view=player] .player-question{font-size:27px}
  body[data-view=player] .player-content .answer strong{font-size:23px}
  body[data-view=player] .player-content .answer-grid .answer{min-height:95px}
  body[data-view=host] .host-screen{min-height:643px}
  body[data-view=host] .question-row{min-height:170px}
  body[data-view=host] .answer{min-height:86px}
  .room-code{font-size:37px;padding:12px 9px 9px}
  .podium{display:none}
  .rank-row{font-size:13px;min-height:53px;gap:8px;padding-inline:12px}
  .rank-score{font-size:15px}
  .result-footer{margin:0 22px 28px}
  .result-footer .room-tag{display:none}
  .result-footer .primary-btn{width:100%}
  .player-result .feedback-title{font-size:33px}
}
.ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.answer-marker .ico{width:15px;height:15px;stroke-width:3.4}
.timer.is-finished .ico{width:calc(var(--t) * .32);height:calc(var(--t) * .32);stroke-width:3.2}
.feedback-symbol .ico{width:46px;height:46px;stroke-width:3.2}
.k-head-end{justify-self:end;display:flex;align-items:center;gap:10px}
.k-end .ico{width:15px;height:15px;stroke-width:3;translate:0 calc(var(--ink-ar) * -1)}
.head-tag{justify-self:end;display:flex;align-items:center;gap:7px;border:1px solid #c8a67a;background:#fff8e64d;border-radius:30px;padding:9px 14px 7px;font-weight:800;font-size:13px;white-space:nowrap}
.head-tag .ico{width:16px;height:16px;stroke-width:2.2}
.player-name .person-icon{width:30px;height:30px}
.qr-slab{padding:9px;background:#fffaf0;border:1px solid #d1b27e;border-radius:18px;box-shadow:0 4px 0 #d4b581}
.qr-slab svg{width:100%;height:auto}
.me-flower{position:relative;isolation:isolate;width:146px;height:146px;display:grid;place-items:center;margin:8px 0 12px}
.me-flower>.petal-flower{position:absolute;inset:0;z-index:-1}
.me-flower .person-icon{width:88px;height:88px;border-color:#a7793a;box-shadow:inset 0 2px 0 #fff9e766,0 3px 0 #d28f2955}
.mini-roster{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:14px}
.mini-roster span{display:flex;direction:ltr}
.mini-roster .person-icon{width:32px;height:32px;margin-inline-start:-9px}
.mini-roster .person-icon:last-child{margin:0}
.player-lobby .waiting,.locked .waiting,.feedback .waiting,.player-result .waiting{margin-top:auto;align-self:center}
.player-lobby .room-tag{margin-top:10px;font-size:13px;position:relative;z-index:1}
.player-join{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:14px;flex:1;text-align:center;position:relative;z-index:1}
.code-slots{position:relative;display:flex;gap:6px;direction:ltr;justify-content:center;width:100%}
.code-slots input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;color:transparent;background:transparent;caret-color:transparent}
.code-slots b{flex:0 1 44px;min-width:0;height:62px;display:grid;place-items:center;padding-top:10px;font-size:30px;font-weight:800;background:#f8e7bf;border:1px solid #d1b27e;border-radius:13px;box-shadow:0 3px 0 #d4b581}
.code-slots b.is-empty{background:#fffaf0;border-style:dashed;box-shadow:none}
.code-slots i{width:7px}
.ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:10px 20px 40px}
.ready h1,.ready h2{font:800 34px/1.4 Round,Tajawal,sans-serif;color:var(--teal)}
.ready h1{font-size:44px}
.ready>p{font-size:14px;color:#7c6047}
.timer.is-big{--t:190px;--ny:.165em;margin:12px 0}
.timer.is-big bdi{font-size:calc(var(--t) * .44)}
.host-screen .timer.is-big{--t:230px}
.question-art{position:relative;display:flex;width:fit-content;max-width:100%;margin:0 auto 16px;padding:0;overflow:hidden;background:#fffaf0;border:1px solid #d1b27e;border-radius:18px;box-shadow:0 4px 0 #d4b581;cursor:zoom-in}
.question-art img{display:block;width:auto;height:auto;max-height:var(--art-h,170px);max-width:var(--art-w,100%)}
.player-content .question-art{margin:0;border-radius:15px}
.k-artbox{flex:1 1 0;min-height:110px;margin-bottom:12px;container-type:size;display:grid;place-items:center}
.k-artbox .question-art{--art-h:calc(100cqh - 2px);--art-w:100cqw}
.host-content.has-art .question-row{grid-template-columns:1fr;min-height:0;padding-block:4px 12px}
.art-row{flex:1 1 0;min-height:96px;container-type:size;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);direction:ltr;gap:20px;align-items:center;justify-items:center;margin-bottom:16px}
.art-row .question-art{margin:0;--art-h:calc(100cqh - 2px);--art-w:60cqw}   /* الصفّ ينضغط لين مقاس المؤقّت (٩٦): سؤالٌ بثلاث أسطر مع صورة كان يدفّ التذييل برّا لوحة ٦٥٢ (التلفزيون ١٦:٩ يقصّه) — الصورة تصغر بداله */
.art-row .round-label{white-space:nowrap}
.host-content.has-art .answer{min-height:72px}
.player-content.has-art .player-question{margin-block:4px 12px}
.locked{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;padding-top:14px}
.locked h2{font:800 32px/1.4 Round,Tajawal,sans-serif;color:var(--teal);margin:16px 0 4px}
.locked>p{font-size:14px;color:#7c6047;margin-bottom:18px}
.locked .answer{max-width:250px;min-height:84px}
.locked .answer strong{font-size:24px}
.locked .answer-progress{background:transparent;margin-top:20px;order:0;width:auto}
.stat-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.stat-row .room-tag{font-size:13px;padding:8px 13px 6px}
.stat-row .ico{width:15px;height:15px;stroke-width:2.2}
.chase{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;line-height:1.6;text-align:right;color:#6d5239}
.chase .person-icon{width:34px;height:34px}
.rank-end{display:flex;align-items:center;gap:9px}
.rank-move{display:inline-flex;align-items:center;gap:1px;font-size:12px;font-weight:800;color:#8a7258;direction:ltr}
.rank-move .ico{width:13px;height:13px;stroke-width:3.2}
.rank-move.up{color:var(--teal)}
.rank-move.down{color:#b94d0d}
.podium-place .person-icon{width:46px;height:46px}
.player-result>p{font-size:13px;color:#7c6047;margin:2px 0 14px}
.podium.is-final{max-width:390px;margin-top:8px;gap:8px}
.podium.is-final .podium-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;height:104px;padding-top:11px;font-size:34px}
.podium.is-final .first .podium-step{height:140px}
.podium.is-final .third .podium-step{height:84px;padding-top:8px;font-size:28px}
.podium.is-final .podium-step span{font:800 14px/1.2 Tajawal,sans-serif}
.podium.is-final .podium-step small{font:800 13px/1 Tajawal,sans-serif;opacity:.85}
.av-body{--w:88px;display:block;width:var(--w);aspect-ratio:1247/1826;background:center bottom/contain no-repeat;margin-bottom:calc(var(--w) * -.19 - 6px);position:relative;z-index:1}
.first .av-body{--w:100px}
.final-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:16px}
.final-stat{background:#f8e7bf;border:1px solid #d1b27e;border-radius:15px;box-shadow:0 3px 0 #d4b581;padding:12px 12px 6px;text-align:right}
.final-stat small{display:block;font-size:12px;color:#7c6047}
.final-stat b{display:block;font:800 21px/1.3 Round,Tajawal,sans-serif}
.player-final{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}
.player-final>p{font-size:13px;color:#7c6047}
.player-final .primary-btn{margin-top:auto;position:relative;z-index:1}
.player-final .text-button{margin-top:10px;width:100%;position:relative;z-index:1}
.result-footer .foot-actions{display:flex;gap:10px;align-items:center}
body[data-bare][data-view=player] .player-screen{--safe-top:max(var(--wn-safe-top,env(safe-area-inset-top,0px)),40px);min-height:100dvh;padding:calc(12px + var(--safe-top)) 20px 26px}
@container (max-width:600px){
  .ready h1{font-size:32px}
  .host-screen .timer.is-big{--t:170px}
  .head-tag{font-size:12px;padding:7px 10px 5px}
}
body[data-scene=join] .head-tag{visibility:hidden}
.player-lobby .me-flower,.locked .round-heading,.feedback .feedback-symbol,.player-result .celebration,.player-result>.me-flower,.player-final .celebration{margin-top:auto}
.player-lobby{padding-top:0}
.feedback{padding-top:0}
.locked{padding-top:0}
body[data-bare][data-view=player] .player-content:not(.has-art) .answer-grid{flex:1;grid-auto-rows:minmax(96px,1fr);margin-top:6px}
body[data-bare][data-view=player] .player-content.has-art .answer-grid .answer{min-height:76px}
body[data-bare][data-view=player] .player-content .answer strong{font-size:clamp(22px,6.2vw,27px)}
body[data-bare][data-view=player] .player-question{font-size:clamp(25px,7vw,31px)}
body[data-bare][data-view=player] .player-hint{margin-top:0;padding-top:18px}
.ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html,body{height:100%}
body[data-view=host]:not([data-page]){overflow:hidden}
body[data-view=host] .host-screen{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
body[data-view=host] .game-header{padding:10px 30px 0}
body[data-view=host] .wordmark{font-size:58px;padding-block:6px 8px}
body[data-view=host] .host-content{padding:2px 30px 16px}
body[data-view=host] .question-row{min-height:0;padding:6px 0 16px}
body[data-view=host] .question-row h1{font-size:36px}
body[data-view=host] .answer{min-height:96px}
body[data-view=host] .host-footer{padding-top:14px}
.head-tag .ico{width:16px;height:16px}
.k-lobby{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:6px 34px 28px}
.k-joinbar{display:grid;grid-template-columns:112px 1fr auto;gap:18px;align-items:center;background:#fffaf0b3;border:1px solid #d9bd94;border-radius:22px;padding:12px 14px;box-shadow:inset 0 1px 0 #fffdf5,0 3px 0 #dcc5a455}
.k-joinbar .qr-slab{padding:7px;border-radius:14px}
.k-qrzoom{display:block;width:100%;cursor:zoom-in}   /* الضغط يكبّره (k-qrbig) */
.k-qrbig{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:#1d0f08f2;color:var(--cream);cursor:zoom-out}
.k-qrbig .qr-slab{width:min(72cqmin,calc(100cqh - 260px));padding:3cqmin;border-radius:28px}   /* بوحدات المسرح (#app حاويةٌ تتكبّر بـ--k): بالـvmin يتكبّر مرّتين ويفيض بشاشة ١٠٨٠ (مقيس بتصوير المقطع) · ٢٦٠ = الرمز وكلمته والتلميح والهوامش */
.k-qrbig-pin .room-code{color:var(--brown)}
.k-qrbig small{font-size:14px;opacity:.75}
.k-join-text{display:flex;flex-direction:column;gap:3px}
.k-join-text span{font-size:15px;color:#7c6047}
.k-join-text b{font:800 26px/1.3 Round,Tajawal,sans-serif;color:var(--teal);direction:ltr;text-align:right}
.k-join-text small{font-size:13px;color:#7c6047}
.k-pin{text-align:center}
.k-pin>span{display:block;font-size:14px;font-weight:800;margin-bottom:6px}
.k-pin .room-code{font-size:62px;padding:12px 24px 8px;letter-spacing:4px}
.k-lobby-row{display:flex;align-items:center;gap:14px}
.k-lobby-row h2{flex:1;text-align:center;font:800 24px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-lobby-row .room-tag{font-size:15px}
.k-lobby-row .room-tag .ico{width:17px;height:17px}
.k-lobby-acts{display:flex;align-items:center;gap:10px}
.k-lobby-acts .primary-btn{width:auto;min-width:150px}
.k-lobby-acts .icon-button{justify-self:auto}
.k-lobby-acts .icon-button .ico{width:20px;height:20px}
.k-names{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:12px 12px;position:relative;z-index:1}
.k-name{display:inline-flex;align-items:center;gap:9px;padding:5px 7px 5px 18px;background:var(--cream);border:1px solid #d9bd94;border-radius:30px;box-shadow:0 3px 0 #dcc5a4aa;font-size:19px}
.k-name b{font-weight:800;translate:0 var(--ink-ar)}
.k-name .person-icon{width:46px;height:46px}
.k-name.is-new{animation:k-joined calc(var(--stage) * 2.6) ease-out both}
@keyframes k-joined{0%{scale:.6;opacity:0;background-color:#ffd986;border-color:#dca138}16%{scale:1.08;opacity:1}26%{scale:1}70%{background-color:#ffd986;border-color:#dca138}100%{background-color:var(--cream);border-color:#d9bd94}}
@keyframes k-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.k-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 70px 60px}
.k-intro h1{font:800 46px/1.45 Round,Tajawal,sans-serif;color:var(--teal);text-wrap:balance;max-width:860px}
.k-type{display:inline-flex;align-items:center;gap:7px;padding:6px 16px 4px;border-radius:30px;background:var(--brown);color:var(--cream);font-size:14px;font-weight:800}
.k-type .ico{width:16px;height:16px}
.k-load{width:min(560px,80%);height:16px;border:1px solid #c8a67a;border-radius:20px;background:#f8e7bf;overflow:hidden;box-shadow:inset 0 2px 3px #54291812}
.k-load i{display:block;height:100%;width:62%;background:var(--orange);border-radius:20px}
.k-load.is-live i{animation:k-fill var(--talk,5s) linear both}   /* الفرق: وقت المشاورة (--talk من الصفحة) — كلاسيك ٥ث */
@keyframes k-fill{from{width:0}to{width:100%}}
.k-results{gap:0}
.k-res-q{font:800 28px/1.4 Round,Tajawal,sans-serif;color:var(--teal);text-align:center;margin:2px 0 10px}
.k-chart{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;padding:0 0 8px}
.k-bar{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.k-bar b{display:flex;align-items:center;gap:6px;font:800 26px/1 Round,Tajawal,sans-serif}
.k-bar b .ico{width:22px;height:22px;stroke-width:3.4;color:var(--teal)}
.k-bar i{display:block;width:80%;height:var(--h);min-height:8px;border-radius:12px 12px 0 0;background:var(--answer-bg,var(--orange));box-shadow:inset 0 3px 0 #fff8dc52,inset -5px 0 0 #3019100f}
.k-bar[data-index="1"]{--answer-bg:var(--gold)}
.k-bar[data-index="2"]{--answer-bg:var(--teal)}
.k-bar[data-index="3"]{--answer-bg:var(--brown)}
.k-chart:not(.is-open) .k-bar:not(.is-correct) i{opacity:.42}
.k-res-tiles{grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:0}
.k-res-tiles .answer{min-height:64px;padding:10px 12px}
.k-res-tiles .answer strong{font-size:22px}
.answer.is-dim{opacity:.45;box-shadow:inset 0 3px 0 #fff8dc52}
.k-fast{display:flex;align-items:center;gap:8px;font-weight:800}
.k-fast .person-icon{width:34px;height:34px}
.k-board{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0 34px 6px}
.k-board h1{font:800 34px/1.3 Round,Tajawal,sans-serif;color:var(--teal);margin-bottom:12px}
.rank-list.is-big{width:min(720px,100%);gap:9px}
.rank-list.is-big .rank-row{grid-template-columns:30px 46px 1fr auto;min-height:62px;font-size:19px;padding:7px 16px}
.rank-list.is-big .person-icon{width:46px;height:46px}
.rank-list.is-big .rank-position{font-size:21px}
.rank-list.is-big .rank-score{font-size:21px}
.rank-end{display:flex;align-items:center;gap:10px}
.k-stk{display:inline-flex;align-items:center;gap:2px;margin-inline-start:8px;padding:1px 8px 0;border-radius:20px;background:#ff751c22;color:#c2560f;font-size:max(12px,.8em);font-weight:800;vertical-align:middle}
.k-stk .ico{width:.95em;height:.95em}
.k-left{font-size:15px;font-weight:800;color:#7c6047}
.result-footer{margin:6px 34px 22px}
.k-final{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 34px}
.k-final h1{position:relative;display:inline-flex;gap:.28em;margin-bottom:auto;padding:8px 34px 10px;font:800 34px/1.3 Round,Tajawal,sans-serif;color:var(--cream);rotate:-2deg;
  background:linear-gradient(180deg,#ff8a3a,var(--orange) 55%,#e2610f);border-radius:6px;box-shadow:inset 0 2px 0 #ffd2a866,0 4px 0 #b94d0d,0 10px 18px #54291833;text-shadow:0 2px 0 #9a3f0a}
.k-final .podium.is-final{max-width:680px;width:100%;margin:0;gap:12px}
.k-final .av-body{--w:118px}
.k-final .first .av-body{--w:138px}
.k-final .podium-step span{font-size:18px}
.k-final .podium-step small{font-size:15px}
.k-final .podium.is-final .first .podium-step{height:190px;font-size:46px}
.k-final .podium.is-final .podium-step{height:148px;font-size:40px}
.k-final .podium.is-final .third .podium-step{height:116px;font-size:36px}
.k-nick{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;gap:6px}
.k-nick .me-flower{margin-top:auto}
.k-nick .text-button{font-size:14px}
.k-nick-field{width:100%;margin-top:14px;text-align:right}
.k-nick>small{font-size:13px;color:#7c6047}
.k-nick .primary-btn{margin-top:auto;position:relative;z-index:1}
.d-field{display:flex;flex-direction:column;gap:6px}
.d-field>span{font-size:14px;font-weight:800}
.d-field input{min-width:0;min-height:52px;border:1px solid #c8a67a;border-radius:16px;background:#fffaf0;padding:10px 14px 8px;font:800 20px/1.2 Round,Tajawal,sans-serif;color:var(--brown);box-shadow:inset 0 2px 3px #54291812}
.d-field input:focus{outline:3px solid var(--teal);outline-offset:2px}
.me-flower .k-rank{font:800 54px/1 Round,Tajawal,sans-serif;color:var(--brown)}
.me-flower .k-rank.is-big{font-size:68px}
.me-flower.is-small{width:110px;height:110px;margin:0 auto 4px}
.ready .k-type{margin-top:4px}
.player-final .final-stats{margin-bottom:16px}
.primary-btn.is-small{width:auto;min-height:42px;padding:9px 18px 7px;font-size:15px}
.primary-btn .ico,.text-button .ico{width:17px;height:17px;stroke-width:2.6}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}   /* بعرضٍ كامل (نهاية الجوال) نصُّه بالنص مثل الأساسي — ملاحظة المالك */
.primary-btn{gap:8px}
.answer-grid.is-two{grid-template-columns:1fr 1fr}
.timer.is-tick bdi{animation:k-tick calc(var(--speed) * 1.8) cubic-bezier(.2,1.5,.4,1)}
.timer.is-tick .timer-rays{animation:k-rays calc(var(--speed) * 2) ease-out}
.timer.is-big>.petal-flower{animation:k-spin calc(var(--speed) * 80) linear infinite}
.timer.is-urgent::before{background:linear-gradient(160deg,#ffb27d,var(--orange))}
.timer.is-urgent .timer-rays i{--rc:var(--orange)}
@keyframes k-tick{from{scale:1.32;opacity:.35}to{scale:1;opacity:1}}
@keyframes k-rays{from{scale:1.14;opacity:.4}to{scale:1;opacity:1}}
@keyframes k-spin{to{rotate:360deg}}
.k-final .podium{position:relative;z-index:2;clip-path:inset(-320px -80px 0 -80px);transform-origin:50% 100%}
.k-final h1,.k-final~.result-footer{position:relative;z-index:3}
.podium-place{position:relative;isolation:isolate}
.k-spot{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.k-spot::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 72%,#3d1f10,#140904);opacity:0}
.k-beam{position:absolute;top:-6%;left:14%;width:560px;height:125%;translate:-50% 0;transform-origin:50% 0;rotate:-42deg;opacity:.26;
  background:conic-gradient(from 168deg at 50% 0,#ffe7a600 0deg,#ffe7a6b8 9deg,#fff4d0e0 12deg,#ffe7a6b8 15deg,#ffe7a600 24deg,#ffe7a600 360deg);
  -webkit-mask:linear-gradient(#000 20%,#0000 92%);mask:linear-gradient(#000 20%,#0000 92%)}
.k-beam.is-r{left:86%;rotate:42deg}
.k-pool{position:absolute;left:50%;top:-56px;width:250px;height:300px;translate:-50% 0;z-index:-2;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,#fff3c8c0,#ffe7a660 45%,#ffe7a600);opacity:.55}
.podium-place.first .podium-step{--step:var(--gold)}
.podium-place.third .podium-step{--step:var(--teal)}
.podium-step>bdi{text-shadow:0 2px 0 #2a140930,0 -1px 0 #ffffff40}
.k-burst{position:absolute;left:50%;top:-120px;width:460px;aspect-ratio:1;translate:-50% 0;border-radius:50%;z-index:-1;pointer-events:none;
  background:repeating-conic-gradient(#ffb8315c 0 7deg,#ffb83100 7deg 20deg);-webkit-mask:radial-gradient(closest-side,#000 25%,#0000);mask:radial-gradient(closest-side,#000 25%,#0000);
  animation:k-spin calc(var(--stage) * 34) linear infinite,k-breathe calc(var(--stage) * 3.2) ease-in-out infinite}
.k-sparkles{position:absolute;left:50%;top:-34px;width:290px;height:210px;translate:-50% 0;z-index:2;pointer-events:none}
.k-sparkles i{position:absolute;width:var(--z);aspect-ratio:1;background:var(--sc,#ffd25a);scale:0;
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
  animation:k-twinkle calc(var(--stage) * 1.7) ease-in-out calc(var(--stage) * var(--sd)) infinite}
.k-sparkles i:nth-child(1){left:6%;top:18%;--z:18px;--sd:.1}
.k-sparkles i:nth-child(2){left:86%;top:10%;--z:22px;--sd:.6;--sc:#fff3c8}
.k-sparkles i:nth-child(3){left:14%;top:62%;--z:13px;--sd:1.1;--sc:#fff3c8}
.k-sparkles i:nth-child(4){left:80%;top:56%;--z:16px;--sd:.35}
.k-sparkles i:nth-child(5){left:30%;top:0;--z:12px;--sd:.85}
.k-sparkles i:nth-child(6){left:66%;top:-4%;--z:14px;--sd:1.35;--sc:#ffb831}
.k-drum{position:absolute;left:50%;top:44%;translate:-50% -50%;z-index:3;margin:0;font:800 34px/1.3 Round,Tajawal,sans-serif;color:#fff3c8;opacity:0;pointer-events:none;text-shadow:0 3px 0 #2a1409}
.k-ribbon::before,.k-ribbon::after{content:"";position:absolute;top:10px;width:28px;height:100%;background:#c9550e;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%)}
.k-ribbon::before{left:-20px}
.k-ribbon::after{right:-20px;scale:-1 1}
.k-ribbon>span{display:inline-block}
.k-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;perspective:700px}
.k-confetti.is-back{z-index:1;opacity:.8;filter:blur(.7px)}
.k-confetti.is-front{z-index:4}
.k-cf{position:absolute;top:-34px;left:var(--x);opacity:0;animation:k-fall calc(var(--stage) * var(--d)) linear calc(var(--stage) * (3.75 + var(--dl))) infinite}
.k-cf>b{display:block;width:var(--s);height:calc(var(--s) * .56);border-radius:2px;background:var(--c);box-shadow:inset 0 -2px 0 #0000001f;animation:k-flip calc(var(--stage) * var(--fd)) linear infinite}
.k-cf>b.k-cf-r{height:var(--s);border-radius:50%}
.k-cf>b.k-cf-s{width:calc(var(--s) * 1.5);height:calc(var(--s) * 1.5);background:none;box-shadow:none;border:calc(var(--s) * .26) solid var(--c);border-color:var(--c) transparent transparent;border-radius:50%}
.k-cf>b.k-cf-f{width:calc(var(--s) * 1.6);height:calc(var(--s) * 1.6);background:none;box-shadow:none;--flower-color:var(--c)}
.k-all{display:inline-flex;align-items:center;gap:7px}
.k-final.is-live .k-spot::before{animation:k-dim calc(var(--stage) * 5.4) ease both}
.k-final.is-live .k-beam{animation:k-sweep-l calc(var(--stage) * 4.4) ease-in-out both}
.k-final.is-live .k-beam.is-r{animation-name:k-sweep-r}
.k-final.is-live .podium-place{--at:calc(var(--stage) * .5);animation:k-step calc(var(--stage) * .8) cubic-bezier(.2,.9,.25,1.12) var(--at) both}
.k-final.is-live .second{--at:calc(var(--stage) * 1.75)}
.k-final.is-live .first{--at:calc(var(--stage) * 3.6)}
.k-final.is-live .k-pool{animation:k-light calc(var(--stage) * .6) ease-out var(--at) both}
.k-final.is-live .podium-step>*{animation:k-pop calc(var(--stage) * .45) ease-out calc(var(--at) + var(--stage) * .7) both}
.k-final.is-live .k-burst{animation:k-spin calc(var(--stage) * 34) linear infinite,k-breathe calc(var(--stage) * 3.2) ease-in-out infinite,k-glow calc(var(--stage) * .9) ease-out calc(var(--stage) * 3.95) both}
.k-final.is-live .k-sparkles{animation:k-glow calc(var(--stage) * .5) ease-out calc(var(--stage) * 4.2) both}
.k-final.is-live .k-drum{animation:k-drumroll calc(var(--stage) * 1.25) ease-in-out calc(var(--stage) * 2.45) both}
.k-final.is-live h1.k-ribbon{animation:k-title calc(var(--stage) * .7) cubic-bezier(.2,1.5,.4,1) calc(var(--stage) * 4.05) both}
.k-final.is-live .k-ribbon>span{animation:k-word calc(var(--stage) * .5) cubic-bezier(.2,1.6,.4,1) calc(var(--stage) * (4.25 + var(--wi) * .14)) both}
.k-final.is-live~.result-footer{animation:screen-in calc(var(--stage) * .5) ease calc(var(--stage) * 4.8) both}
@keyframes k-dim{0%{opacity:0}9%,80%{opacity:.8}100%{opacity:0}}
@keyframes k-sweep-l{0%{rotate:-6deg;opacity:0}8%{opacity:.95}14%,32%{rotate:-54deg}42%,56%{rotate:-22deg}63%{rotate:-62deg}70%{rotate:-16deg}77%{rotate:-58deg}86%{rotate:-42deg;opacity:.95}100%{rotate:-42deg;opacity:.26}}
@keyframes k-sweep-r{0%{rotate:6deg;opacity:0}8%{opacity:.95}14%,32%{rotate:22deg}42%,56%{rotate:54deg}63%{rotate:16deg}70%{rotate:62deg}77%{rotate:20deg}86%{rotate:42deg;opacity:.95}100%{rotate:42deg;opacity:.26}}
@keyframes k-light{from{opacity:0;scale:.6}to{opacity:.55;scale:1}}
@keyframes k-step{from{translate:0 105%}to{translate:0 0}}
@keyframes k-glow{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes k-breathe{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes k-twinkle{0%,100%{scale:0;rotate:0deg}45%,55%{scale:1;rotate:45deg}}
@keyframes k-drumroll{0%{opacity:0;scale:.7}18%{opacity:1;scale:1}30%,50%,70%{translate:-50% -50%;rotate:-1.5deg}40%,60%,80%{rotate:1.5deg}88%{opacity:1;scale:1;rotate:0deg}100%{opacity:0;scale:1.25}}
@keyframes k-title{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes k-word{from{opacity:0;translate:0 18px;scale:.6}to{opacity:1;translate:0 0;scale:1}}
@keyframes k-fall{0%{opacity:1;transform:translate(0,0)}25%{transform:translate(var(--sw),190px)}50%{transform:translate(calc(var(--sw) * -1),380px)}75%{transform:translate(var(--sw),570px)}90%{opacity:1}100%{opacity:0;transform:translate(0,740px)}}
@keyframes k-flip{from{transform:rotate3d(1,.55,.25,0deg)}to{transform:rotate3d(1,.55,.25,360deg)}}
.k-ranks{position:absolute;inset:calc(14px + var(--st,0px)) calc(14px + var(--sx,0px)) calc(14px + var(--sb,0px));z-index:6;display:flex;flex-direction:column;gap:12px;padding:16px 24px 20px;border:1px solid var(--line);border-radius:24px;background:#fffaf0;box-shadow:0 6px 0 #54291826,0 18px 40px #54291826;animation:k-sheet calc(var(--stage) * .35) cubic-bezier(.2,.9,.3,1.1) both}
.k-ranks-head{display:flex;align-items:center;gap:12px}
.k-ranks-head h2{font:800 28px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-ranks-head>span{font-size:15px;font-weight:800;color:#7c6047}
.k-ranks-head .k-close{margin-inline-start:auto;font-size:20px}
.k-ranks .rank-list.is-big{width:100%;flex:1;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-flow:column;gap:8px 16px}
.k-ranks .rank-list.is-big .rank-row{min-height:0;padding-block:5px}
.k-ranks .rank-move{display:none}
.k-ranks .rank-row:nth-child(-n+3){border-inline-start:6px solid var(--medal)}
.k-ranks .rank-row:nth-child(1){--medal:var(--gold)}
.k-ranks .rank-row:nth-child(2){--medal:var(--orange)}
.k-ranks .rank-row:nth-child(3){--medal:var(--teal)}
.k-ranks .rank-row,.k-board .rank-row{animation:k-row calc(var(--stage) * .45) ease-out calc(var(--stage) * (.12 + var(--k) * .06)) both}
.k-ranks .rank-list.is-big.is-teams{grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));grid-template-rows:repeat(var(--rows,4),minmax(0,84px));align-content:center;gap:12px;width:min(calc(760px * var(--cols,1)),100%);margin:0 auto}   /* النموذج بأربع فرق: عمودٌ وصفوف ٨٤ — والأكثر (لين ٣٠) أعمدةٌ وصفوفٌ تصغر (--cols · --rows من الصفحة) */
.k-ranks .rank-list.is-teams .rank-row{min-height:0}
.k-fast .k-tfaces .person-icon{width:28px;height:28px;margin-inline-start:-9px}
@keyframes k-sheet{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes k-row{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
body[data-motion=reduced] .k-confetti{display:none}
@media(prefers-reduced-motion:reduce){
  .k-confetti{display:none}
}
:is(.primary-btn,.text-button,.head-tag,.room-tag,.k-type,.d-type,.d-banknote,.k-talk,.k-polltag,.k-locktag,.d-sec,.d-note,.k-multitag,.k-typed-pill,.k-hpuzzle>p,.k-hpin>p,.d-pinside>b,.d-issues,.d-copytag,.d-added,.d-qsum,.d-passnote,.d-drawnote,.d-impcount,.d-balance,.d-passlist li,.d-room-n) .ico{translate:0 calc(var(--ink-ar) * -1)}
.k-stk bdi{translate:0 var(--ink-num)}
.answer-letter[data-l="0"]{--lv:.18em}
.answer-letter[data-l="1"]{--lv:-.14em}
.answer-letter[data-l="2"]{--lv:-.18em}
.k-bar i{transform-origin:50% 100%;animation:k-grow calc(var(--stage) * .7) cubic-bezier(.2,.9,.3,1.05) calc(var(--stage) * (.15 + var(--bi, 0) * .09)) both}
.k-bar b{animation:k-pop calc(var(--stage) * .4) ease-out calc(var(--stage) * (.7 + var(--bi, 0) * .09)) both}
@keyframes k-grow{from{scale:1 0}to{scale:1 1}}
.k-pincard{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 18px;border:1px solid #d9bd94;border-radius:24px;background:#fffaf0;box-shadow:0 4px 0 #dcc5a4aa}
.k-pincard h2{font:800 24px/1.3 Round,Tajawal,sans-serif;color:var(--teal);margin:0}
.k-or{display:flex;align-items:center;gap:12px;width:100%;font-size:14px;font-weight:800;color:#7c6047}
.k-or::before,.k-or::after{content:"";flex:1;border-top:1px dashed #c8a67a}
.k-scan{width:100%;justify-content:center;min-height:52px;font-size:16px}
.k-zoomhint{position:absolute;inset-inline-end:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #d1b27e;background:#fffaf0e6;color:var(--brown)}
.k-zoomhint .ico{width:17px;height:17px}
/* تكبير صورة السؤال (طلب المالك) — بنصّها من النموذج */
.k-zoom{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(64px + var(--wn-safe-top,0px)) calc(18px + var(--wn-safe-side,0px)) calc(28px + var(--wn-safe-bottom,0px));overflow:hidden;background:#2a1409eb;animation:k-sheet calc(var(--stage) * .25) ease-out both}
.k-zoom img{max-width:100%;max-height:calc(100% - 40px);border:4px solid var(--cream);border-radius:18px;box-shadow:0 8px 0 #00000040;cursor:zoom-in;transition:scale calc(var(--speed) * 1.2) ease}
.k-zoom img.is-2x{scale:2;cursor:zoom-out}
.k-zoom p{font-size:14px;font-weight:800;color:var(--cream)}
.k-zoom-x{position:absolute;top:calc(14px + var(--wn-safe-top,0px));inset-inline-end:calc(14px + var(--wn-safe-side,0px));background:var(--cream);color:var(--brown);font-size:20px}
.p-top{display:flex;align-items:center;min-height:44px}
.p-top .timer{--t:52px;margin-inline-start:auto;margin-inline-end:14px}
.p-home{display:inline-flex;align-items:center;min-height:44px;padding:5px 2px 0;font-size:22px;color:var(--brown);position:relative;z-index:2}
.player-screen .waves-top{width:190px;height:130px;right:-40px;top:-22px}
.k-hello{display:flex;flex-direction:column;align-items:center;gap:4px}
.k-hello .me-flower{margin:0}
.k-hello h2{font:800 30px/1.3 Round,Tajawal,sans-serif;color:var(--teal);margin:0}
.k-pincard p{margin:-10px 0 0;font-size:14px;color:#7c6047}
.k-sheet-bg{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;background:#2a140980;animation:k-sheet calc(var(--stage) * .25) ease-out both}
.k-sheet{width:100%;display:flex;flex-direction:column;gap:10px;padding:24px 20px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid #d9bd94;border-radius:26px 26px 0 0;background:var(--cream);text-align:center;box-shadow:0 -6px 24px #54291826}
.k-sheet h2{font:800 26px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-sheet p{font-size:14px;color:#7c6047;margin-bottom:6px}
.k-sheet .text-button{justify-content:center}
.answer-letter[data-tf] .ico{width:.95em;height:.95em;stroke-width:3.4}
.host-content:not(.has-art)>.answer-grid:not(.k-res-tiles){flex:1;grid-auto-rows:minmax(86px,1fr)}
.host-content .answer-grid.is-two .answer strong{font-size:34px}
.k-chart.is-two{grid-template-columns:repeat(2,1fr)}
.answer-grid.is-two.k-res-tiles{grid-template-columns:1fr 1fr}
/* «أكثر من جواب» (النموذج حرفياً): شارة المقدّم · البلاطة تتبدّل بعلامة الزاوية · «أرسل» · ملخّص المختار */
.k-multitag{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 10px;padding:6px 16px 4px;border-radius:30px;background:#e6f1ee;color:var(--teal);font:800 15px/1.3 Tajawal,sans-serif}
.k-multitag .ico{width:16px;height:16px}
.answer.is-multi{position:relative}
.k-tick{position:absolute;top:8px;inset-inline-end:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fffaf0cc}
.k-tick .ico{width:16px;height:16px;stroke-width:3.4;opacity:0}
.answer.is-multi.is-on{outline:4px solid var(--cream);outline-offset:-7px}
.answer.is-multi.is-on .k-tick{background:var(--cream);color:var(--teal)}
.answer.is-multi.is-on .k-tick .ico{opacity:1}
.k-multi-send{margin-top:12px}
.k-multi-sum{display:grid;gap:8px;justify-items:center;width:100%}
/* «اكتب الجواب» (النموذج حرفياً — الشريحة ٢): لوحة «اكتبوا الجواب بجوالاتكم» · الجواب الكبير وقائمة المكتوب · خانة الجوال · المحرّر */
.d-typed{display:flex;flex-direction:column;gap:12px;background:#fffaf0;border:1px solid #d9bd94;border-radius:20px;padding:16px 18px;box-shadow:0 4px 0 #dcc5a4aa}   /* الجواب وكتاباته الثانية (لين ٤) تحت بعض */
.d-typed>.text-button{align-self:flex-start}
.d-typed-alt{display:flex;align-items:center;gap:8px}
.d-typed-alt input{flex:1}
.d-typed small{display:block;font-size:13px;color:#7c6047;margin-top:8px}
.k-typing{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;border:2px dashed #c8a67a;border-radius:24px;background:#fffaf080;text-align:center}
.k-typing-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--teal);color:var(--cream)}
.k-typing-ico .ico{width:30px;height:30px}
.k-typing b{font:800 30px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-typing small{font-size:15px;color:#7c6047}
.k-typing-dots{display:flex;gap:7px;margin-top:6px}
.k-typing-dots i{width:10px;height:10px;border-radius:50%;background:var(--orange);animation:k-dot calc(var(--stage) * 1.2) ease-in-out infinite}
.k-typing-dots i:nth-child(2){animation-delay:calc(var(--stage) * .2)}.k-typing-dots i:nth-child(3){animation-delay:calc(var(--stage) * .4)}
.k-answer-big{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px auto 16px;padding:12px 40px 14px;border-radius:22px;background:var(--teal);color:var(--cream);box-shadow:0 5px 0 #063e42}
.k-answer-big small{font-size:14px;font-weight:800;opacity:.85}
.k-answer-big b{font:800 42px/1.2 Round,Tajawal,sans-serif}
.k-typed-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;width:min(760px,100%);margin:0 auto 12px}
.k-typed-row{display:grid;grid-template-columns:200px 1fr 40px;align-items:center;gap:14px;min-height:52px;padding:6px 16px;border:1px solid #d9bd94;border-radius:16px;background:#fffaf0}
.entering .k-typed-row{animation:k-row calc(var(--stage) * .45) ease-out calc(var(--stage) * (.1 + var(--bi) * .08)) both}
.k-typed-row.is-ok{border-color:#6b9791;background:#e6f1ee}
.k-typed-t{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800}
.k-typed-t>span{translate:0 var(--ink-ar)}
.k-typed-t .ico{width:20px;height:20px;flex:none;color:#b0855a}
.k-typed-row.is-ok .k-typed-t .ico{color:var(--teal)}
.k-typed-bar{height:14px;border-radius:8px;background:#f1e3c8;overflow:hidden}
.k-typed-bar i{display:block;height:100%;width:var(--w);border-radius:8px;background:#d8b98c;transform-origin:100% 50%}
.entering .k-typed-bar i{animation:k-growx calc(var(--stage) * .7) cubic-bezier(.2,.9,.3,1) calc(var(--stage) * (.2 + var(--bi) * .08)) both}
.k-typed-row.is-ok .k-typed-bar i{background:var(--teal)}
.k-typed-row bdi{font-size:20px;font-weight:800;text-align:center;translate:0 var(--ink-num)}
.k-ptype{gap:12px}
.k-typebox{display:flex;flex-direction:column;gap:8px;margin-top:auto;text-align:right}
.k-typebox span{font-size:14px;font-weight:800;color:#7c6047}
.k-typebox input{min-height:64px;border:2px solid var(--teal);border-radius:20px;background:#fffaf0;padding:12px 18px 10px;font:800 26px/1.2 Round,Tajawal,sans-serif;color:var(--brown);box-shadow:inset 0 2px 0 #54291812}
.k-typebox input:focus{outline:3px solid var(--orange);outline-offset:2px}
.k-ptype .primary-btn{min-height:56px}
.k-typed-pill{display:inline-block;margin:6px auto 4px;padding:11px 28px;border-radius:30px;background:var(--teal);color:var(--cream);font:800 26px/1.2 Round,Tajawal,sans-serif;box-shadow:0 4px 0 #063e42}
.k-typed-pill bdi{display:inline-block;translate:0 calc(var(--ink-num) - var(--ink-ar))}
.k-res-note{text-align:center;font-size:18px;color:#7c6047}
.k-res-note b{color:var(--teal);font-size:22px}
/* «مقياس رقمي» (النموذج حرفياً — الشريحة ٣): لوحة «حرّكوا المؤشّر» · الكشف بالهامش والتخمينات · مؤشّر السحب (range) للجوال والمحرّر */
.k-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(860px,100%);margin:0 auto}
.k-line>bdi{font:800 22px/1 Round,Tajawal,sans-serif;color:#7c6047}
.k-track{position:relative;height:18px;border-radius:10px;background:#f1e3c8;box-shadow:inset 0 2px 0 #54291814}
.k-knob{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);color:var(--brown);font:800 26px/1 Round,Tajawal,sans-serif;font-style:normal;box-shadow:0 4px 0 #b94d0d;animation:k-knob calc(var(--stage) * 2.6) ease-in-out infinite}
@keyframes k-knob{0%,100%{left:28%}50%{left:72%}}
.k-band{position:absolute;top:-7px;bottom:-7px;left:var(--a);width:calc(var(--b) - var(--a));border:2px solid var(--teal);border-radius:9px;background:#09585d2e}
.k-flag{position:absolute;left:var(--p);top:50%;width:6px;height:48px;translate:-50% -50%;border-radius:3px;background:var(--teal);box-shadow:0 0 0 3px #fbf2df}
.k-guess{position:absolute;left:var(--p);bottom:calc(100% + 12px + var(--n) * 17px);width:15px;height:15px;translate:-50% 0;border-radius:50%;background:#d8b98c;border:2px solid #fffaf0;animation:k-pop calc(var(--stage) * .35) ease-out calc(var(--stage) * (.2 + var(--bi) * .05)) both}
.k-guess.is-in{background:var(--orange)}
.k-hslider{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:0 20px 14px}
.k-hslider>b{font:800 24px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-rslider{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:70px 20px 10px}
.k-pslider{gap:12px}
.k-slide{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding:20px 18px 16px;border:1px solid #d9bd94;border-radius:22px;background:#fffaf0}
.k-slide-v{font:800 58px/1 Round,Tajawal,sans-serif;color:var(--teal)}
.k-range-box{width:100%;display:flex;flex-direction:column;gap:8px}
.k-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:grab;touch-action:pan-y}
.k-range:active{cursor:grabbing}
.k-range:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:14px}
.k-range::-webkit-slider-runnable-track{height:18px;border-radius:10px;background:linear-gradient(to right,var(--orange) var(--f),#f1e3c8 var(--f));box-shadow:inset 0 2px 0 #54291814}
.k-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:38px;height:38px;margin-top:-10px;border-radius:50%;border:5px solid var(--orange);background:#fffaf0;box-shadow:0 3px 0 #c45a12,0 6px 14px #5429182e}
.k-range::-moz-range-track{height:18px;border-radius:10px;background:#f1e3c8}
.k-range::-moz-range-progress{height:18px;border-radius:10px;background:var(--orange)}
.k-range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:5px solid var(--orange);background:#fffaf0}
.k-range.is-band::-webkit-slider-runnable-track{background:linear-gradient(to right,#f1e3c8 var(--a),#09585d4d var(--a),#09585d4d var(--b),#f1e3c8 var(--b))}
.k-range.is-band::-webkit-slider-thumb{border-color:var(--teal);box-shadow:0 3px 0 #063e42,0 6px 14px #5429182e}
.k-range.is-band::-moz-range-progress{background:transparent}
.k-range.is-band::-moz-range-thumb{border-color:var(--teal)}
.k-slide-ends{display:flex;justify-content:space-between;width:100%;font:800 15px/1 Tajawal,sans-serif;color:#7c6047}
.d-sval{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:16px 0 4px}
.d-sval>span{display:flex;flex-direction:column;font-size:14px;font-weight:800}
.d-sval small{font-size:12px;font-weight:500;color:#7c6047}
.d-sval output{font:800 36px/1 Round,Tajawal,sans-serif;color:var(--teal)}
.d-margin{margin-top:14px}
.d-slider .d-field input{font-size:18px;text-align:center}
.d-slider small,.d-puzzle small{display:block;font-size:13px;color:#7c6047}
/* «رتّب» (النموذج حرفياً — الشريحة ٤): لوحة الخانات المخلوطة «رتّبوها بجوالاتكم» · الكشف بالترتيب الصح مرقّماً · الجوال يضغطها بالترتيب · خانات المحرّر الأربع */
.k-hpuzzle{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(70px,1fr) minmax(70px,1fr) auto;gap:16px 17px;padding-bottom:10px}
.k-hpuzzle[data-n="3"]{grid-template-columns:repeat(3,1fr);grid-template-rows:minmax(70px,1fr) auto}   /* ثلاث بصفّ · خمس وست بثلاث أعمدة */
.k-hpuzzle[data-n="5"],.k-hpuzzle[data-n="6"]{grid-template-columns:repeat(3,1fr)}
.k-hpuzzle>p{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;font:800 20px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-hpuzzle>p .ico{width:22px;height:22px}
.k-rorder{list-style:none;display:grid;gap:10px;width:min(620px,100%);margin:auto auto 12px;padding:0}
.k-rorder li{display:flex;align-items:center;gap:14px;min-height:58px;padding:6px 18px;border:1px solid #6b9791;border-radius:16px;background:#e6f1ee;font:800 24px/1.3 Round,Tajawal,sans-serif;animation:k-row calc(var(--stage) * .45) ease-out calc(var(--stage) * (.1 + var(--bi) * .12)) both}
.k-rorder bdi{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--teal);color:var(--cream);font-family:Tajawal,sans-serif;font-size:18px;padding-top:calc(var(--ink-num) * 2)}
.k-rorder span{translate:0 var(--ink-ar)}
.k-ppuzzle{gap:10px}
.k-order{display:grid;grid-auto-rows:minmax(56px,1fr);gap:10px;flex:1;margin-top:4px}
.k-ord{min-height:56px;gap:12px;padding:8px 14px}
.k-ord strong{font-size:22px}
.k-ord-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:2px dashed #fffaf0aa;font:800 18px/1 Tajawal,sans-serif;color:var(--brown)}
.k-ord-n bdi{translate:0 var(--ink-num)}
.k-ord.is-on .k-ord-n{border-style:solid;border-color:var(--cream);background:var(--cream)}
.k-ord-acts{display:grid;grid-template-columns:auto 1fr;gap:10px}
.k-ord-acts .text-button{min-height:49px}
.k-ord-list{list-style:none;counter-reset:o;display:grid;gap:6px;width:min(260px,100%);margin:4px auto 8px;padding:0;text-align:start}
.k-ord-list li{counter-increment:o;display:flex;align-items:center;gap:10px;padding:8px 12px 6px;border-radius:12px;background:#fffaf0;border:1px solid #d9bd94;font-weight:800}
.k-ord-list li::before{content:counter(o);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--teal);color:var(--cream);font-size:13px}
.d-puzzle{display:grid;gap:10px}
.d-pzlist{display:grid;gap:10px}
.d-pz{display:flex;align-items:center;gap:10px;position:relative}
.d-pzlist.is-sorting .d-pz{transition:transform .16s ease}   /* الباقي يفسح للمسحوبة بنعومة — والمسحوبة تمشي مع الإصبع بلا تأخير */
.d-pzlist.is-sorting .d-pz.is-drag{z-index:2;transition:none}
.d-pz.is-drag input{border-color:var(--teal);box-shadow:0 10px 22px #5429182e}
.d-pzgrip{flex:none;display:grid;place-items:center;width:32px;height:50px;margin-inline-start:-6px;padding:0;border:0;border-radius:12px;background:none;color:#a5876a;cursor:grab;touch-action:none}
.d-pzgrip::after{content:"";position:absolute;inset-block:0;inset-inline-start:-6px;width:44px}   /* لمسٌ ٤٤ والرسمة ٣٢ */
.d-pzgrip:active{cursor:grabbing}
.d-pzgrip .ico{width:22px;height:22px;stroke-width:2.4}
.d-pzgrip:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.d-pz bdi{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--teal);color:var(--cream);font-weight:800;padding-top:calc(var(--ink-num) * 2)}
.d-pz input{flex:1;min-width:0;min-height:50px;border:1px solid #c8a67a;border-radius:16px;background:#fffaf0;padding:10px 14px 8px;font:800 19px/1.2 Round,Tajawal,sans-serif;color:var(--brown)}
.d-pz input:focus{outline:3px solid var(--teal);outline-offset:2px}
/* «حدّد على الصورة» (النموذج — الشريحة ٥): الإطار **بشكل الصورة** (طوله من --ar = طول الصورة ÷ عرضها، و content-box فالنسبة للصورة نفسها) بدل مربّع النموذج اللي يقصّها
   (قاعدة المالك: الصورة ما تنقصّ) — والأماكن بالنسبة من عرضه وطوله، ودائرة المكان بعرضه · لوحة «اضغطوا» · الكشف بالدائرة والدبابيس · الجوال يضغط · المحرّر يحطّ المكان */
.k-pinbox{flex:1 1 0;min-height:150px;align-self:stretch;container-type:size;display:grid;place-items:center}
.k-pinframe{position:relative;display:block;flex:none;box-sizing:content-box;width:min(calc(100cqw - 8px),calc((100cqh - 8px) / var(--ar,1)));border:4px solid #fffaf0;border-radius:20px;overflow:hidden;box-shadow:0 4px 0 #d4b581}
.k-pinframe::before,.k-pinimg::before,.d-pinedit::before{content:"";display:block;padding-top:calc(var(--ar,1) * 100%)}   /* الطول = العرض × ar (aspect-ratio مع content-box يغلط بويب-كِت — مقيس) */
.k-pinframe img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.k-hpin,.k-rpin{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:10px}
.k-hpin>p{display:flex;align-items:center;gap:8px;font:800 20px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.k-hpin>p .ico{width:22px;height:22px}
.k-target{position:absolute;left:var(--x);top:var(--y);width:calc(var(--r) * 2);aspect-ratio:1;translate:-50% -50%;border:4px solid var(--teal);border-radius:50%;background:#09585d38;box-shadow:0 0 0 3px #fbf2dfcc}
.k-dot{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;translate:-50% -50%;border-radius:50%;background:#b0855a;border:2px solid #fff;animation:k-pop calc(var(--stage) * .35) ease-out calc(var(--stage) * (.25 + var(--bi) * .05)) both}
.k-dot.is-in{background:var(--orange)}
.k-ppin{gap:8px}
.k-pinimg{position:relative;flex:none;box-sizing:content-box;width:min(calc(100% - 6px),calc(44dvh / var(--ar,1)));margin:auto auto 4px;border:3px solid #fffaf0;border-radius:18px;overflow:hidden;box-shadow:0 4px 0 #d4b581;cursor:crosshair}
.k-pinimg img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.k-mypin{position:absolute;left:var(--x);top:var(--y);translate:-50% -92%;pointer-events:none}
.k-mypin .ico{width:42px;height:42px;fill:var(--orange);stroke:var(--brown);stroke-width:1.6;filter:drop-shadow(0 3px 0 #54291855)}
.d-pinwrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:22px}
.d-pinedit{position:relative;justify-self:center;box-sizing:content-box;width:min(calc(100% - 6px),calc(430px / var(--ar,1)));border:3px solid #fffaf0;border-radius:20px;overflow:hidden;box-shadow:0 4px 0 #d4b581;cursor:crosshair}
.d-pinedit img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.d-pinside{display:flex;flex-direction:column;gap:10px}
.d-pinside>b{display:flex;align-items:center;gap:8px;font:800 19px/1.35 Round,Tajawal,sans-serif;color:var(--teal)}
.d-pinside>small{font-size:14px;color:#7c6047}
/* «تصويت» (النموذج — الشريحة ٦، أول «آراء بدون نقاط»): وسم «نتيجة التصويت» فوق السؤال بالكشف */
.k-polltag{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto 4px;padding:6px 16px 4px;border-radius:30px;background:var(--teal);color:var(--cream);font:800 15px/1.3 Tajawal,sans-serif}
.k-polltag .ico{width:16px;height:16px}
/* «سحابة كلمات» (النموذج — الشريحة ٧): الكلمات بحجم تكرارها (--n · والمقدّم يحدّها لين ٨) وألوان الهويّة · ولوحة «ما فيه جواب صح» بالمحرّر */
.k-cloud{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:6px 26px;padding:0 50px 12px}
.k-cloud span{font:800 calc(20px + var(--n) * 9px)/1.25 Round,Tajawal,sans-serif;color:var(--orange)}
.entering .k-cloud span{animation:k-pop calc(var(--stage) * .45) ease-out calc(var(--stage) * (.1 + var(--bi) * .09)) both}
.k-cloud span[data-c="1"]{color:var(--teal)}.k-cloud span[data-c="2"]{color:var(--brown)}.k-cloud span[data-c="3"]{color:#c98a12}
/* (د) قرار المالك: المقدّم يضغط الكلمة (أو جواب «اكتب الجواب» الغلط) فتختفي — المؤشّر والتركيز يقولون إنها تنضغط (وإعادة الرسم ساكنة: الحركات تحت .entering) */
.k-cloud [role=button],.k-typed-row[role=button]{cursor:pointer}
.k-cloud [role=button]{border-radius:12px}
.k-cloud [role=button]:focus-visible,.k-typed-row[role=button]:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(hover:hover){.k-cloud [role=button]:hover{text-decoration:line-through;text-decoration-thickness:3px}.k-typed-row[role=button]:hover .k-typed-t>span{text-decoration:line-through}}
.k-hide-hint{text-align:center;font-size:14px;font-weight:800;color:#7c6047;margin:4px 0 0}
.player-hint.is-bad span{color:#c2431a;font-weight:800}
.d-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:26px 20px}
.d-info .ico{width:48px;height:48px;color:var(--teal)}
.d-info b{font:800 22px/1.3 Round,Tajawal,sans-serif}
.d-info small{font-size:14px;color:#7c6047;max-width:420px}
/* «تقييم» ١–٥ (النموذج — الشريحة ٨): خمس دوائر بالأرقام ووصف الطرفين تحتها · المقدّم كبير (k-hscale) والجوال أزرار (is-btn) والمحرّر معاينة (is-edit) ·
   والكشف: المتوسط بخانة ناعمة (is-soft) وعمودٌ لكل درجة · وتحتها صفّ (k-scale-legend) برقم الدرجة (k-bar-l) ووصفي الطرفين (k-bar-end) */
.k-scale{display:flex;justify-content:center;gap:14px}
.k-scale-b{display:grid;place-items:center;width:64px;height:64px;border:2px solid #c8a67a;border-radius:50%;background:#fffaf0;color:var(--brown);font:800 26px/1 Tajawal,sans-serif;padding:0}
.k-scale-b bdi{translate:0 var(--ink-num)}
.k-scale-ends{display:flex;justify-content:space-between;width:min(520px,100%);margin:10px auto 0;direction:ltr;font-size:14px;font-weight:800;color:#7c6047}
.k-scale-ends span{direction:rtl}
.k-hscale{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:14px}
.k-hscale .k-scale{gap:26px}
.k-hscale .k-scale-b{width:104px;height:104px;font-size:44px;box-shadow:0 5px 0 #d4b581}
.k-hscale .k-scale-ends{width:min(660px,100%);font-size:18px}
.k-scale-res{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr;align-items:end;gap:28px;padding:0 30px 4px}
.k-scale-res .k-answer-big{margin:0 0 30px}
.k-answer-big.is-soft{background:var(--cream);color:var(--teal);border:2px solid var(--teal);box-shadow:0 5px 0 #6b9791}
.k-scale-chart{display:flex;flex-direction:column;height:100%;min-height:0}
.k-chart.is-scale{grid-template-columns:repeat(5,1fr);padding:0}
.k-scale-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;justify-items:center}   /* نفس أعمدة الأعمدة وفراغها — كل رقمٍ تحت شريطه */
.k-scale-legend>div{display:flex;flex-direction:column;align-items:center}
.k-bar-l{display:grid;place-items:center;width:42px;height:42px;margin-top:6px;border-radius:50%;background:var(--brown);color:var(--cream);font:800 18px/1 Tajawal,sans-serif}
.k-bar-l bdi{translate:0 var(--ink-num)}
.k-bar-end{margin-top:4px;font-size:13px;font-weight:800;color:#7c6047;white-space:nowrap}
.k-pscale{gap:10px}
.k-pscale-box{margin:auto 0;padding:22px 10px;border:1px solid #d9bd94;border-radius:22px;background:#fffaf0}
.k-scale.is-btn{gap:9px}
.k-scale.is-btn .k-scale-b{width:56px;height:56px;box-shadow:0 3px 0 #d4b581}
.k-scale.is-btn .k-scale-b.is-on{background:var(--orange);border-color:#b94d0d;box-shadow:0 3px 0 #b94d0d}
.k-scale.is-edit .k-scale-b{width:50px;height:50px;font-size:21px}
.d-scale .d-row2{margin-bottom:16px}
/* «إعدادات المسابقة» (النموذج › settings): النموذج يمين ومعاينة الكرت يسار — بتمرير الصفحة (لا صندوق تمرير: قاعدة المالك) ·
   وتحت ٩٠٠ عمودٌ واحد (لوحة المالك الجانبية ٨٠٠–١٠٢٤) · الغلاف: أربعة جاهزة + خانة الرفع (صورتك تطلع فيها) */
.d-setpage{flex:1;isolation:isolate;display:grid;grid-template-columns:minmax(0,560px) 300px;justify-content:center;align-items:start;gap:40px;padding:26px 40px 40px}
/* «معاينة» (العين — ملاحظة المالك على ٢٥٢): شاشة المقدّم نفسها (D.stage) داخل إطار ١٦:٩ يتصغّر بعرضه — بلا غرفة. الإطار يحوي لوحة ١١٦٠×٦٥٢
   حاويةً (container) فقواعد المسرح تنحسب عليها مثل الشاشة الحقيقية، وارتفاعه ومقياسه من عرضه (fitTv) */
.d-prevpage{flex:1;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 40px 30px}
.d-prevpage>.d-head,.d-prevpage>.d-prev-skip{width:min(1160px,100%)}
.d-prev-skip{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#c2431a}
.d-prev-skip .ico{flex:none;width:18px;height:18px}
.d-tv{position:relative;z-index:1;width:min(1160px,100%);overflow:hidden;border:6px solid var(--brown);border-radius:22px;background:var(--cream);box-shadow:0 6px 0 #361a0f}
.d-tv-in{position:absolute;top:0;left:0;width:1160px;height:652px;transform-origin:0 0;transform:scale(var(--tvk,1));container-type:size}
.d-tv-in>.game-screen{height:100%}
.d-prev-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px}
.d-prev-nav .primary-btn{width:auto;min-width:120px}
.d-prev-n{min-width:64px;text-align:center;font:800 18px/1 Round,Tajawal,sans-serif}
/* «كبّرها»: الشاشة تعبّي الجوال — والجوال واقف ⇒ الغلاف ينقلب ٩٠° (عرضه ارتفاع الشاشة) فتطلع أفقي مثل التلفزيون */
.d-tvbig{position:fixed;inset:0;z-index:40;overflow:hidden;background:#1d0f08f2}
.d-tvbig-rot{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;transform:translate(-50%,-50%)}   /* توسيطٌ مطلق: الشبكة تحطّ الأعرض من الشاشة على طرف (مقيس) */
.d-tvbig-rot.is-turn{transform:translate(-50%,-50%) rotate(90deg)}
.d-tvbig-box{position:relative;flex:1;min-height:0;overflow:hidden}
.d-tvbig-in{position:absolute;left:50%;top:50%;width:1160px;height:652px;container-type:size;transform:translate(-50%,-50%) scale(var(--k2,1))}
.d-tvbig-in>.game-screen{height:100%}
.d-tvbig-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 14px 14px}
.d-tvbig-bar .primary-btn{width:auto;min-width:110px}
.d-tvbig-bar .d-prev-n{color:var(--cream)}
/* النقش يرقى لأعلى الشاشة ورا الرأس الزجاجي بكل صفحات المنشئ: ابنٌ لـ.desk (deskPage) بطول الرأس وزيادة (حافّة شريط الحالة معه) —
   تجربة المالك على ٢٥١ بالإعدادات و«كيف تبون تلعبون؟» («خل الباترن يرقى فوق لاخر شي مع الشفافيه») ثم «اعجبني الهيدر نوحده على باقي الصفحات» (٢٥٢) */
.desk>.waves-top{width:calc((150px + var(--wn-safe-top,0px)) * 1.53);height:calc(150px + var(--wn-safe-top,0px));right:-60px;top:-24px}
.d-form{display:flex;flex-direction:column;gap:16px;min-width:0}
.d-form h1{font:800 34px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-covers{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.d-cov{position:relative;aspect-ratio:1;border:2px solid #d9bd94;border-radius:16px;background:#f1e3c8 center/cover no-repeat;padding:0;overflow:hidden}
.d-cov[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 3px #09585d40}
.d-cov.is-up{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;background-color:#fffaf080;color:#7c6047}
.d-cov.is-up .ico{width:24px;height:24px;color:var(--teal)}
.d-cov.is-up small{font-size:12px;font-weight:800}
.d-cov.is-up.has-img{justify-content:flex-end;border-style:solid;padding-bottom:6px}   /* صورتك بالخانة وكلمتها حبّة تحتها */
.d-cov.is-up.has-img small{padding:2px 8px;border-radius:20px;background:#fffaf0e6;color:var(--brown)}
.d-cov-wrap{position:relative;display:grid}   /* صورتك + ✕ (زرّ داخل زرّ ما يصير) */
.d-covdel{position:absolute;top:-8px;inset-inline-start:-8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid #fffaf0;border-radius:50%;background:#c2431a;color:#fffaf0;box-shadow:0 2px 0 #8a2f12}
.d-covdel::after{content:"";position:absolute;inset:-6px}   /* اللمس ٤٤ والمرئي ٣٢ */
.d-covdel .ico{width:16px;height:16px}
/* «اختر المربّع» قبل رفع الغلاف — شاشةٌ كاملة (نفس طبقة «كبّرها»): الإطار المربّع والصورة تنسحب وتكبر تحته */
.d-crop{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:calc(16px + var(--wn-safe-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));background:#1d0f08f2}
.d-crop-head{text-align:center;color:var(--cream)}   /* الكريمي للكلام فوق الداكن وحده — الأزرار بألوانها (إلغاء كان كريمي على كريمي) */
.d-crop-head h2{font:800 24px/1.3 Round,Tajawal,sans-serif}
.d-crop-head p{font-size:14px;opacity:.8;margin-top:4px}
.d-crop-stage{display:grid;place-items:center}
.d-crop-frame{position:relative;box-sizing:content-box;overflow:hidden;border:3px solid var(--cream);border-radius:18px;background:#2b1a10;touch-action:none;cursor:grab}   /* المربّع المرئي = المقاس بالضبط (الحدّ برّاه) */
.d-crop-img{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;user-select:none;-webkit-user-select:none;pointer-events:none}
.d-crop-z{display:flex;align-items:center;gap:10px;width:min(360px,100%);color:var(--cream)}
.d-crop-z .ico{flex:none;width:20px;height:20px}
.d-crop-zoom{flex:1;accent-color:var(--orange);min-height:44px}
.d-crop-acts{display:flex;align-items:center;gap:12px;width:min(360px,100%)}
.d-crop-acts .primary-btn{flex:1}
.d-cov.is-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:var(--orange)}   /* «بدون غلاف» = الكرت بلا غلاف (packCard) */
.d-cov.is-none .floret{--flower-color:#fbf2df;width:40px;height:40px}
.d-cov.is-none small{padding:2px 8px;border-radius:20px;background:#fffaf0e6;color:var(--brown);font-size:12px;font-weight:800}
.d-ferr{font-size:13px;font-weight:800;color:#c2431a}
.d-visbox{display:flex;flex-direction:column;gap:8px}
.d-preview{display:flex;flex-direction:column;gap:10px;padding-top:58px}
.d-prev-cap{font-size:14px;font-weight:800;color:#7c6047}
/* «شارك» المسابقة (النموذج › shareSheet): زرّ الكرت بآخر صفّه · الباركود جنب الرابط (وتحته بالجوال) · الرابط ltr ويلتفّ */
.d-sharebtn{width:40px;height:40px;min-width:40px;margin-inline-start:auto}
.d-sharebtn .ico{width:18px;height:18px}
.d-share{align-items:stretch;text-align:center}
.d-share-row{display:flex;align-items:center;gap:16px;margin:4px 0}
.d-share-row .qr-slab{flex:none;width:118px;padding:8px;border:1px solid #d1b27e;border-radius:14px;background:#fffdf6}
.d-share-row .qr-slab svg{display:block;width:100%;height:auto}
.d-share-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:start}
.d-share-link>span{font-size:13px;font-weight:800;color:#7c6047}
.d-share-link>bdi{padding:10px 12px 8px;border:1px solid #c8a67a;border-radius:12px;background:#fffaf0;font:800 15px/1.3 Tajawal,sans-serif;direction:ltr;text-align:left;overflow-wrap:anywhere}
.d-share-vis{font-size:13px;color:#7c6047}
/* «نسختي» (النموذج › d-copytag) بزاوية غلاف كرت النسخة */
.d-copytag{position:absolute;bottom:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 3px;border-radius:20px;background:#fffaf0;color:var(--brown);font-size:12px;font-weight:800}
.d-copytag .ico{width:13px;height:13px}
.k-ibtn{gap:8px}
.d-crumb.is-stack{flex:1;min-width:0;display:flex;flex-direction:column}
.d-crumb.is-stack b{font:800 19px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-crumb.is-stack small{font-size:13px;font-weight:500;color:#7c6047;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){
  .d-setpage{grid-template-columns:minmax(0,560px);gap:24px}
  .d-preview{padding-top:0}
}
@keyframes k-dot{0%,100%{opacity:.35;translate:0 0}50%{opacity:1;translate:0 -5px}}
@keyframes k-growx{from{scale:0 1}to{scale:1 1}}
/* ══ الفرق (النموذج › hakoot-k.css «الفرق» حرفياً — كل فريق يتشارك جوال) ══ */
.k-tfaces{display:inline-flex;direction:ltr;flex:none}
.k-tfaces .person-icon{width:34px;height:34px;margin-inline-start:-10px;border:2px solid var(--cream)}
.k-tfaces .person-icon:first-child{margin-inline-start:0}
.k-tfaces.is-big .person-icon{width:68px;height:68px;margin-inline-start:-16px;border-width:3px}
.k-tfaces.is-step{margin:2px 0}
.k-tfaces.is-step .person-icon{width:26px;height:26px;margin-inline-start:-8px}
.player-name .k-tfaces .person-icon{width:28px;height:28px;margin-inline-start:-9px}
.me-flower .k-tfaces .person-icon{width:52px;height:52px;margin-inline-start:-18px}
.k-names.is-teams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-content:start}
.k-team{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 14px;border:1px solid #d9bd94;border-radius:22px;background:var(--cream);box-shadow:0 3px 0 #dcc5a4aa}
.k-team .k-tfaces .person-icon{width:52px;height:52px;margin-inline-start:-14px}
.k-team b{font:800 22px/1.3 Round,Tajawal,sans-serif}
.k-team small{font-size:14px;color:#7c6047}
.k-team.is-new{animation:k-joined calc(var(--stage) * 2.6) ease-out both}
.rank-list.is-teams .rank-row{grid-template-columns:30px auto 1fr auto}
.k-talk{display:flex;align-items:center;gap:8px;margin:2px auto 10px;padding:7px 16px 5px;border-radius:30px;background:#e6f1ee;color:var(--teal);font-size:16px;font-weight:800}
.k-talk .ico{width:18px;height:18px}
.k-teamset{gap:10px}
.k-teamset .k-tfaces.is-big{margin-top:auto}
.k-members{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}
.k-member{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border:1px solid #d9bd94;border-radius:30px;background:#fffaf0;font-size:15px}
.k-member .person-icon{width:30px;height:30px}
.k-member b,.k-member small{translate:0 var(--ink-ar)}
.k-member small{font-size:12px;color:#7c6047}
.k-addm{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.k-alert{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 8px}
.k-alert .feedback-symbol{margin-bottom:6px;color:var(--orange)}
.k-alert>p{font-size:15px;line-height:1.8;color:#7c6047;max-width:300px}
.k-alert .primary-btn{margin-top:18px}
.k-err{margin:-10px 0 0;font-size:14px;font-weight:800;color:#c2431a}
.k-pincard.is-bad .code-slots b{border-color:#c2431a;background:#fde4d6;box-shadow:0 3px 0 #e2a184;color:#c2431a}
.k-pincard.is-bad .code-slots{animation:k-shake calc(var(--stage) * .45) ease both}
@keyframes k-shake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}
.k-spin{flex:none;width:54px;height:54px;margin:2px auto 6px;border-radius:50%;border:5px solid #09585d2e;border-top-color:var(--orange);animation:k-spin calc(var(--stage) * .9) linear infinite}
.k-host-acts{display:flex;align-items:center;gap:10px}
.k-host-acts .icon-button .ico,.k-lobby-acts .icon-button .ico{width:20px;height:20px}
.icon-button.is-on{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.k-locktag{display:inline-flex;align-items:center;gap:6px;margin-inline-end:10px;padding:5px 12px 3px;border-radius:30px;background:var(--brown);color:var(--cream);font:800 13px/1.3 Tajawal,sans-serif;vertical-align:middle}
.k-locktag .ico{width:14px;height:14px}
button.k-name{cursor:pointer;color:inherit;position:relative}
.k-kx{display:grid;place-items:center;width:24px;height:24px;margin-inline-start:-4px;border-radius:50%;background:var(--brown);color:var(--cream);opacity:0;transition:opacity var(--speed)}
.k-kx .ico{width:12px;height:12px;stroke-width:3.4}
:is(button.k-name,button.k-team):is(:hover,:focus-visible) .k-kx{opacity:1}
.k-team{position:relative}
.k-team .k-kx{position:absolute;top:10px;inset-inline-start:10px;margin:0}
.k-sheet-bg.is-center{align-items:center;justify-content:center;padding:24px}
.k-sheet-bg.is-center .k-sheet{width:min(440px,100%);border:1px solid #d9bd94;border-radius:26px;align-items:center;padding:26px 26px 22px}
.k-sheet .feedback-symbol{margin:0 auto 4px;color:var(--teal)}
.k-sheet.is-info{align-items:center;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
.k-sheet-bg.is-center .k-sheet .primary-btn,.k-sheet-bg.is-center .k-sheet .text-button{width:100%}
.k-kick-face .person-icon{width:76px;height:76px}
.d-chip{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:8px 16px 6px;border:1px solid #d6d0c6;border-radius:30px;background:#ece8e1;font-size:14px;font-weight:800;color:#5c5650}
.d-chip[aria-pressed=true]{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.d-chip .ico{width:15px;height:15px;stroke-width:3;translate:0 calc(var(--ink-ar) * -1)}
.d-chip.is-shake{animation:k-shake calc(var(--stage) * .45) ease both}   /* آخر مستوى صعوبة ما ينشال */
.d-field textarea{border:1px solid #c8a67a;border-radius:16px;background:#fffaf0;padding:12px 14px;font:500 16px/1.7 Tajawal,sans-serif;color:var(--brown);resize:none;box-shadow:inset 0 2px 0 #54291812}
.d-field textarea:focus{outline:3px solid var(--teal);outline-offset:2px}
#app{container-type:inline-size}
body[data-bare][data-view=host]:not([data-page]){overflow:hidden}
body[data-bare][data-view=host]:not([data-page]) #app{position:fixed;top:0;left:0;container-type:size;width:var(--lw,100vw);height:var(--lh,100dvh);transform:scale(var(--k,1));transform-origin:0 0}
body[data-bare][data-view=host]:not([data-page]) .host-screen{padding:var(--st,0px) var(--sx,0px) var(--sb,0px)}   /* حواف التطبيق داخل المسرح بوحدات اللوحة (fit): الخلفية والأمواج لين الحافّة والمحتوى ينزاح عن الجزيرة وشريط الإيماءة — على الموقع صفر */
@media (max-height:760px){
  body[data-bare][data-view=player] .player-screen{--safe-top:max(var(--wn-safe-top,env(safe-area-inset-top,0px)),22px);padding-bottom:14px}
  body[data-bare][data-view=player] .player-header{margin-bottom:4px}
  body[data-bare][data-view=player] .player-header .wordmark{font-size:44px;padding-block:0 4px}
  body[data-bare][data-view=player] .p-top{min-height:40px}
  body[data-bare][data-view=player] .player-name{margin-top:2px}
  body[data-bare][data-view=player] .me-flower{width:108px;height:108px;margin:2px 0 6px}
  body[data-bare][data-view=player] .me-flower .person-icon{width:64px;height:64px}
  body[data-bare][data-view=player] .me-flower.is-small{width:84px;height:84px}
  body[data-bare][data-view=player] .me-flower .k-rank{font-size:40px}
  body[data-bare][data-view=player] .me-flower .k-rank.is-big{font-size:50px}
  body[data-bare][data-view=player] .timer.is-big{--t:146px;margin:4px 0}
  body[data-bare][data-view=player] .ready{gap:8px;padding-bottom:14px}
  body[data-bare][data-view=player] .ready h2{font-size:28px}
  body[data-bare][data-view=player] .player-question{font-size:23px;margin-block:6px 12px}
  body[data-bare][data-view=player] .player-content .answer-grid{grid-auto-rows:minmax(70px,1fr)}
  body[data-bare][data-view=player] .feedback-symbol{width:74px;height:74px;margin-bottom:8px}
  body[data-bare][data-view=player] .player-result .rank-row{min-height:44px;padding-block:4px}
  body[data-bare][data-view=player] .player-result .feedback-title,body[data-bare][data-view=player] .feedback-title{font-size:27px}
  body[data-bare][data-view=player] .score-gain{font-size:36px}
  body[data-bare][data-view=player] .k-pincard{gap:12px;padding:14px}
  body[data-bare][data-view=player] .code-slots b{height:54px;padding-top:9px;font-size:27px}
  body[data-bare][data-view=player] .k-hello h2{font-size:26px}
  body[data-bare][data-view=player] .final-stats{gap:7px;margin-top:10px}
  body[data-bare][data-view=player] .final-stat{padding:9px 12px 5px}
  body[data-bare][data-view=player] .final-stat b{font-size:19px}
  body[data-bare][data-view=player] .k-order{grid-auto-rows:minmax(48px,1fr);gap:8px}
  body[data-bare][data-view=player] .k-ord{min-height:48px}
}
.d-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}   /* النموذج: عمودين متساويين (أصغر رقم · أكبر رقم) */
.d-setup .d-row2,.d-draw .d-row2{grid-template-columns:auto minmax(0,1fr);gap:12px 48px}   /* «كم سؤال + الصعوبة»: العدد بمقاسه والباقي للصعوبة — الأربع بسطرٍ واحد */
@media (max-width:640px){
  .primary-btn.is-small{min-height:44px}
  .d-chip{flex:none;min-height:44px}
}
.primary-btn:disabled{background:#e8d9bf;color:#9a8268;box-shadow:none;cursor:not-allowed}
.k-names.is-empty{align-content:center;justify-content:center;border:2px dashed #d9bd94;border-radius:24px;background:#fffaf060}
.k-late-q{display:inline-flex;align-items:center;gap:6px;margin:4px 0 12px;padding:8px 14px 6px;border:1px solid #d9bd94;border-radius:20px;background:#fffaf0;font-size:15px;font-weight:800}
.d-field>span small{display:block;font-size:12px;font-weight:500;color:#7c6047}
.d-cats{display:flex;flex-wrap:wrap;gap:8px}
.d-step{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;padding:2px;border:1px solid #c8a67a;border-radius:30px;background:#fffaf0}
.d-step bdi{min-width:2ch;text-align:center;font:800 22px/1 Tajawal,sans-serif;translate:0 var(--ink-num)}
.d-step .icon-button .ico{width:18px;height:18px}
.d-step .icon-button:disabled{border-color:#e5d6bf;color:#c8b49a;cursor:not-allowed}
.d-split{font-size:14px;font-weight:800;color:var(--teal)}
/* صفحة الإعداد السريع (ملاحظة المالك 2026-10-15: «ما ابي الاعدادات نافذة منبثقة — صفحة الدخول نفسها»): من صفحات المنشئ تحت —
   الفئات كلها ظاهرة بلا صندوق تمرير، و«افتح الغرفة» بشريطٍ ثابت تحت. اللوحة المكبّرة (#app) تبدأ من الصالة. */
.d-setup{width:min(920px,100%);margin:0 auto;padding:4px 24px 22px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.d-setup-head{text-align:center;font-size:15px;color:#7c6047}
.d-groups{display:flex;flex-direction:column;gap:14px}
.d-groups .d-field>span{font-size:13px;color:#7c6047}
.d-bar{position:sticky;bottom:0;z-index:5;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(#fbf2df00,var(--cream) 16px)}
.d-bar-in{width:min(872px,100%);margin:0 auto;display:flex;align-items:center;gap:16px}
.d-bar .d-split{flex:1;font-size:16px}
.d-bar .primary-btn{width:min(340px,55%)}
@media (max-width:640px){
  .d-setup .d-row2{grid-template-columns:1fr}
  .d-setup{padding-inline:14px}
  .d-bar{padding-inline:14px}
  .d-bar-in{flex-direction:column;align-items:stretch;gap:8px}
  .d-bar .d-split{text-align:center}
  .d-bar .primary-btn{width:100%}
}

/* ═════ صفحات المنشئ — المرحلة ١ من النموذج المعتمد (hakoot-k.css بنصّها: الرأس والتبويبات · مسابقاتي · غرفي · طريقة اللعب · الحالات الفاضية) ═════
   الفرق الوحيد عن النموذج: النموذج كان داخل إطارٍ بارتفاعٍ ثابت (.desk height + تمريرٌ داخلي) — هنا الصفحة تنزل بتمريرها نفسه
   (ملاحظة المالك: لا صندوق تمرير). وما لا ينعرض بالمرحلة ١ ما انضاف (المشاركة · رأس جوال المحرّر · التذكرة · الفرق) — ينضاف مع صفحته. */
.floret{--flower-color:var(--orange);width:44px;height:44px}
.floret>i{width:23%;left:38.5%}
.desk{min-height:100dvh;display:flex;flex-direction:column;background:var(--cream);color:var(--brown);position:relative;isolation:isolate;overflow:clip}
.d-top{display:flex;align-items:center;gap:14px;padding:calc(8px + var(--wn-safe-top,0px)) 24px 8px;border-bottom:1px solid #dfcbb0;background:#fbf2dfa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:2}   /* زجاجٌ والنقش وراه (ملاحظة المالك على ٢٥٢) */
.wordmark.is-mini{font-size:38px;padding:4px 6px 8px;text-shadow:1px 1px 0 #df5d13,2px 2px 0 var(--teal),3px 3px 0 var(--teal),4px 4px 0 var(--teal)}
.d-nav{display:flex;gap:4px;margin-inline-start:12px}
.d-nav a{padding:9px 14px 7px;border-radius:10px;font-weight:800;font-size:15px;color:#7b634a;white-space:nowrap}
.d-nav a.is-on{background:var(--brown);color:var(--cream)}
.d-end{margin-inline-start:auto;display:flex;align-items:center;gap:12px}
.d-top.is-home{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"start logo end"}
.d-top.is-step{display:grid;grid-template-columns:1fr auto 1fr}   /* «وناااسة» · الشعار بالنص · الرجوع (ملاحظة المالك على ٢٥٢) */
.d-top.is-step>.wordmark{font-size:38px}   /* حجم is-mini المقصود — قاعدة شاشة المقدّم (٥٨) تغلبه، وبه ما يسع الثلاثة بسطرٍ بجوالٍ ٤٤٠ (مقيس: الزرّ يطلع برّا) */
.d-top.is-step>.d-end{justify-self:end}
.d-start{grid-area:start;display:flex;align-items:center;gap:14px;min-width:0}
.d-top.is-home>.wordmark{grid-area:logo}
.d-top.is-home>.d-end{grid-area:end}
.d-nav a{display:inline-flex;align-items:center;gap:6px}
.d-me{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:800}   /* رابطٌ لغرفة الملابس */
.d-me .person-icon{width:36px;height:36px}
.d-sp{flex:1}
.d-crumb{font-weight:800;font-size:15px;color:#7b634a}
.d-lib{flex:1;padding:26px 44px;position:relative;overflow:hidden}
.d-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.d-head h1{font:800 38px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-head p{font-size:15px;color:#7c6047;margin-top:2px}
.d-head .primary-btn{width:auto;padding-inline:24px}
.d-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}
.d-card{background:#fffaf0;border:1px solid #d9bd94;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 0 #fffdf5,0 4px 0 #dcc5a4aa}
/* حذف المسابقة بالسحب (ملاحظة المالك على ٢٥١): الكرت ينسحب لليمين ويبان وراه «حذف» بأحمر الهويّة (#c2431a لون k-err — الكريمي عليه ٤٫٦:١) */
.d-swipe{position:relative;display:grid;border-radius:20px}
.d-swipe>.d-card{position:relative;z-index:1;touch-action:pan-y;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.d-swipe.is-drag>.d-card{-webkit-user-select:none;user-select:none}
.d-swipe-del{position:absolute;z-index:0;top:0;bottom:4px;inset-inline-end:0;width:120px;padding-inline-start:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:20px;background:#c2431a;box-shadow:0 4px 0 #8a2d10;color:var(--cream);font-size:14px;font-weight:800;opacity:0}
.d-swipe.is-open .d-swipe-del,.d-swipe.is-drag .d-swipe-del{opacity:1}
.d-swipe-del .ico{width:24px;height:24px}
.d-swipe.is-gone{transition:opacity .26s ease,scale .26s ease;opacity:0;scale:.96}
.primary-btn.is-del{background:#c2431a;border-color:#8a2d10;box-shadow:0 4px 0 #8a2d10,inset 0 2px 0 #fff4df4f;color:var(--cream)}
.d-cover{position:relative;height:150px;display:grid;place-items:center;background:var(--orange);overflow:hidden}
.d-cover.c1{background:var(--teal)}
.d-cover.c2{background:var(--gold)}
.d-cover.c3{background:var(--brown)}
.d-cover::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:120%;border-radius:50%;background:#fff3d633}
.d-cover .floret{--flower-color:#fbf2df;width:56px;height:56px}
.d-cover.c2 .floret{--flower-color:var(--brown)}
.d-count{position:absolute;top:10px;inset-inline-end:10px;background:#fbf2df;border-radius:20px;padding:4px 11px 2px;font-size:13px;font-weight:800}
.d-card-body{padding:14px 16px 16px}
.d-card-body h3{font:800 20px/1.35 Round,Tajawal,sans-serif}
.d-card-body small{font-size:13px;color:#7c6047}
.d-acts{display:flex;gap:8px;margin-top:12px;align-items:center}
.d-opts{flex:1;isolation:isolate;display:grid;grid-template-columns:minmax(0,540px) minmax(0,600px);grid-template-areas:"h1 tg" "modes tg" "go tg";grid-template-rows:auto auto 1fr;justify-content:center;align-content:center;gap:0 44px;padding:24px 40px 30px;overflow:hidden}
.d-opts h1{grid-area:h1;justify-self:center;font:800 36px/1.3 Round,Tajawal,sans-serif;color:var(--teal);margin-bottom:16px}
.d-modes{grid-area:modes;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.d-mode{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 16px;border:1px solid #d9bd94;border-radius:22px;background:#fffaf0;box-shadow:0 4px 0 #dcc5a4aa}
.d-mode i{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#f8e7bf;margin-bottom:6px}
.d-mode i .ico{width:30px;height:30px;color:var(--teal)}
.d-mode b{font:800 22px/1.3 Round,Tajawal,sans-serif}
.d-mode small{font-size:14px;color:#7c6047}
.d-mode.is-on{background:linear-gradient(135deg,#ffd986,#ffca5c);border-color:#dca138;box-shadow:inset 0 1px 0 #fff0b9,0 4px 0 #dba653}
.d-mode.is-on i{background:var(--cream)}
.d-talk{grid-column:1/-1;gap:8px}   /* وقت المشاورة (قرار المالك 2026-10-16: المقدّم يختاره) — يطلع تحت الكرتين لما يختار «فرق» */
:is(.d-talk,.d-tg)[hidden]{display:none}   /* وقت المشاورة (فرق وحدها) و«اسم مؤقت» (كلاسيك وحده) — display من قاعدتهم يغلب hidden */
.d-toggles{grid-area:tg;align-self:center;width:100%;background:#fffaf0cc;border:1px solid #d9bd94;border-radius:22px;padding:8px 18px;box-shadow:0 3px 0 #dcc5a455}
.d-toggles h2{font:800 18px/1.4 Round,Tajawal,sans-serif;padding:8px 0 4px}
.d-tg{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:8px 0;border:0;border-top:1px solid #ecdcc2;background:transparent;text-align:right}
.d-tg b{display:block;font-size:15px}
.d-tg small{display:block;font-size:12px;color:#7c6047;margin-top:2px}
.d-tg i{flex:none;position:relative;width:48px;height:28px;border-radius:20px;background:#dfcbb0;transition:background var(--speed)}
.d-tg i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fffaf0;box-shadow:0 1px 2px #54291833;transition:inset-inline-start var(--speed)}
.d-tg[aria-checked=true] i{background:var(--teal)}
.d-tg[aria-checked=true] i::after{inset-inline-start:23px}
.d-go{grid-area:go;align-self:start;justify-self:center;margin-top:18px;width:min(320px,100%);position:relative;z-index:1}
@media (max-width:640px){
  .desk{--safe-top:max(var(--wn-safe-top,env(safe-area-inset-top,0px)),40px)}
  .d-top{flex-wrap:wrap;gap:8px 10px;padding:calc(8px + var(--safe-top)) 14px 10px}
  .d-nav{order:3;flex:1 1 100%;margin:0;padding:3px;gap:3px;border:1px solid #d9bd94;border-radius:15px;background:#fffaf0}
  .d-nav a{flex:1;justify-content:center;gap:4px;min-height:44px;padding:10px 6px 6px;font-size:15px}
  .d-top.is-home{grid-template-areas:"home logo end" "nav nav nav"}
  .d-top.is-home .d-start{display:contents}
  .d-top.is-home .p-home{grid-area:home;justify-self:start}
  .d-top.is-home .d-nav{grid-area:nav}
  .d-lib{padding:16px 14px 22px}
  .d-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}
  .d-head h1{font-size:30px}
  .d-head p{font-size:14px}
  .d-head .primary-btn{width:100%}
  .d-grid{grid-template-columns:1fr;gap:14px}
  .d-card{display:grid;grid-template-columns:112px minmax(0,1fr)}
  .d-cover,.d-grid.is-compact .d-cover{height:auto;min-height:128px}
  .d-card-body{padding:12px 14px}
  .d-card-body h3{font-size:18px}
  .d-acts{margin-top:10px}
  .d-opts{display:flex;flex-direction:column;align-items:stretch;padding:16px 14px 0;}
  .d-opts h1{font-size:26px;text-align:center;margin-bottom:12px}
  .d-modes{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
  .d-mode{padding:14px 10px 12px;text-align:center}
  .d-mode i{width:50px;height:50px}
  .d-mode b{font-size:19px}
  .d-mode small{font-size:13px}
  .d-toggles{width:100%;padding:4px 14px}
  .d-go{position:sticky;bottom:0;width:auto;margin:12px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#fbf2df00,var(--cream) 34%)}
}
@media (max-width:640px) and (max-height:760px){
  .desk{--safe-top:max(var(--wn-safe-top,env(safe-area-inset-top,0px)),22px)}
}
.d-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;padding:34px 24px 30px;border:2px dashed #d9bd94;border-radius:24px;background:#fffaf080;text-align:center}
.d-empty>.ico{width:46px;height:46px;margin-bottom:4px;color:var(--teal)}
.d-empty>b{font:800 23px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-empty>small{max-width:440px;font-size:15px;line-height:1.6;color:#7c6047}
.d-empty .d-acts{justify-content:center;flex-wrap:wrap;margin-top:8px}
.d-roomlist{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
.d-room{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:12px 14px;border:1px solid #d9bd94;border-radius:20px;background:#fffaf0;box-shadow:0 3px 0 #dcc5a466}
.d-room-code{padding:10px 12px 8px;border-radius:12px;background:#f8e7bf;font:800 20px/1 Round,Tajawal,sans-serif;letter-spacing:1px}
.d-room-t b{display:block;font:800 18px/1.35 Round,Tajawal,sans-serif}
.d-room-t small{font-size:14px;color:#7c6047}
.d-room-n{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#7b634a}
.d-room-n .ico{width:15px;height:15px}
.d-room .d-acts{grid-column:1/-1;margin:0;justify-content:flex-end}   /* الزرّان بسطرٍ كامل — عمود التقارير ضيّق */
/* «غرفك الشغّالة» فوق قائمة التقارير («غرفي» انضمّت للتقارير — أمر المالك 2026-10-16) */
.d-rep-rooms{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;margin:2px 0 12px}
.d-rep-rooms h2{font:800 18px/1.35 Round,Tajawal,sans-serif;color:var(--brown)}
.d-rep-rooms h2 small{font-size:13px;color:#7c6047}
.d-passnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:800;color:var(--teal)}
.d-passnote .ico{width:17px;height:17px}
@media (max-width:640px){
  .d-me-n{display:none}
  .d-empty{padding:28px 18px 24px}
}
/* الرأس: لما ما يكفي العرض جنب الشعار («وناااسة» + التبويبات)، التبويبات تنزل سطراً ثانياً بالنص — نفس ترتيب النموذج بالجوال */
@media (min-width:641px) and (max-width:1300px){
  .d-top.is-home{grid-template-areas:"home logo end" "nav nav nav";row-gap:6px}
  .d-top.is-home .d-start{display:contents}
  .d-top.is-home .p-home{grid-area:home;justify-self:start}
  .d-top.is-home .d-nav{grid-area:nav;justify-self:center;margin:0}
}
/* «اكتشف» (النموذج): البحث · أزرار الفئات (بعقد .d-chip القائم) · الأقسام · الكروت المصغّرة وصور الفئات */
.d-search{display:flex;align-items:center;gap:8px;width:300px;min-height:48px;padding:0 14px;border:1px solid #c8a67a;border-radius:16px;background:#fffaf0}
.d-search .ico{width:20px;height:20px;color:#7c6047}
.d-search input{flex:1;border:0;background:none;font:800 16px/1.2 Tajawal,sans-serif;color:var(--brown);min-width:0}
.d-search input:focus{outline:none}
.d-search:focus-within{outline:3px solid var(--teal);outline-offset:2px}
/* «من أسئلة المجتمع» بالمحرّر (النموذج › d-ready): الصفوف تنزل مع الصفحة — بلا overflow (قاعدة المالك: لا تمرير داخلي) */
.d-com-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.d-com-bar .d-search{flex:1 1 180px;width:auto}   /* الدوّارة و«خلصت» بصفٍّ واحد لين ٣٩٠ */
.d-ready{display:flex;flex-direction:column;gap:10px}
.d-ready-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #d9bd94;border-radius:16px;background:#fff8e8}
.d-ready-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#e6f1ee;color:var(--teal)}
.d-ready-ico .ico{width:20px;height:20px}
.d-ready-row .d-ti{width:40px;height:40px;border-radius:12px}
.d-ready-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.d-ready-t b{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.d-ready-t small{font-size:12px;color:#7c6047}
.d-ready-row .text-button{min-height:44px;padding:7px 12px 5px;display:inline-flex;align-items:center;gap:4px;flex:none}
.d-added{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:44px;padding:7px 12px 5px;border:1px solid #9fc9bf;border-radius:30px;background:#e6f1ee;color:var(--teal);font-size:14px;font-weight:800;white-space:nowrap}
.d-added .ico{width:16px;height:16px}
.d-ready-more{text-align:center;font-size:13px;color:#7c6047;margin:4px 0 0}
.d-src{position:relative;z-index:1;width:min(360px,100%);margin:-6px 0 16px}   /* «وناااسة | المجتمع» (ملاحظة المالك على ٢٥٣) */
.d-src button{font-size:15px}
.d-chips{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px;position:relative;z-index:1}
.d-sec{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font:800 22px/1.3 Round,Tajawal,sans-serif;color:var(--teal);position:relative;z-index:1}
.d-sec .ico{width:22px;height:22px}
.d-sec small{margin-inline-start:6px;font:500 14px/1.3 Tajawal,sans-serif;color:#7c6047}
.d-grid.is-compact{margin-bottom:22px}
.d-grid.is-compact .d-cover{height:100px}
.d-cover.is-img{background:#f1e3c8 center/cover no-repeat}
.d-cover.is-img::before{display:none}
@media (max-width:640px){
  .d-search{width:100%}
  .d-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 16px;padding:2px 14px 4px;scrollbar-width:none}
  .d-sec{flex-wrap:wrap;font-size:20px}
}
/* «التقارير» (النموذج) — بلا تمرير داخلي (النموذج كان بإطارٍ ثابت وصناديقه تنزل لحالها) · و.d-box مكوّن النموذج نفسه (كروت الإعداد السريع منه) */
.d-box{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid #d9bd94;border-radius:20px;background:#fffaf0}
.d-box h3{font:800 20px/1.3 Round,Tajawal,sans-serif;margin-bottom:2px}
.d-rep{flex:1;position:relative;isolation:isolate;display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;padding:24px 40px 26px;overflow:clip}
.d-rep-list{display:flex;flex-direction:column;gap:10px}
.d-rep-list h1{font:800 36px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-rep-list>p{font-size:14px;line-height:1.7;color:#7c6047;margin-bottom:6px}
.d-rep-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #d9bd94;border-radius:18px;background:#fffaf0;text-align:right;color:var(--brown);cursor:pointer}
.d-rep-item b{display:block;font:800 17px/1.35 Round,Tajawal,sans-serif}
.d-rep-item small{display:block;font-size:13px;color:#7c6047}
.d-rep-item.is-on{background:linear-gradient(135deg,#ffd986,#ffca5c);border-color:#dca138}
.d-acc{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--a) * 1%),#e8d9bf 0);position:relative}
.d-acc::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fffaf0}
.d-acc bdi{position:relative;font-size:14px;font-weight:800;translate:0 var(--ink-num)}
.d-rep-detail{display:flex;flex-direction:column;gap:14px}
.d-rep-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.d-rep-head h2{font:800 30px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-rep-head small{font-size:14px;color:#7c6047}
.d-rep-head .d-back{display:none}
.d-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.d-stat{padding:15px 16px 7px;border:1px solid #d1b27e;border-radius:16px;background:#f8e7bf;box-shadow:0 3px 0 #d4b581}
.d-stat small{display:block;font-size:13px;color:#7c6047}
.d-stat b{display:block;font:800 28px/1.25 Round,Tajawal,sans-serif}
.d-rep-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}
.d-qrow{display:grid;grid-template-columns:26px minmax(0,1fr) 120px 44px;align-items:center;gap:10px;min-height:42px}
.d-qn{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brown);color:var(--cream);font-size:12px;font-weight:800;padding-top:4px}
.d-qt{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-qbar{height:10px;border-radius:6px;background:#f1e3c8;overflow:hidden}
.d-qbar i{display:block;height:100%;width:var(--a);border-radius:6px;background:var(--teal)}
.d-qrow.is-hard .d-qbar i{background:var(--orange)}
.d-qa{font-size:15px;font-weight:800;text-align:end}
.d-qrow>.k-polltag{grid-column:3 / -1;justify-self:end;margin:0}   /* صفّ «تصويت» بالتقرير: وسم النوع مكان الشريط والنسبة (ما فيه صح) */
.d-note{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:13px;color:#7c6047}
.d-note .ico{width:15px;height:15px;color:var(--orange)}
.d-prow{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto 56px;align-items:center;gap:10px;min-height:42px;font-size:15px;font-weight:800}
.d-prow .person-icon{width:34px;height:34px}
.d-prow small{font-size:12px;font-weight:500;color:#7c6047}
.d-prow.is-team{grid-template-columns:26px 34px minmax(0,1fr) 56px}   /* «فرق» بالتقرير: «الأعضاء · كم صح» تحت اسم الفريق — الصندوق ضيّق واسمه يبي العرض */
.d-prow.is-team>span>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-prow.is-team>span>small{display:block}
@media (max-width:640px){
  .d-rep-head .d-back{display:grid}
  .d-back .ico{width:20px;height:20px}
  .d-rep{grid-template-columns:1fr;gap:14px;padding:16px 14px 22px}
  .d-rep:not(.is-open) .d-rep-detail,.d-rep.is-open .d-rep-list{display:none}
  .d-rep-list h1{font-size:30px}
  .d-rep-head{flex-wrap:wrap;align-items:flex-start;gap:10px}
  .d-rep-head>div{flex:1;min-width:0}
  .d-rep-head h2{font-size:24px}
  .d-rep-head>.text-button{flex:1 1 100%;justify-content:center}
  .d-stats{grid-template-columns:1fr 1fr;gap:10px}
  .d-stat b{font-size:24px}
  .d-rep-cols{grid-template-columns:1fr}
  .d-qrow{grid-template-columns:26px minmax(0,1fr) 64px 40px;gap:8px}
  .d-qt{white-space:normal;line-height:1.45}
}

/* ═════ المحرّر (النموذج › editor — sijal-studio.js · الشريحة ١) — قواعد النموذج بنصّها إلا التمرير: الصفحة تنزل بتمريرها
   (ملاحظة المالك «السكرول كانه ملصق») والرأس والسؤال وإعداداته ثابتة (sticky) وأنت تنزل بالقائمة؛ --ed-top ارتفاع الرأس (يقيسه المحرّر) ═════ */
.switcher button[aria-pressed=true]{background:var(--brown);color:var(--cream)}
.d-top.is-ed{position:sticky;top:0;z-index:6}
.d-title{flex:0 1 380px;min-height:42px;border:1px solid #c8a67a;border-radius:12px;background:#fffaf0;padding:6px 14px 4px;font:800 18px/1.2 Round,Tajawal,sans-serif;color:var(--brown)}
.d-title.is-bad,.d-setin.is-bad{border-color:#c2431a;box-shadow:0 0 0 3px #f6c9b4}
.d-ed{flex:1;display:grid;grid-template-columns:230px minmax(0,1fr) 250px;position:relative}
.d-list{display:flex;flex-direction:column;border-inline-end:1px solid #dfcbb0;background:#f8ecd6}
.d-list-items{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px}
.d-thumb{position:relative;display:grid;gap:5px;text-align:right;padding:10px 12px 10px 12px;padding-inline-start:40px;border:1px solid #d9bd94;border-radius:15px;background:#fffaf0;box-shadow:0 2px 0 #dcc5a466}
.d-thumb.is-on{background:linear-gradient(135deg,#ffd986,#ffca5c);border-color:#dca138}
.d-n{position:absolute;inset-inline-start:10px;top:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brown);color:var(--cream);font-size:12px;font-weight:800;padding-top:4px}
.d-tt{display:flex;align-items:center;gap:5px;min-height:20px;font-size:12px;color:#7b634a;font-weight:800}
.d-tt .ico{width:13px;height:13px}
.d-thumb b{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.d-mini{display:flex;gap:4px}
.d-mini i{flex:1;height:7px;border-radius:4px;background:var(--orange);opacity:.4}
.d-mini i.m1{background:var(--gold)}
.d-mini i.m2{background:var(--teal)}
.d-mini i.m3{background:var(--brown)}
.d-mini i.m4{background:var(--plum)}
.d-mini i.m5{background:var(--olive)}
.d-mini i.ok{opacity:1}
.d-foot{display:flex;align-items:center;gap:8px}
.d-foot .d-mini{flex:1}
.d-ti{flex:none;width:34px;height:24px;border-radius:6px;border:1px solid #d1b27e;background:#fffaf0 center/cover no-repeat}
.d-thumb.is-bad{border-color:#e2a184;box-shadow:0 2px 0 #e2a18466}
.d-bad{position:absolute;inset-inline-end:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c2431a;color:#fff}
.d-bad .ico{width:14px;height:14px;stroke-width:2.8}
.d-thumb.is-draw:not(.is-on){border-color:#9fc9bf;background:#eef6f3}
.d-drawtag{display:inline-flex;align-items:center;padding:3px 9px 1px;border-radius:20px;background:#d6ebe5;color:var(--teal);font-size:12px;font-weight:800}
.d-add{position:sticky;bottom:0;z-index:7;padding:12px 14px 16px;border-top:1px solid #dfcbb0;background:#f8ecd6}   /* sticky = سياق رسم: بلا z-index تنرسم قائمته ورا السؤال */
.d-add>.primary-btn{width:100%}
.d-menu{display:flex;flex-direction:column;gap:14px;text-align:start}
.d-add .d-menu{position:absolute;bottom:calc(100% - 4px);inset-inline-start:10px;width:min(560px,calc(100vw - 40px));padding:12px 14px 16px;background:#fffaf0;border:1px solid #c8a67a;border-radius:16px;box-shadow:0 6px 0 #d4b581,0 14px 26px #5429181f;z-index:5}
.d-menu-sec{display:flex;flex-direction:column;gap:8px}
.d-menu-g{font-size:12px;font-weight:800;color:#7c6047}
.d-caps{display:flex;flex-wrap:wrap;gap:10px 8px}
.d-cap{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px 7px;border:1px solid #c8a67a;border-radius:30px;background:#fffaf0;box-shadow:0 3px 0 #d4b581;font-size:15px;font-weight:800;color:var(--brown);white-space:nowrap}
.d-cap:hover{background:#f8e7bf}
.d-cap:active{translate:0 2px;box-shadow:0 1px 0 #d4b581}
.d-cap .ico{width:20px;height:20px;color:var(--teal);translate:0 calc(var(--ink-ar) * -1)}
.d-cap[aria-pressed=true]{background:var(--brown);border-color:var(--brown);color:var(--cream);box-shadow:0 3px 0 #361a0f}   /* نوع السؤال الحالي بـ«غيّر نوع السؤال» */
.d-cap[aria-pressed=true] .ico{color:var(--cream)}
.d-retype{display:flex;flex-direction:column;gap:12px}
.d-retype>span{margin-bottom:0}
.d-canvas{position:relative;isolation:isolate}
.d-stage{position:sticky;top:var(--ed-top,0px);min-height:calc(100dvh - var(--ed-top,0px));display:flex;flex-direction:column;gap:16px;padding:22px 30px 26px}
.d-canvas.is-long .d-stage{position:static;min-height:0}
.d-q{min-height:66px;border:1px solid #c8a67a;border-radius:18px;background:#fffaf0;padding:10px 18px 6px;font:800 27px/1.35 Round,Tajawal,sans-serif;color:var(--teal);text-align:center;box-shadow:0 4px 0 #d4b581}
.d-q::placeholder{color:#b99f80}
/* خانةٌ بـdir=auto وهي فاضية: اتجاهها يسار فتلميحها العربي يطلع يسار ونقاطه («…») بالجهة الغلط (ملاحظة المالك على ٢٥٢ — «دوّر سؤال…»).
   التلميح عربي دايماً فيمين، والمكتوب يتبع لغته (dir=auto يرجع أول ما تكتب) */
:is(input,textarea)[dir=auto]:placeholder-shown{direction:rtl}
.d-ans{--ans-ph:#fbf2dfbf}                 /* «أضف جواب…» كريمي (ملاحظة المالك على ٢٥١ — كان #b99f80: ١٫١:١ على البرتقالي): شفيفٌ على الأخضر والبني (الكتابة نفسها كريمية) */
.d-ans[data-index="0"]{--ans-ph:var(--cream)} /* البرتقالي كريميٌّ كامل (الكتابة بنّية) */
.d-ans[data-index="1"]{--ans-ph:#542918a8} /* والذهبي بنّيٌّ شفيف: الكريمي عليه ١٫٥:١ ما ينقرى */
.d-ans input::placeholder{color:var(--ans-ph)}
.d-media{flex:1;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #c8a67a;border-radius:20px;background:#fffaf080;color:#7c6047;text-align:center}
.d-media .ico{width:44px;height:44px;stroke-width:1.6;color:var(--teal)}
.d-media b{font-size:17px;color:var(--brown)}
.d-media small{font-size:13px}
button.d-media{font:inherit;color:#7c6047;cursor:pointer}
button.d-media.is-over{border-color:var(--teal);background:#e6f1ee}
.d-media.has-img{position:relative;display:grid;place-items:center;padding:0;border:0;background:none;container-type:size}
.d-media.has-img img{display:block;max-width:100cqw;max-height:calc(100cqh - 4px);border:1px solid #d1b27e;border-radius:18px;background:#fffaf0;box-shadow:0 4px 0 #d4b581}
.d-media.has-img .text-button{position:absolute;bottom:12px}
.d-answers{padding:0;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.d-ans{min-height:76px;padding:10px 14px;gap:10px}
.d-ans input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:inherit;font:800 21px/1.3 Round,Tajawal,sans-serif;text-align:center;padding:4px 0}
.d-ans input:focus{outline:2px dashed currentColor;outline-offset:4px;border-radius:6px}
.d-ans strong{font-size:24px}
.d-ok{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;padding:0;opacity:.55}
.d-ok .ico{width:18px;height:18px;stroke-width:3.4;opacity:0}
.d-ans.is-correct .d-ok{background:var(--cream);color:var(--teal);border-color:var(--cream);opacity:1}
.d-ans.is-correct .d-ok .ico{opacity:1}
.d-ans.is-correct{outline:3px solid var(--teal);outline-offset:3px}
.d-side{border-inline-start:1px solid #dfcbb0;background:#f8ecd6}
.d-side-in{position:sticky;top:var(--ed-top,0px);min-height:calc(100dvh - var(--ed-top,0px));padding:18px 16px;display:flex;flex-direction:column}
.d-sets{flex:1;display:flex;flex-direction:column;gap:18px}
.d-set>span{display:block;font-size:14px;font-weight:800;margin-bottom:8px}
.d-type{display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #c8a67a;border-radius:13px;background:#fffaf0;padding:8px 12px 6px;font-weight:800;font-size:15px}
.d-type .ico{width:20px;height:20px;color:var(--teal)}
.d-type .ico:last-child:not(:first-child){margin-inline-start:auto;width:16px;height:16px;color:#7c6047}
.d-type.is-btn{width:100%;text-align:start;box-shadow:0 3px 0 #dcc5a466}   /* يفتح «غيّر نوع السؤال» */
.d-type.is-btn:hover{background:#f8e7bf}
.d-hint{display:block;margin-top:6px;font-size:12px;color:#7c6047}
.d-hint.is-box{margin:0;padding:13px 14px 11px;border:1px dashed #c8a67a;border-radius:14px;font-size:14px;font-weight:800}
.d-seg{flex-wrap:wrap;width:100%;background:#fffaf0}
.d-seg button{flex:1 1 auto;min-height:40px;padding:8px 9px 6px;font-size:13px}
.d-set-acts{margin-top:auto;display:flex;gap:8px}
.d-set-acts .text-button{flex:1;justify-content:center;font-size:13px}
.d-issues{display:flex;align-items:center;gap:9px;margin:0;padding:10px 14px 8px;border:1px solid #e2a184;border-radius:14px;background:#fde4d6;color:#a3360f;font-size:14px;font-weight:800}
.d-issues .ico{width:18px;height:18px;flex:none}
.feedback-symbol.is-warn{color:#c2431a}
.d-draw{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:20px 22px;border:1px solid #d9bd94;border-radius:22px;background:#fffaf0;box-shadow:0 4px 0 #dcc5a4aa}
.d-draw-head{display:flex;align-items:center;gap:12px}
.d-draw-head>.ico{flex:none;width:42px;height:42px;padding:9px;border-radius:13px;background:var(--teal);color:var(--cream)}
.d-draw-head b{display:block;font:800 22px/1.3 Round,Tajawal,sans-serif;color:var(--teal)}
.d-draw-head small{display:block;font-size:14px;color:#7c6047}
.d-draw-art{min-height:120px;display:flex;gap:12px;position:relative;z-index:1}
.d-draw-art span{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:10px;border:1px solid #d1b27e;border-radius:20px;background:#f1e3c8 center/cover no-repeat;box-shadow:0 4px 0 #d4b581}
.d-draw-art b{padding:5px 12px 3px;border-radius:20px;background:#fffaf0e6;font-size:14px;font-weight:800}
.d-imp .d-impacts .primary-btn{flex:2}
.d-steps{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:st}
.d-steps li{counter-increment:st;position:relative;min-height:24px;padding-inline-start:34px;font-size:14px;line-height:1.7}
.d-steps li::before{content:counter(st);position:absolute;top:0;inset-inline-start:0;display:grid;place-items:center;width:24px;height:24px;padding-top:calc(var(--ink-num) * 2);border-radius:50%;background:var(--teal);color:var(--cream);font-size:12px;font-weight:800}
.d-prompt{margin:0;padding:12px 14px;border:1px dashed #c8a67a;border-radius:14px;background:#fffdf6;color:#5b4632;font:500 13px/1.7 Tajawal,sans-serif;white-space:pre-wrap;text-align:start}
.d-impacts{display:flex;flex-wrap:wrap;gap:10px}
.d-impacts .text-button{flex:1;justify-content:center;cursor:pointer}
.d-impcount{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:800;color:#7c6047}
.d-impcount.is-ok{color:var(--teal)}
.d-impcount .ico{width:16px;height:16px}
/* الترتيب بالسحب (طلب المالك): المسحوب يرتفع ويتبع الإصبع/الماوس، والباقي يفسح له بمكانه بالصفحة */
.d-thumb,.d-qchip{-webkit-touch-callout:none;touch-action:manipulation}
.is-sorting{-webkit-user-select:none;user-select:none}
.d-thumb.is-drag,.d-qchip.is-drag{position:relative;z-index:4;pointer-events:none;box-shadow:0 12px 26px #5429183d}
.d-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.d-flash{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;z-index:30;max-width:calc(100% - 32px);margin:0;padding:10px 18px 8px;border:1px solid #e2a184;border-radius:14px;background:#fde4d6;color:#a3360f;font-size:15px;font-weight:800;box-shadow:0 6px 18px #54291826}
@media (max-width:640px){
  .d-top.is-ph{flex-wrap:nowrap;gap:8px;padding:calc(8px + var(--safe-top)) 12px 8px}
  .d-top.is-ph .d-title{flex:1 1 auto;min-width:0;min-height:44px;font-size:17px}
  .d-top.is-ph .icon-button .ico{width:20px;height:20px}
  .d-seg button{min-height:44px}
  .d-ed.is-ph{display:flex;flex-direction:column}
  .d-ed.is-ph .d-canvas{flex:1}
  body[data-page=edit] .desk>.waves-bottom{width:240px;height:165px;left:-30px;bottom:-10px}   /* بحجمه الصغير يصير أغلبه تحت الشريط فيبهت — كذا يطلع فوقه ويكمّل وراه */
  .d-ed.is-ph .d-stage{position:static;min-height:0;gap:12px;padding:14px 14px 16px}
  .d-qsum{flex:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px 7px;border:1px solid #c8a67a;border-radius:14px;background:#fffaf0;color:var(--brown);font-size:14px;font-weight:800;box-shadow:0 3px 0 #dcc5a466}
  .d-qsum-t{display:flex;align-items:center;gap:6px}
  .d-qsum-t .ico{width:18px;height:18px;color:var(--teal)}
  .d-qsum-v{margin-inline-start:auto;color:#7c6047}
  .d-qsum>.ico{flex:none;width:16px;height:16px}
  .d-ed.is-ph .d-q{flex:none;min-height:0;padding:10px 14px 8px;font-size:21px;line-height:1.4;resize:none;display:block;width:100%}
  .d-ed.is-ph .d-media{flex:1 0 150px}
  .d-ed.is-ph .d-pinwrap{grid-template-columns:1fr;gap:14px}
  .d-ed.is-ph .d-scale .d-row2{grid-template-columns:1fr}
  .d-setpage{gap:14px;padding:12px 14px 16px}   /* الإعدادات تسع شاشة الجوال بلا تمرير (ملاحظة المالك على ٢٥٢ «سكرول بسيط مره ويقهر — مايسوى») */
  .d-setpage .d-form{gap:12px}
  .d-sharebtn{width:44px;height:44px;min-width:44px}
  .d-share-row{flex-direction:column;align-items:stretch}
  .d-share-row .qr-slab{align-self:center;width:150px}
  .d-covers{grid-template-columns:repeat(3,1fr)}
  .d-ed.is-ph .d-answers:not(.is-two){grid-template-columns:1fr;gap:10px}
  .d-ed.is-ph .d-ans{min-height:58px;padding:7px 10px}
  .d-ed.is-ph .d-ans input{font-size:18px}
  .d-ed.is-ph .d-ans strong{font-size:20px}
  .d-ed.is-ph .d-ok{width:44px;height:44px}
  .d-strip{position:sticky;bottom:0;z-index:5;flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #dfcbb0;background:#f8ecd6a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}   /* زجاجٌ مثل الرأس والنقش وراه (ملاحظة المالك على ٢٥٢) */
  .d-strip-scroll{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}
  .d-qchip{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52px;height:52px;padding:0 0 2px;border:1px solid #d9bd94;border-radius:14px;background:#fffaf0;color:var(--brown);font-size:16px;font-weight:800;box-shadow:0 2px 0 #dcc5a466}
  .d-qchip .ico{width:15px;height:15px;color:#7b634a}
  .d-qchip.is-bad{border-color:#e2a184;background:#fdf1ea}
  .d-qchip.is-bad .ico{color:#c2431a}
  .d-qchip.is-on{background:linear-gradient(135deg,#ffd986,#ffca5c);border-color:#dca138}
  .d-strip-add{flex:none;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:14px;background:var(--orange);color:#fff;box-shadow:0 3px 0 #c45a12}
  .d-strip-add .ico{width:24px;height:24px}
  .d-addsheet,.d-qsheet{text-align:start}
  .d-addsheet h2,.d-qsheet h2{text-align:center}
  .d-qsheet{gap:16px}
  .d-qsheet .d-set-acts .text-button{min-height:44px;font-size:14px}
  .d-draw{padding:16px}
  .d-draw-head b{font-size:19px}
  .d-draw .d-row2{grid-template-columns:1fr}
  .d-draw-art{min-height:110px}
}