/* القاموس التفاعلي — EnglishGuider */
.egv,.egv-layer{--g:#2BB673;--g-dk:#1f9a5f;--r:#E5484D;--r-dk:#c23338;--y:#FFB020;--b:#1D6FEA;--b-dk:#1553B8;--n:#0A1F44;--bd:#DFE7F3}
.egv{max-width:760px;margin:0 auto;padding:6px 0 40px;font-family:var(--eg-font)}
.egv *{box-sizing:border-box}
.egv-loading{text-align:center;color:var(--eg-muted)}
.egv button{font-family:inherit;cursor:pointer}
.egv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 10px}
.egv-stat{background:#fff;border:2px solid var(--bd);border-radius:16px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.egv-stat b{font-size:1.15rem;font-weight:900;color:var(--n);line-height:1.2}
.egv-stat span{font-size:11.5px;color:var(--eg-muted);line-height:1.3}
.egv-goal i{--p:0;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--g) calc(var(--p)*1%),#E6ECF6 0);display:grid;place-items:center;position:relative}
.egv-goal i::before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}
.egv-goal em{position:relative;font-style:normal;font-size:11px;font-weight:900;color:var(--n)}
.egv-rank{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-weight:800;color:var(--n)}
.egv-mute{border:2px solid var(--bd);background:#fff;border-radius:12px;padding:4px 10px;font-size:18px}
.egv-tabs{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 2px 10px;scrollbar-width:none;position:sticky;top:0;background:#fff;z-index:5}
.egv-tabs::-webkit-scrollbar{display:none}
.egv-tab{flex:1 0 auto;min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid var(--bd);background:#fff;border-radius:14px;padding:8px 8px;font-weight:800;font-size:13px;line-height:1.3;color:var(--eg-muted);white-space:nowrap;transition:.15s;scroll-snap-align:start}
.egv-tab .egv-e{width:1.7em;height:1.7em;margin:0;vertical-align:0}
.egv-tab.is-on{background:var(--eg-soft);border-color:var(--b);color:var(--b)}
.egv-lead{color:var(--eg-muted);margin:0 0 12px}
.egv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.egv-chips::-webkit-scrollbar{display:none}
.egv-chip{flex:0 0 auto;min-width:64px;border:2px solid var(--bd);border-bottom-width:4px;background:#fff;border-radius:14px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;line-height:1.25;color:var(--n)}
.egv-chip b{font-size:1.05rem}.egv-chip small{font-size:11px;color:var(--eg-muted)}
.egv-chip.is-on{background:var(--b);border-color:var(--b-dk);color:#fff}.egv-chip.is-on small{color:#dbe8ff}
.egv-chips--sm .egv-chip{min-width:0;padding:4px 14px;flex-direction:row}
.egv-daily{display:block;width:100%;border:2px dashed var(--y);background:#FFF8E8;color:#8a5a00;border-radius:16px;padding:12px;font-weight:900;font-size:15px;margin:0 0 14px}
.egv-levelhead h2{font-size:1.35rem;margin:6px 0 2px}.egv-levelhead p{color:var(--eg-muted);font-size:14px;margin:0 0 6px}
.egv-path{display:flex;flex-direction:column;align-items:center;padding:14px 0 6px}
.egv-node{display:flex;flex-direction:column;align-items:center;margin:0 0 22px;transform:translateX(var(--x));position:relative;text-align:center}
.egv-dot{width:84px;height:84px;border-radius:50%;border:0;background:var(--b);box-shadow:0 7px 0 var(--b-dk);display:grid;place-items:center;font-size:36px;transition:transform .12s,box-shadow .12s;color:#fff}
.egv-dot:active{transform:translateY(5px);box-shadow:0 2px 0 var(--b-dk)}
.egv-node.is-done .egv-dot{background:var(--y);box-shadow:0 7px 0 #d98e00}
.egv-node.is-lock .egv-dot{background:#E3E8F0;box-shadow:0 7px 0 #C8D0DD;cursor:not-allowed;filter:grayscale(.4)}
.egv-node.is-cur .egv-dot{animation:egvPulse 1.6s infinite}
@keyframes egvPulse{0%,100%{box-shadow:0 7px 0 var(--b-dk),0 0 0 0 rgba(29,111,234,.45)}50%{box-shadow:0 7px 0 var(--b-dk),0 0 0 14px rgba(29,111,234,0)}}
.egv-bubble{position:absolute;top:-30px;background:#fff;border:2px solid var(--bd);color:var(--b);font-weight:900;font-size:13px;padding:2px 14px;border-radius:12px;animation:egvBob 1.2s infinite}
.egv-bubble::after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-6px;width:10px;height:10px;background:#fff;border:2px solid var(--bd);border-top:0;border-left:0;transform:rotate(45deg)}
@keyframes egvBob{50%{transform:translateY(-4px)}}
.egv-nlabel{margin-top:12px;font-weight:800;color:var(--n);font-size:14px;max-width:150px;line-height:1.35}
.egv-stars{display:flex;gap:2px;direction:ltr;color:#D5DCE8;font-size:15px;margin-top:2px}.egv-stars i{font-style:normal}.egv-stars i.on{color:var(--y)}
.egv-stars--lg{font-size:44px;justify-content:center;margin:8px 0}
.egv-hint{text-align:center;color:var(--eg-muted);font-size:14px}
.egv-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:6px}
.egv-game{text-align:right;background:#fff;border:2px solid var(--bd);border-bottom-width:5px;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:transform .12s}
.egv-game:hover{transform:translateY(-2px);border-color:var(--b)}
.egv-game i{font-style:normal;font-size:34px}.egv-game b{font-size:1.05rem;color:var(--n)}.egv-game span{font-size:13.5px;color:var(--eg-muted);line-height:1.5}.egv-game em{font-style:normal;font-size:12px;color:#8a5a00;font-weight:800}
.egv-sec{background:#fff;border:2px solid var(--bd);border-radius:18px;padding:14px;margin:0 0 14px}.egv-sec h3{margin:0 0 8px;font-size:1.05rem}.egv-sec small{color:var(--eg-muted);font-weight:500}
.egv-empty{color:var(--eg-muted);font-size:14px;margin:4px 0}
.egv-wl{display:grid;gap:8px;margin:0 0 12px}.egv-wl li{display:flex;align-items:center;gap:10px;background:var(--eg-light);border-radius:12px;padding:8px 10px}
.egv-wl li div{flex:1;display:flex;flex-direction:column;line-height:1.3}.egv-wl li span{color:var(--eg-muted);font-size:13.5px}
.egv-x{border:0;background:none;color:#a3adbf;font-size:16px;padding:4px 8px}
.egv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:4px solid var(--b-dk);background:var(--b);color:#fff;font-weight:900;font-size:15.5px;padding:12px 26px;border-radius:14px;transition:transform .1s;text-decoration:none}
.egv-btn:active{transform:translateY(3px);border-bottom-width:1px}
.egv-btn:disabled{background:#CBD3E0;border-color:#AEB8C9;color:#fff;cursor:not-allowed}
.egv-btn--go{background:var(--g);border-bottom-color:var(--g-dk);min-width:150px}
.egv-btn--ghost{background:#fff;color:var(--b);border:2px solid var(--bd);border-bottom-width:4px}
.egv-btn--sky{background:var(--eg-soft);color:var(--b);border:2px solid var(--b);border-bottom-width:4px}
.egv-dfilters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:0 0 10px}
.egv-dfilters input,.egv-dfilters select{border:2px solid var(--bd);border-radius:12px;padding:10px 12px;font-size:15px;font-family:inherit;background:#fff;min-width:0;width:100%}
.egv-count{color:var(--eg-muted);font-size:13px;margin:0 0 6px}
.egv-dt{border:2px solid var(--bd);border-radius:16px;overflow:hidden;background:#fff}
.egv-dth,.egv-dr{display:grid;grid-template-columns:1.2fr 1.6fr 44px 44px;gap:6px;align-items:center;padding:8px 12px}
.egv-dth{background:var(--n);color:#fff;font-weight:800;font-size:13px}
.egv-dr{border-top:1px solid var(--bd)}.egv-dr:nth-child(even){background:#F8FAFD}
.egv-dw{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.egv-dw i{font-style:normal;font-size:20px}.egv-dw b{color:var(--n)}.egv-dw small{background:var(--eg-soft);color:var(--b);border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}
.egv-dm{display:flex;flex-direction:column;line-height:1.5}.egv-dm small{color:var(--eg-muted);font-size:12px}
.egv-snd,.egv-star{border:0;background:none;font-size:20px;padding:4px;border-radius:10px;color:var(--b)}
.egv-snd:hover,.egv-star:hover{background:var(--eg-soft)}
.egv-star{color:#9aa7bd;font-size:22px}.egv-star.on{color:var(--y)}
.egv-star--lg{font-size:15px;font-weight:800;border:2px solid var(--bd);background:#fff;padding:8px 16px;border-radius:12px;margin-top:10px}
.egv-star--lg.on{border-color:var(--y);color:#8a5a00;background:#FFF8E8}
.egv-snd--lg{font-size:26px}
#egv-more{margin:12px auto 0;display:flex}
.egv-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--n);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;z-index:100001;font-size:14px}

/* ===== طبقة الدرس والألعاب ===== */
html.egv-noscroll,html.egv-noscroll body{overflow:hidden}
.egv-layer{position:fixed;inset:0;z-index:100000;background:#fff;display:flex;flex-direction:column;font-family:var(--eg-font);color:var(--eg-text);overflow-y:auto;-webkit-overflow-scrolling:touch}
.egv-layer *{box-sizing:border-box}
.egv-layer button{font-family:inherit;cursor:pointer}
.egv-top{display:flex;align-items:center;gap:12px;padding:14px 16px;max-width:760px;width:100%;margin:0 auto}
.egv-close{border:0;background:none;font-size:22px;color:#9aa7bd;padding:4px 8px}
.egv-prog{flex:1;height:14px;background:#E6ECF6;border-radius:99px;overflow:hidden}.egv-prog i{display:block;height:100%;background:var(--g,#2BB673);border-radius:99px;transition:width .3s;position:relative}
.egv-hearts,.egv-score{font-weight:900;color:#E5484D;font-size:18px;min-width:48px;text-align:center}.egv-score{color:var(--n);flex:0 0 auto}
.egv-timer{flex:1;height:22px;background:#E6ECF6;border-radius:99px;overflow:hidden;position:relative}.egv-timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#FFB020,#E5484D);transition:width 1s linear}.egv-timer b{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#fff;mix-blend-mode:normal;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.egv-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:6px 18px 24px;display:flex;flex-direction:column}
.egv-eyebrow{font-weight:900;color:var(--n);font-size:1.2rem;margin:6px 0 16px}
.egv-q{display:flex;align-items:center;gap:12px;justify-content:center;margin:4px 0 22px;flex-wrap:wrap}
.egv-q i{font-style:normal;font-size:56px;line-height:1}.egv-q b{font-size:1.9rem;color:var(--n);font-weight:900}
.egv-q--tf{flex-direction:column;gap:6px}.egv-eq{font-size:26px;color:var(--eg-muted)}
.egv-bigsay{align-self:center;width:110px;height:110px;border-radius:50%;border:0;border-bottom:6px solid var(--b-dk,#1553B8);background:var(--b,#1D6FEA);color:#fff;font-size:46px;margin:8px 0 24px}
.egv-opts{display:grid;gap:12px}
.egv-opt{display:flex;align-items:center;gap:12px;text-align:start;width:100%;background:#fff;border:2px solid var(--bd,#DFE7F3);border-bottom-width:5px;border-radius:16px;padding:14px 16px;font-size:1.1rem;font-weight:800;color:var(--n);transition:.1s}
.egv-opt kbd{font-family:inherit;border:2px solid var(--bd,#DFE7F3);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;font-size:13px;color:var(--eg-muted);flex:0 0 28px}
.egv-opt:hover:not(:disabled){background:var(--eg-soft);border-color:var(--b,#1D6FEA)}
.egv-opt.is-right{background:#E4F8EE;border-color:#2BB673;color:#157a4a}
.egv-opt.is-wrong{background:#FDEAEA;border-color:#E5484D;color:#b3262b;animation:egvShake .35s}
.egv-opt:disabled{cursor:default}
@keyframes egvShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.egv-match{display:grid;grid-template-columns:1fr 1fr;gap:12px}.egv-mcol{display:grid;gap:12px;align-content:start}
.egv-m{justify-content:center;text-align:center;padding:14px 8px;font-size:1rem}
.egv-m.is-sel{background:var(--eg-soft);border-color:var(--b,#1D6FEA)}
.egv-m.is-ok{background:#E4F8EE;border-color:#2BB673;color:#157a4a;opacity:.6;pointer-events:none}
.egv-m.is-wrong{background:#FDEAEA;border-color:#E5484D;animation:egvShake .35s}
.egv-slots,.egv-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0}
.egv-slots{min-height:56px;padding-bottom:10px;border-bottom:2px dashed var(--bd,#DFE7F3);margin-bottom:18px}
.egv-tile{min-width:46px;height:50px;border:2px solid var(--bd,#DFE7F3);border-bottom-width:5px;border-radius:12px;background:#fff;font-size:1.35rem;font-weight:900;color:var(--n);padding:0 10px;font-family:inherit}
.egv-tile--slot{background:#F4F7FC;border-bottom-width:2px}.egv-tile--slot.on{background:var(--eg-soft);border-color:var(--b,#1D6FEA);border-bottom-width:5px}
.egv-tile--slot.is-right{background:#E4F8EE;border-color:#2BB673}.egv-tile--slot.is-wrong{background:#FDEAEA;border-color:#E5484D}
.egv-tile:disabled{opacity:.25}
.egv-row{display:flex;gap:10px;justify-content:center;margin-top:14px}
.egv-in{width:100%;border:2px solid var(--bd,#DFE7F3);border-radius:14px;padding:14px;font-size:1.4rem;text-align:center;margin:0 0 14px;font-family:inherit}.egv-in.is-right{border-color:#2BB673;background:#E4F8EE}.egv-in.is-wrong{border-color:#E5484D;background:#FDEAEA}
.egv-foot{padding:14px 18px;border-top:2px solid var(--bd,#DFE7F3);display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:auto;position:sticky;bottom:0;background:#fff;min-height:84px}
.egv-foot.is-ok{background:#DFF7EA;border-color:#B7E9CF}.egv-foot.is-bad{background:#FDE8E8;border-color:#F6C3C3}
.egv-fb{flex:1;min-width:160px;display:flex;flex-direction:column;line-height:1.5;max-width:420px}.egv-fb b{font-size:1.15rem}.egv-foot.is-ok b{color:#157a4a}.egv-foot.is-bad b{color:#b3262b}.egv-fb span{font-size:14.5px;color:#8a2a2e}
.egv-foot.is-bad .egv-btn--go{background:var(--r,#E5484D);border-bottom-color:#c23338}
.egv-learn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:8px}
.egv-bigic{font-size:84px;line-height:1.1}
.egv-lw{font-size:2.4rem;font-weight:900;margin:0;color:var(--n)}.egv-lm{font-size:1.6rem;font-weight:800;color:var(--b,#1D6FEA);margin:4px 0}
.egv-ex{background:var(--eg-light);border-radius:14px;padding:10px 16px;max-width:460px;width:100%}.egv-ex p{margin:0;line-height:1.7}.egv-ex p+p{color:var(--eg-muted);font-size:14.5px}
.egv-end{margin:auto;text-align:center;padding:24px 20px;max-width:460px}.egv-end h2{font-size:1.6rem;margin:6px 0 10px}.egv-end p{color:var(--eg-muted)}
.egv-end .egv-btn{display:flex;width:100%;margin:10px 0 0}
.egv-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:14px 0}.egv-sum div{border:2px solid var(--bd,#DFE7F3);border-radius:14px;padding:10px 4px}.egv-sum b{display:block;font-size:1.5rem;color:var(--n)}.egv-sum span{font-size:12px;color:var(--eg-muted)}
.egv-ok{color:#157a4a!important;font-weight:900}
.egv-combo{text-align:center;font-weight:900;color:#E07B00;margin:0 0 8px;min-height:1.6em}
.egv-mem{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:560px){.egv-mem{grid-template-columns:repeat(4,1fr)}}
.egv-card{position:relative;height:88px;border:0;background:none;perspective:600px;padding:0}
.egv-cf,.egv-cb{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;font-weight:900;backface-visibility:hidden;transition:transform .35s;padding:4px;text-align:center;line-height:1.25;font-size:1rem}
.egv-cf{background:var(--b,#1D6FEA);color:#fff;border-bottom:5px solid var(--b-dk,#1553B8);font-size:1.6rem}
.egv-cb{background:#fff;border:2px solid var(--b,#1D6FEA);color:var(--n);transform:rotateY(180deg)}
.egv-card.is-up .egv-cf{transform:rotateY(180deg)}.egv-card.is-up .egv-cb{transform:rotateY(0)}
.egv-card.is-done .egv-cb{background:#E4F8EE;border-color:#2BB673;color:#157a4a;transform:rotateY(0)}.egv-card.is-done .egv-cf{transform:rotateY(180deg)}
.egv-tf{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.egv-tf .egv-btn{padding:18px;font-size:1.2rem}.egv-tf--no{background:var(--r,#E5484D);border-bottom-color:#c23338}.egv-tf--yes{background:var(--g,#2BB673);border-bottom-color:#1f9a5f}
.flash-ok{animation:egvOk .28s}.flash-bad{animation:egvBad .28s}
@keyframes egvOk{50%{background:#E4F8EE}}@keyframes egvBad{50%{background:#FDEAEA}}
.egv-confetti{position:fixed;inset:0;pointer-events:none;z-index:100002;overflow:hidden}
.egv-confetti i{position:absolute;top:-30px;animation:egvFall 2.6s linear forwards;font-style:normal}
@keyframes egvFall{to{transform:translateY(105vh) rotate(540deg);opacity:.9}}
@media(max-width:520px){.egv-stats{gap:6px}.egv-stat b{font-size:1rem}.egv-dfilters{grid-template-columns:1fr 1fr}.egv-dfilters input{grid-column:1/-1}.egv-dth,.egv-dr{grid-template-columns:1.1fr 1.5fr 38px 38px;padding:8px}.egv-dot{width:76px;height:76px;font-size:32px}.egv-q b{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.egv *,.egv-layer *{animation:none!important;transition:none!important}}

/* أيقونات 3D */
.egv-e{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;margin:0 .04em;object-fit:contain;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 1px 1.5px rgba(10,30,70,.18))}
.egv-dot .egv-e{width:1.15em;height:1.15em;vertical-align:middle;filter:drop-shadow(0 2px 2px rgba(0,20,60,.3))}
.egv-q i .egv-e,.egv-game i .egv-e{width:1.1em;height:1.1em;vertical-align:middle}
.egv-confetti .egv-e{width:1em;height:1em;filter:none}