/* لعبني — أنماط الألعاب التعليمية المشتركة (EduKit). كل صنف يبدأ بـ eg- */

.eg-wrap{max-width:1080px;margin:0 auto;padding:12px}
.eg-game{
  --eg-accent:#22c55e;
  --eg-bg:#071827;
  --eg-panel:#0f2438;
  --eg-line:#1e3a52;
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  background:var(--eg-bg);color:var(--eg-text);
  border:1px solid var(--eg-accent);border-radius:22px;padding:14px;
  font-family:inherit;
}
.eg-game *{box-sizing:border-box}

/* الرأس */
.eg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.eg-title{margin:0;font-size:24px;line-height:1.3}
.eg-sub{margin:4px 0 0;color:var(--eg-muted);font-size:14px;line-height:1.6}
.eg-tools{display:flex;gap:6px;flex:0 0 auto}

/* الأزرار: أقل ارتفاع 44px للمس */
.eg-btn{
  font:inherit;font-weight:800;font-size:14px;line-height:1.3;
  min-height:44px;min-width:44px;padding:8px 14px;
  background:var(--eg-panel);color:var(--eg-text);
  border:1px solid var(--eg-line);border-radius:12px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;
  transition:background .15s,border-color .15s,transform .1s;
}
.eg-btn:hover{border-color:var(--eg-accent)}
.eg-btn:active{transform:scale(.97)}
.eg-primary{background:var(--eg-accent);border-color:var(--eg-accent);color:#04120a}
.eg-btn[disabled]{opacity:.5;cursor:not-allowed}
.eg-game :focus-visible{outline:3px solid #fde047;outline-offset:2px}

/* لوحة المؤشرات */
.eg-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.eg-stat{background:var(--eg-panel);border:1px solid var(--eg-line);border-radius:12px;padding:7px 4px;text-align:center;font-size:12px;color:var(--eg-muted)}
.eg-stat b{display:block;font-size:19px;color:var(--eg-text);line-height:1.3}

/* مساحة اللعب */
.eg-stage{background:rgba(255,255,255,.03);border:1px solid var(--eg-line);border-radius:18px;padding:12px}
.eg-intro{text-align:center;padding:18px 8px}
.eg-intro h2{margin:0 0 6px;font-size:20px}
.eg-intro p{margin:6px auto;max-width:560px;color:var(--eg-muted);line-height:1.8;font-size:14px}
.eg-howto{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}
.eg-howto span{background:var(--eg-panel);border:1px solid var(--eg-line);border-radius:999px;padding:6px 12px;font-size:13px}
.eg-msg{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--eg-panel);border:1px solid var(--eg-line);font-size:14px;line-height:1.7;min-height:44px}
.eg-msg.good{background:#0f2f1d;border-color:#16a34a}
.eg-msg.bad{background:#3a1519;border-color:#dc2626}
.eg-msg.warn{background:#3a2f12;border-color:#ca8a04}

/* شاشة النتيجة */
.eg-result{text-align:center;padding:22px 10px}
.eg-stars{display:flex;justify-content:center;gap:8px;margin-bottom:6px}
.eg-star{font-size:44px;line-height:1;color:#334155;display:inline-block}
.eg-star.on{color:#facc15;text-shadow:0 0 14px rgba(250,204,21,.5);animation:eg-pop .5s both}
@keyframes eg-pop{0%{transform:scale(.3) rotate(-25deg);opacity:0}70%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
.eg-result-title{margin:6px 0 4px;font-size:24px}
.eg-result-title:focus{outline:none}
.eg-result-sub{margin:0 auto 8px;max-width:520px;color:var(--eg-muted);line-height:1.8;font-size:14px}
.eg-best{color:#fde68a;font-weight:800;margin:4px 0}
.eg-result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}
.eg-result-stat{min-width:92px;background:var(--eg-panel);border:1px solid var(--eg-line);border-radius:14px;padding:8px 12px}
.eg-result-stat b{display:block;font-size:22px}
.eg-result-stat span{font-size:12px;color:var(--eg-muted)}
.eg-weak{text-align:right;max-width:560px;margin:14px auto;background:#2a2110;border:1px solid #854d0e;border-radius:14px;padding:12px 16px}
.eg-weak h3{margin:0 0 6px;font-size:15px;color:#fde68a}
.eg-weak ul{margin:0;padding-right:20px;line-height:1.9;font-size:14px;color:#fef3c7}
.eg-perfect{color:#86efac;font-weight:800}
.eg-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}

/* قارئ الشاشة فقط */
.eg-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ملء الشاشة */
.eg-game:fullscreen,.eg-game.edu-focus{position:fixed;inset:0;z-index:2147483000;width:100%;height:100%;border-radius:0;overflow:auto}
.edu-lock{overflow:hidden!important}

/* مسار التنقل داخل اللعبة */
.eg-wrap .edu-gc{display:flex;gap:6px;align-items:center;font-size:13px;color:#64748b;margin-bottom:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.eg-wrap .edu-gc::-webkit-scrollbar{display:none}

/* الجوال */
@media(max-width:700px){
  .eg-wrap{padding:6px}
  .eg-game{padding:9px;border-radius:18px}
  .eg-title{font-size:19px}
  .eg-sub{font-size:12px;line-height:1.5}
  .eg-btn span{display:none}
  .eg-hud{gap:4px}
  .eg-stat{font-size:11px;padding:6px 2px}
  .eg-stat b{font-size:16px}
  .eg-stage{padding:8px}
  .eg-star{font-size:38px}
}

/* تقليل الحركة */
@media(prefers-reduced-motion:reduce){
  .eg-game *,.eg-game *::before,.eg-game *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}