/* ══ ألعاب ٢٠٢٦/٠٩/٣٠: «عجلة المصير» (ft-) و«لا تعيد كلامي» (ne-) — صفحاتٌ كاملة ══ */

/* ── السقالة المشتركة: المسرح يملأ الشاشة ولا يبقى من الموقع إلا شريط الأزرار ── */
body.fate-full #rail,body.fate-full #topbar,body.fate-full #brandmark,body.fate-full #stageBar,body.fate-full #chatpane,
body.fate-full #toolrail,body.fate-full #liveChip,body.fate-full #stage .g-how,body.fate-full #stage .g-top,body.fate-full #stage #gtimer,
body.echo-full #rail,body.echo-full #topbar,body.echo-full #brandmark,body.echo-full #stageBar,body.echo-full #chatpane,
body.echo-full #toolrail,body.echo-full #liveChip,body.echo-full #stage .g-how,body.echo-full #stage .g-top,body.echo-full #stage #gtimer{display:none!important}
body.fate-full #stageWrap,body.echo-full #stageWrap{position:fixed!important;inset:0!important;z-index:40;margin:0!important;padding:0!important;
  width:auto!important;height:auto!important;max-width:none!important;border-radius:0!important;transform:none!important;filter:none!important;contain:none!important}
body.fate-full #stage,body.echo-full #stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;max-width:none!important;transform:none!important}
body.fate-full #stage{background:#0d0820!important}
body.echo-full #stage{background:#2a1c10!important}
body.fate-full.practice-on #stage,body.echo-full.practice-on #stage{bottom:170px!important;height:auto!important}
body.fate-full #stage .g-wrap,body.fate-full #stage .g-body,body.fate-full #stage #gbody,
body.echo-full #stage .g-wrap,body.echo-full #stage .g-body,body.echo-full #stage #gbody{width:100%!important;height:100%!important;max-height:none!important;
  padding:0!important;margin:0!important;max-width:none!important;transform:none!important;overflow:hidden;display:block!important}
body.fate-full #gdock,body.echo-full #gdock{right:0!important}
body.rt-bar-on.fate-full .rt-bar,body.rt-bar-on.echo-full .rt-bar{z-index:90!important}

/* ══════════ عجلة المصير ══════════ */
.ft-page{position:relative;height:100%;box-sizing:border-box;padding:60px clamp(12px,2vw,28px) 12px;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px);
  color:#fff;font-family:'Tajawal',system-ui,sans-serif;overflow:hidden;
  background:radial-gradient(90% 60% at 50% 110%,rgba(242,181,58,.22),transparent 60%),
             radial-gradient(60% 50% at 15% 0%,rgba(140,70,255,.3),transparent 70%),
             radial-gradient(60% 50% at 85% 0%,rgba(255,60,140,.22),transparent 70%),
             linear-gradient(180deg,#140a30,#0b0620 60%,#07040f)}
/* إطار المصابيح حول المسرح */
.ft-bulbs{position:absolute;inset:52px 8px 8px;border-radius:26px;pointer-events:none;border:2px solid rgba(242,193,78,.35);
  background:radial-gradient(circle,#ffe7a0 0 3px,transparent 4px) 0 0/28px 28px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  padding:8px;animation:ftBulb 1.2s steps(2) infinite;opacity:.8}
@keyframes ftBulb{50%{background-position:14px 0;opacity:.55}}
.ft-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ft-title span{display:block;font-weight:800;font-size:13px;color:#f2c14e;letter-spacing:1px}
.ft-title h1{margin:0;font-weight:900;font-size:clamp(26px,3.4vw,46px);line-height:1.3;
  background:linear-gradient(180deg,#fff7d6,#f2c14e 60%,#c07a14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}
.ft-meta{display:flex;gap:8px}
.ft-meta span{font-weight:900;font-size:clamp(14px,1.5vw,19px);padding:8px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1.5px solid rgba(242,193,78,.35)}
.ft-meta b{color:#f2c14e}
.ft-stage{position:relative;z-index:1;flex:1;min-height:0;container-type:size;--wd:min(56vh,calc(100cqh - 46px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(6px,2vw,30px)}
.ft-wheel{position:relative;margin:0;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:filter .4s,opacity .4s}
.ft-wheel canvas{width:min(100%,var(--wd));aspect-ratio:1;height:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
.ft-wheel figcaption{margin-top:6px;font-weight:900;font-size:clamp(16px,1.8vw,24px);color:#f2c14e}
.ft-wheel.live canvas{filter:drop-shadow(0 18px 40px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(242,193,78,.55))}
.ft-stage:has(.live) .ft-wheel:not(.live){opacity:.62}
.ft-ptr{position:absolute;top:calc(50% - min(100%,var(--wd))/2 - 14px);left:50%;transform:translateX(-50%);width:0;height:0;z-index:2;
  border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff3c4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.ft-arrow{color:#f2c14e;width:clamp(30px,4vw,60px);opacity:.8}
.ft-card{position:relative;z-index:1;align-self:center;min-width:min(560px,92%);max-width:900px;min-height:92px;padding:12px 22px;border-radius:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;text-align:center;
  background:linear-gradient(135deg,rgba(40,24,80,.92),rgba(20,12,44,.92));border:2px solid rgba(242,193,78,.45);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.ft-card.pop{animation:ftPop .45s cubic-bezier(.2,1.5,.4,1)}
@keyframes ftPop{from{transform:scale(.9);opacity:.3}}
.ft-card.good{border-color:#3ed598;background:linear-gradient(135deg,rgba(14,80,56,.94),rgba(10,40,34,.94))}
.ft-card.bad{border-color:#ff5a4a;background:linear-gradient(135deg,rgba(110,20,16,.94),rgba(50,10,10,.94))}
.ft-card.q{border-color:#8f8fff;background:linear-gradient(135deg,rgba(40,40,130,.94),rgba(20,20,70,.94))}
.ft-card.mid{border-color:#f2b53a}
.ft-big{font-weight:900;font-size:clamp(24px,3vw,40px);line-height:1.1}
.ft-card > span{font-weight:800;font-size:clamp(15px,1.7vw,21px);opacity:.95}
.ft-pts{font-style:normal;font-weight:900;color:#ffd76e;margin-inline-start:6px}
.ft-q{flex-basis:100%;font-weight:900;font-size:clamp(20px,2.5vw,32px);line-height:1.3}
.ft-qk{flex-basis:100%;font-weight:900;font-size:14px;color:#c9c9ff}
.ft-qk.hard{color:#ff9b8f}
.ft-opts{flex-basis:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0;padding:0;list-style:none}
.ft-opts li{font-weight:900;font-size:clamp(14px,1.5vw,19px);padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.1)}
.ft-opts em{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f2c14e;color:#2a1600;margin-inline-end:8px}
.ft-qwho{display:flex;align-items:center;gap:8px;font-weight:900}
.ft-qwho b{color:#ffd76e}
.ft-judge{flex-basis:100%;display:flex;justify-content:center;gap:10px}
.ft-judge button{font:900 17px 'Tajawal',sans-serif;padding:10px 22px;border-radius:14px;border:0;cursor:pointer;color:#fff;background:#2c8f5e}
.ft-judge button[data-j=out]{background:#c0392b}
.ft-judge button[data-j=skip]{background:rgba(255,255,255,.18)}
.ft-note{flex-basis:100%;opacity:.7;font-weight:700}
.ft-cast{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:84px;overflow:hidden}
.ft-p{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:rgba(255,255,255,.08);border:1.5px solid color-mix(in srgb,var(--pb-acc) 60%,transparent);font-weight:900;font-size:14px}
.ft-p i{font-style:normal;color:#ffd76e}
.ft-p.now{background:rgba(242,193,78,.25);border-color:#f2c14e;transform:scale(1.06)}
.ft-sh{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#1f9e6a}
@media (max-width:760px){
  .ft-stage{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .ft-arrow{display:none}
  .ft-wheel canvas{width:min(100%,30vh)}
  .ft-ptr{top:calc(50% - min(100%,30vh)/2 - 12px)}
  .ft-opts{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.ft-bulbs{animation:none}}

/* ══════════ لا تعيد كلامي ══════════ */
.ne-page{position:relative;height:100%;box-sizing:border-box;padding:60px clamp(12px,2vw,28px) 12px;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,16px);
  color:#fff;font-family:'Tajawal',system-ui,sans-serif;overflow:hidden;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 70px),linear-gradient(180deg,#4a3320,#2a1c10)}
.ne-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ne-title span{display:block;font-weight:800;font-size:13px;color:#e9d8a6;letter-spacing:1px}
.ne-title h1{margin:0;font-weight:900;font-size:clamp(26px,3.4vw,46px);line-height:1;color:#fff8e6;text-shadow:0 4px 0 rgba(0,0,0,.35)}
.ne-meta{display:flex;align-items:center;gap:8px}
.ne-meta span{font-weight:900;font-size:clamp(14px,1.5vw,19px);padding:8px 16px;border-radius:14px;background:rgba(0,0,0,.25);border:1.5px solid rgba(233,216,166,.3)}
.ne-meta b{color:#ffe08a}
.ne-clock{min-width:62px;text-align:center;font-weight:900;font-size:clamp(22px,2.6vw,34px);padding:4px 14px;border-radius:14px;background:#fff8e6;color:#2a1c10}
.ne-clock.urgent{background:#ff5a4a;color:#fff;animation:neBeat .6s ease-in-out infinite}
@keyframes neBeat{50%{transform:scale(1.08)}}
/* السبّورة: خضراء بإطارٍ خشبيّ وأثر طباشير */
.ne-board{position:relative;border-radius:14px;padding:clamp(14px,2.4vh,28px) clamp(16px,3vw,40px) clamp(26px,4vh,40px);
  background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.06),transparent 60%),linear-gradient(160deg,#2f5d44,#1f4231);
  border:clamp(10px,1.4vw,16px) solid #8a5a2e;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 16px 40px rgba(0,0,0,.4);
  outline:3px solid #5e3a18;outline-offset:-2px}
.ne-lbl{display:block;font-weight:800;font-size:14px;color:rgba(255,255,255,.6);margin-bottom:6px}
.ne-sent{margin:0;font-family:'Cairo','Tajawal',sans-serif;font-weight:800;font-size:clamp(28px,4.2vw,60px);line-height:1.35;color:#f4f4ea;
  text-shadow:0 0 1px #fff,0 0 12px rgba(255,255,255,.15)}
.ne-w{display:inline-block;padding:0 .12em;border-bottom:3px dashed rgba(255,255,255,.35)}
.ne-w.hit{animation:neHit 1.4s ease}
@keyframes neHit{0%{color:#ff5a4a;transform:scale(1.35) rotate(-3deg);text-shadow:0 0 30px #ff5a4a}100%{color:#f4f4ea}}
.ne-rule{margin-top:10px;font-weight:800;font-size:clamp(14px,1.6vw,20px);color:#e9f5d8}
.ne-rule b{color:#ffe08a}
.ne-tray{position:absolute;left:10%;right:10%;bottom:-14px;height:12px;border-radius:4px;background:#6b4420;display:flex;gap:18px;justify-content:center;align-items:center}
.ne-tray i{width:34px;height:7px;border-radius:3px;background:#f4f4ea}
.ne-tray i:nth-child(2){background:#ffe08a;width:24px}
.ne-tray i:nth-child(3){background:#9fd3ff;width:28px}
.ne-ask{display:flex;flex-direction:column;gap:10px}
.ne-ask label{font-weight:900;font-size:clamp(18px,2vw,26px);color:#f4f4ea}
.ne-ask input{font:800 clamp(20px,2.6vw,34px) 'Cairo','Tajawal',sans-serif;padding:10px 16px;border-radius:12px;border:2px dashed rgba(255,255,255,.4);
  background:rgba(0,0,0,.18);color:#fff;outline:none}
.ne-ask input:focus{border-color:#ffe08a}
.ne-ask input.bad{border-color:#ff5a4a}
.ne-ask div{display:flex;gap:10px}
.ne-ask button{font:900 17px 'Tajawal',sans-serif;padding:10px 22px;border-radius:12px;border:0;cursor:pointer}
.ne-go{background:#ffe08a;color:#2a1c10}
.ne-rand{background:rgba(255,255,255,.14);color:#fff}
/* أوراق اللاعبين */
.ne-notes{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;align-content:start;padding:6px 2px}
.ne-note{position:relative;padding:10px 14px 12px;border-radius:4px;color:#2a1c10;transform:rotate(var(--tilt));
  background:repeating-linear-gradient(180deg,#fffdf4 0 26px,#cfe3f5 26px 27px);box-shadow:0 8px 18px rgba(0,0,0,.35);animation:neIn .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes neIn{from{transform:translateY(-16px) rotate(var(--tilt)) scale(.9);opacity:0}}
.ne-who{display:flex;align-items:center;gap:6px;font-weight:900;font-size:14px}
.ne-note p{margin:6px 0 0;font-family:'Cairo','Tajawal',sans-serif;font-weight:800;font-size:clamp(15px,1.5vw,19px);line-height:1.5}
.ne-note mark{background:#ff5a4a;color:#fff;border-radius:4px;padding:0 4px}
.ne-note em{display:inline-block;margin-top:4px;font-style:normal;font-weight:900;font-size:13px;color:#c0392b}
.ne-note.out{filter:grayscale(.5);opacity:.75}
.ne-note.out::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 47%,rgba(192,57,43,.7) 48% 52%,transparent 53%)}
.ne-kick{display:none;margin-top:6px;font:900 13px 'Tajawal',sans-serif;padding:4px 12px;border-radius:8px;border:0;background:#c0392b;color:#fff;cursor:pointer}
.ne-notes.judging .ne-kick{display:inline-block}
@media (max-width:760px){.ne-notes{grid-template-columns:1fr 1fr}.ne-note p{font-size:13px}}
@media (max-width:760px){
  .ft-title span,.ne-title span{display:none}
  .ft-title h1,.ne-title h1{font-size:24px}
  .ft-meta span,.ne-meta span{padding:5px 10px;font-size:13px}
}