html,body{margin:0;padding:0;background:#f2f2f7}
body{min-height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.site-main{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:14px 10px 24px;box-sizing:border-box}
.site-foot{text-align:center;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:#8e8e93;font-size:13px;padding:10px 10px 22px}
@media (max-width:600px){.site-main{padding:8px 6px 18px}}
#edu-lib{--bg:#f2f2f7;--card:#fff;--ink:#1c1c1e;--muted:#6e6e73;--line:#e5e5ea;--accent:#3a57a4;
font-family:'Tajawal',Tahoma,Arial,sans-serif;direction:rtl;text-align:right;background:var(--bg);
border-radius:24px;padding:16px 14px 26px;color:var(--ink);line-height:1.6;box-sizing:border-box;max-width:1100px;margin:0 auto}
#edu-lib *{box-sizing:border-box;font-family:inherit}
#edu-lib .el-top{display:flex;align-items:center;gap:10px;margin:2px 4px 6px;min-height:44px}
#edu-lib .el-back{flex:none;width:40px;height:40px;border-radius:12px;border:0;background:#fff;color:var(--accent);cursor:pointer;
display:grid;place-items:center;box-shadow:0 1px 2px rgba(60,60,90,.08)}
#edu-lib .el-back[hidden]{display:none}
#edu-lib .el-back svg{width:22px;height:22px}
#edu-lib .el-top h2{font-size:clamp(1.3rem,4.6vw,1.85rem);font-weight:800;margin:0;color:var(--ink);border:0;padding:0;background:none;line-height:1.3}
#edu-lib .el-crumbs{display:flex;flex-wrap:wrap;gap:4px 6px;margin:0 6px 16px;font-size:.92rem;color:var(--muted);padding:0;list-style:none}
#edu-lib .el-crumbs li{margin:0;padding:0;list-style:none}
#edu-lib .el-crumbs li+li::before{content:"‹";margin-left:6px;color:#b0b0b8}
#edu-lib .el-crumbs a{color:var(--accent);text-decoration:none}
#edu-lib .el-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){#edu-lib .el-grid{grid-template-columns:repeat(3,1fr)}#edu-lib{padding:24px 22px 32px}}
@media(min-width:960px){#edu-lib .el-grid.wide{grid-template-columns:repeat(4,1fr)}}
#edu-lib .el-card{background:var(--card);border:0;border-radius:26px;padding:22px 10px 18px;display:flex;flex-direction:column;align-items:center;
gap:12px;text-align:center;cursor:pointer;color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(60,60,90,.06);
transition:transform .15s ease,box-shadow .15s ease;width:100%;font-size:inherit}
#edu-lib .el-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(60,60,90,.10)}
#edu-lib button:focus-visible,#edu-lib a:focus-visible,#edu-lib input:focus-visible{outline:3px solid #7c9cf5;outline-offset:2px}
#edu-lib .el-ic{width:clamp(62px,17vw,82px);height:clamp(62px,17vw,82px);border-radius:24%;display:grid;place-items:center;color:#fff;
background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 10px 18px -8px var(--c2)}
#edu-lib .el-ic svg{width:46%;height:46%}
#edu-lib .el-ic b{font-size:clamp(1.5rem,5.5vw,2rem);font-weight:800;line-height:1}
#edu-lib .el-ic b.el-emo{font-size:clamp(1.6rem,6vw,2.3rem);font-weight:400}
#edu-lib .el-nahw-hint{text-align:center;color:var(--muted,#6b7280);font-weight:700;margin:0 0 14px}
#edu-lib .el-t{font-size:clamp(1rem,3.6vw,1.2rem);font-weight:700;margin:0;line-height:1.4}
#edu-lib .el-n{font-size:.84rem;color:var(--muted);margin-top:-8px}
#edu-lib .el-list{display:flex;flex-direction:column;gap:10px}
#edu-lib .el-row{display:flex;align-items:center;gap:14px;background:#fff;border:0;border-radius:20px;padding:12px 14px;cursor:pointer;
text-align:right;width:100%;color:var(--ink);box-shadow:0 1px 2px rgba(60,60,90,.06);font-size:inherit}
#edu-lib .el-row:hover{box-shadow:0 6px 16px rgba(60,60,90,.09)}
#edu-lib .el-row .el-ic{width:48px;height:48px;border-radius:14px;flex:none;box-shadow:none}
#edu-lib .el-row .el-ic b{font-size:1.15rem}
#edu-lib .el-row .el-t{flex:1;font-size:1.05rem}
#edu-lib .el-row .el-n{margin:0;flex:none}
#edu-lib .el-sec{font-size:1.05rem;font-weight:800;color:var(--muted);margin:14px 6px 2px;padding:0;border:0;background:none}
#edu-lib .el-sec:first-child{margin-top:0}
#edu-lib .el-row .el-chev{width:18px;height:18px;color:#b0b0b8;flex:none}
#edu-lib .el-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:6px;scrollbar-width:none}
#edu-lib .el-chip{flex:none;border:0;border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink);font-weight:700;font-size:.92rem;cursor:pointer;
box-shadow:0 1px 2px rgba(60,60,90,.08)}
#edu-lib .el-chip[aria-pressed="true"]{background:var(--accent);color:#fff}
#edu-lib .el-file{cursor:default;padding:20px 12px 14px;gap:10px}
#edu-lib .el-file .el-ic{width:62px;height:62px}
#edu-lib .el-file .el-t{font-size:1rem;min-height:2.8em;display:flex;align-items:center}
#edu-lib .el-meta{font-size:.82rem;color:var(--muted);margin-top:-4px}
#edu-lib .el-acts{display:flex;gap:8px;width:100%;margin-top:auto}
#edu-lib .el-btn{flex:1;border:0;border-radius:12px;padding:10px 8px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;
display:inline-flex;justify-content:center;align-items:center;gap:6px;background:var(--c2,#3a57a4);color:#fff}
#edu-lib .el-btn.alt{background:#eef0f6;color:var(--ink)}
#edu-lib .el-btn svg{width:18px;height:18px}
#edu-lib audio{width:100%;height:36px;margin-top:4px}
#edu-lib .el-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 12px;background:#fff;border-radius:20px}
#edu-lib .el-deckbox{grid-column:1/-1;background:#fff;border-radius:26px;padding:16px 12px 14px;box-shadow:0 1px 2px rgba(60,60,90,.06)}
#edu-lib .el-deckhead{display:flex;align-items:center;gap:12px;margin:0 4px 12px}
#edu-lib .el-deckhead .el-ic{width:48px;height:48px;border-radius:14px;box-shadow:none;flex:none}
#edu-lib .el-deckhead .el-t{font-size:1.1rem}
#edu-lib .el-deckhead .el-meta{display:block;margin:0}
#edu-lib #lp-deck svg text{font-family:'Amiri',serif}
#lp-deck .lp-btn.lp-x{display:none}
#lp-deck.lp-full .lp-btn.lp-x{display:grid}
#lp-deck.lp-full .lp-btn[data-act=full]{display:none}
#edu-lib .el-tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}
@media(min-width:640px){#edu-lib .el-tiles{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){#edu-lib .el-tiles{grid-template-columns:repeat(5,1fr)}}
#edu-lib .el-tile{position:relative;background:#fff;border:0;border-radius:22px;padding:16px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;
cursor:pointer;color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(60,60,90,.06);font-size:inherit;font-weight:700;text-align:center;transition:transform .15s}
#edu-lib .el-tile:hover{transform:translateY(-2px)}
#edu-lib .el-tile .el-ic{width:56px;height:56px;border-radius:16px}
#edu-lib .el-tile[aria-current="true"]{box-shadow:0 0 0 3px var(--accent)}
#edu-lib .el-tile.off{opacity:.55;cursor:default}
#edu-lib .el-tile .soon{position:absolute;top:8px;left:8px;font-size:.7rem;background:#eef0f6;color:var(--muted);border-radius:999px;padding:1px 8px}
#edu-lib .el-panel{background:#fff;border-radius:24px;padding:18px 16px;box-shadow:0 1px 2px rgba(60,60,90,.06)}
#edu-lib .el-panel:empty{display:none}
#edu-lib .gm-list{margin-bottom:6px}
#edu-lib .gm-list .el-tile{background:#f6f5ff;padding:18px 12px}
#edu-lib .gm-d{font-weight:500;font-size:.82rem;color:var(--muted);line-height:1.6}
#edu-lib .gm-more{text-align:center;color:var(--muted);margin:6px 0 0;font-size:.9rem}
#edu-lib .el-fh{margin:18px 4px 10px;font-size:1.1rem;font-weight:800;color:var(--ink);border:0;padding:0;background:none}
#edu-lib .el-panel h3{margin:0 0 12px;font-size:1.2rem;font-weight:800;color:var(--ink);border:0;padding:0;background:none}
#edu-lib .el-q{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e;font-weight:700}
#edu-lib .qz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;color:var(--muted);margin-bottom:8px}
#edu-lib .qz-prog{height:8px;background:#eef0f6;border-radius:99px;overflow:hidden;margin-bottom:14px}
#edu-lib .qz-prog i{display:block;height:100%;background:linear-gradient(90deg,#13a59a,#3b4fc4);transition:width .4s}
#edu-lib .qz-q{font-size:1.15rem;font-weight:700;line-height:1.7;margin:0 0 12px}
#edu-lib .qz-c{display:flex;flex-direction:column;gap:8px}
#edu-lib .qz-b{font:inherit;font-size:1.02rem;text-align:right;border:2px solid #e1e5f7;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;cursor:pointer;line-height:1.6;display:flex;gap:10px;align-items:center}
#edu-lib .qz-b.qa{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e;font-weight:700;font-size:1.15rem}
#edu-lib .qz-b i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:#eef0fa;color:var(--accent);display:grid;place-items:center;font-weight:800;font-family:'Tajawal',sans-serif;font-size:.9rem}
#edu-lib .qz-b.ok{border-color:#13a59a;background:#e6f7f4}#edu-lib .qz-b.ok i{background:#13a59a;color:#fff}
#edu-lib .qz-b.no{border-color:#e2557a;background:#fdecf1}#edu-lib .qz-b.no i{background:#e2557a;color:#fff}
#edu-lib .qz-b[disabled]{cursor:default}
#edu-lib .qz-msg{margin-top:12px;font-weight:700}
#edu-lib .qz-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
#edu-lib .qz-row .el-btn{flex:0 1 auto;padding:10px 18px}
#edu-lib .qz-end{text-align:center;padding:10px 0}
#edu-lib .qz-score{font-size:3rem;font-weight:800;color:var(--accent);line-height:1.1}
#edu-lib .qz-stars{font-size:1.8rem;letter-spacing:4px;color:#f2a531;margin:6px 0}
#edu-lib .fc{perspective:1200px;margin:4px auto 0;max-width:820px}
#edu-lib .fc-card{position:relative;height:clamp(260px,46vh,400px);cursor:pointer;transition:transform .6s;transform-style:preserve-3d}
#edu-lib .fc-card.flip{transform:rotateY(180deg)}
#edu-lib .fc-face{position:absolute;inset:0;border-radius:22px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;
-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:700;line-height:1.7}
#edu-lib .fc-f{background:linear-gradient(160deg,#5b6fe0,#3b4fc4);color:#fff;font-size:calc(2.5rem * var(--afs,1.2) / 1.2 * var(--fk,1));font-family:var(--aff,'Noto Naskh Arabic','Amiri','Traditional Arabic',serif)}
#edu-lib .fc-b{background:#fff6e6;color:#1d4ed8;font-size:calc(1.9rem * var(--afs,1.2) / 1.2 * var(--fk,1));font-family:var(--aff,'Noto Naskh Arabic','Amiri','Traditional Arabic',serif);transform:rotateY(180deg);border:2px solid #f6d79e}
#edu-lib .fc-face{overflow:hidden;line-height:1.6}
#edu-lib .fc-nav .fc-afs{display:inline-flex;flex-direction:column;align-items:center;line-height:1;padding:5px 12px}
#edu-lib .fc-nav .fc-afs small{font-size:10px}
#edu-lib .fc-hint{text-align:center;color:var(--muted);font-size:.85rem;margin:8px 0 0}
#edu-lib .fc-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
#edu-lib .fc-nav button{font:inherit;border:0;border-radius:12px;background:#eef0f6;color:var(--ink);padding:8px 14px;cursor:pointer;font-weight:700}
#edu-lib .md-v{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000}
#edu-lib .md-v iframe,#edu-lib .md-v video{position:absolute;inset:0;width:100%;height:100%;border:0}
#edu-lib .md-a{display:flex;flex-direction:column;gap:12px}
#edu-lib .md-a div{background:#f5f6fb;border-radius:14px;padding:10px 12px;font-weight:700}
#edu-lib .md-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
#edu-lib .md-g{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}
#edu-lib .md-g button{border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:3/2;background:#eef0f6;position:relative}
#edu-lib .md-g button span{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-weight:700;font-size:.85rem;padding:14px 8px 6px;text-align:right}
#edu-lib .md-g img{width:100%;height:100%;object-fit:cover;display:block}
.el-lb{position:fixed;inset:0;z-index:2147483001;background:rgba(10,14,40,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;direction:rtl;font-family:'Tajawal',sans-serif}
.el-lb img{max-width:100%;max-height:78vh;border-radius:12px}
.el-lb p{color:#fff;margin:10px 0 0;font-weight:700}
.el-lb .lb-row{display:flex;gap:10px;margin-top:12px}
.el-lb .lb-dl{font:inherit;border-radius:12px;background:#ffd76a;color:#1b2350;padding:8px 16px;font-weight:700;text-decoration:none}
.el-lb img{background:#fff}
.el-lb button{font:inherit;border:0;border-radius:12px;background:#fff;color:#1b2350;padding:8px 16px;font-weight:700;cursor:pointer}
#edu-lib .ct label{display:block;font-weight:700;margin:10px 0 4px;font-size:.95rem}
#edu-lib .ct input[type=text],#edu-lib .ct input[type=email],#edu-lib .ct textarea{width:100%;font:inherit;border:2px solid #e1e5f7;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}
#edu-lib .ct textarea{min-height:130px;resize:vertical}
#edu-lib .ct input[type=file]{font:inherit;font-size:.9rem;max-width:100%}
#edu-lib .ct small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
#edu-lib .ct .hp{position:absolute;left:-9999px}
#edu-lib .ct-st{margin-top:12px;border-radius:12px;padding:10px 12px;font-weight:700}
#edu-lib .ct-st.ok{background:#e6f7f4;color:#0d6b62}#edu-lib .ct-st.bad{background:#fdecf1;color:#a3264d}#edu-lib .ct-st.wait{background:#eef0f6;color:var(--ink)}
@media(prefers-reduced-motion:reduce){#edu-lib .el-card{transition:none}#edu-lib .el-card:hover{transform:none}}
#lexp-t{position:fixed;left:50%;bottom:26px;transform:translate(-50%,160%);opacity:0;z-index:2147483600;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);background:#1e1b4b;color:#fff;padding:12px 22px;border-radius:999px;font:700 16px Tajawal,Tahoma,sans-serif;direction:rtl;box-shadow:0 14px 34px rgba(30,27,75,.35);transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .25s;pointer-events:none}
#lexp-t.on{transform:translate(-50%,0);opacity:1}
#lexp-t .lexp-sp{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fbbf24;animation:lexpS .8s linear infinite;flex:none}
@keyframes lexpS{to{transform:rotate(360deg)}}
#gmk{position:fixed;inset:0;z-index:2147483100;background:#eef2ef;display:flex;flex-direction:column;direction:rtl}
#gmk .gmk-top{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0f6b5f;color:#fff;font-family:Tajawal,Tahoma,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.18)}
#gmk .gmk-top b{font-size:18px;white-space:nowrap}
#gmk .gmk-top span{font-size:14px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gmk .gmk-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;cursor:pointer;flex:none}
#gmk .gmk-x:hover{background:rgba(255,255,255,.3)}
#gmk iframe{flex:1;width:100%;border:0;background:#eef2ef}
#gmh .gh-card.gh-mk{border:2px solid #2dd4bf;box-shadow:0 0 0 4px rgba(45,212,191,.15),0 10px 30px rgba(20,184,166,.25)}
#gmh .gh-card.gh-mk .gh-ic{background:linear-gradient(135deg,#14b8a6,#0f6b5f);font-size:30px;color:#fff}
html
#qd .qtb{width:100%;border-collapse:separate;border-spacing:0;margin:.35em 0 .2em;background:#fff;border:3px solid #c7d2fe;border-radius:.7em;overflow:hidden;font-size:.92em;table-layout:auto}html #qd .qtb th{background:linear-gradient(#4f63d8,#3b4fc4);color:#fff;padding:.32em .5em;font-weight:800;font-size:.92em;white-space:nowrap}html #qd .qtb.ctb th{background:var(--c,#3b4fc4)}html #qd .qtb th[data-all]{cursor:pointer;user-select:none}html #qd .qtb th[data-all]:hover{filter:brightness(1.12)}html #qd .qtb td{border-top:2px solid #e0e7ff;padding:.28em .5em;text-align:center;vertical-align:middle;line-height:1.5;color:var(--ink,#1e1b4b)}html #qd .qtb td+td,html #qd .qtb th+th{border-right:2px solid #e0e7ff}html #qd .qtb th+th{border-right-color:rgba(255,255,255,.3)}html #qd .qtb td.w{font-family:'Amiri','Traditional Arabic',serif;font-weight:700;font-size:1.08em;color:#1e1b4b;background:#f8faff}html #qd .qtb td.n{width:2.2em;font-weight:800;color:#3b4fc4;background:#eef2ff}html #qd .qtb.vt.two td:nth-child(3){border-right:3px solid #c7d2fe}html #qd .qtb [data-c]{cursor:pointer;position:relative;min-width:3.4em;background:repeating-linear-gradient(135deg,#f6f7ff 0 .5em,#eef1ff .5em 1em);transition:background .25s}html #qd .qtb [data-c]>span{display:inline-block;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s}html #qd .qtb [data-c]::after{content:"؟";position:absolute;inset:0;display:grid;place-items:center;color:#a5b4fc;font-weight:800;font-size:1.05em;transition:opacity .2s}html #qd .qtb [data-c]:hover{background:#e0e7ff}html #qd .qtb [data-c].open{background:#ecfdf5}html #qd .qtb [data-c].open>span{opacity:1;transform:none;color:#047857;font-weight:700}html #qd .qtb [data-c].open::after{opacity:0}html #qd .qtb .num span{font-size:1.15em;font-weight:800}html #qd .qtb [data-cy]{cursor:pointer;width:3em}html #qd .qtb [data-cy] b{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:.4em;border:3px dashed #c3cae9;color:#fff}html #qd .qtb [data-cy].set b{background:var(--ind,#3b4fc4);border:0}html #qd .qtb .ra,html #qd .qtb .q{display:inline}html
#qd .qs.qd-hid{display:none!important}html #qd .d2-b[hidden]{display:none!important}html #qd .d2-b.on{background:#fde68a!important;color:#78350f!important}html #qd .d2-dict{position:absolute;z-index:30;bottom:84px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 24px));background:#fff;color:#1e1b4b;border:2px solid #c7d2fe;border-radius:18px;padding:14px 14px 10px;box-shadow:0 18px 40px rgba(30,27,75,.3);direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;display:flex;flex-direction:column;gap:8px}html #qd .d2-dict[hidden]{display:none}html #qd .d2-dict b{font-size:17px}html #qd .d2-dict .d2-row{display:flex;gap:8px}html #qd .d2-dict input{flex:1;min-width:0;font:inherit;font-size:20px;padding:8px 12px;border:2px solid #c7d2fe;border-radius:12px;outline:0}html #qd .d2-dict input:focus{border-color:#4f63d8}html #qd .d2-dict button{font:inherit;font-weight:800;font-size:16px;border:0;border-radius:12px;padding:0 18px;background:linear-gradient(#4f63d8,#3b4fc4);color:#fff;cursor:pointer}html #qd .d2-dict small{color:#64748b;font-size:12.5px}html #sh .sh-exp.sh-none{color:#94a3b8;font-style:italic}html #sh .sh-ib.on{background:#fde68a}html
.el-nav .el-tsk{flex:none;font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:14px;font-weight:800;border:1.5px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:12px;padding:6px 12px;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}html .el-nav .el-tsk b{font-family:'Amiri',serif;font-size:19px;line-height:1}html .el-nav .el-tsk.on{background:#fef3c7;border-color:#f59e0b;color:#92400e}html body:has(> #sh) #ltk{display:none!important}html
.el-gs-hint{text-align:center;color:#475569;font-weight:700;margin:0 0 12px;font-size:16px}html #el-gs{position:sticky;bottom:10px;z-index:40;margin:22px auto 6px;max-width:1100px;direction:rtl;background:linear-gradient(135deg,#1e1b4b,#3730a3);border-radius:22px;padding:8px 0 10px;box-shadow:0 14px 34px rgba(30,27,75,.35);overflow:hidden}html #el-gs .gs-lbl{color:#c7d2fe;font-size:13px;font-weight:800;padding:0 16px 6px;display:flex;justify-content:space-between}html #el-gs .gs-lbl b{color:#fde68a}html #el-gs .gs-vp{overflow:hidden;direction:ltr;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}html #el-gs .gs-tr{display:flex;gap:10px;width:max-content;animation:gsMove var(--dur,30s) linear infinite;padding:2px 0}html #el-gs:hover .gs-tr,html #el-gs.hold .gs-tr{animation-play-state:paused}html #el-gs .gs-c{flex:none;direction:rtl;font:inherit;font-family:'Tajawal',Tahoma,Arial,sans-serif;font-weight:800;font-size:16px;border:0;border-radius:999px;padding:9px 18px;cursor:pointer;color:#fff;background:rgba(255,255,255,.12);display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .2s,transform .2s}html #el-gs .gs-c i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1,#6366f1),var(--c2,#4338ca));font-size:14px}html #el-gs .gs-c small{font-size:12px;opacity:.7;font-weight:600}html #el-gs .gs-c:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}html #el-gs .gs-c.cur{background:#fde68a;color:#1e1b4b}
@keyframes gsMove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){html #el-gs .gs-tr{animation:none}html #el-gs .gs-vp{overflow-x:auto}}html
#gmh .gh-list.gc-on{display:block;max-width:none;margin:0 -14px}html #gmh .gc-stage{position:relative;padding:26px 0;background:#07051a;box-shadow:inset 0 0 60px rgba(0,0,0,.8),0 20px 50px rgba(0,0,0,.45)}html #gmh .gc-film{position:absolute;left:0;right:0;height:18px;background:#000 repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.85) 10px 26px,transparent 26px 36px) center/36px 9px repeat-x;opacity:.55;z-index:2;pointer-events:none}html #gmh .gc-film.top{top:4px}html #gmh .gc-film.bot{bottom:4px}html #gmh .gc-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:26px calc(50% - 140px);scrollbar-width:none;outline:0;cursor:grab;-webkit-overflow-scrolling:touch}html #gmh .gc-track::-webkit-scrollbar{display:none}html #gmh .gc-track.drag{cursor:grabbing;scroll-snap-type:none}html #gmh .gc-track.drag .gc-card{pointer-events:none}html #gmh .gc-card{--k:1;flex:none;width:280px;min-height:380px;scroll-snap-align:center;position:relative;overflow:hidden;justify-content:flex-start;padding:28px 18px 20px;border-radius:28px;border:0;
background:linear-gradient(170deg,var(--a,#5b6fe0) 0%,var(--b,#3b4fc4) 55%,#0d0a2b 100%);box-shadow:0 18px 40px rgba(0,0,0,.5);
transform:scale(calc(1.06 - var(--k) * .2));opacity:calc(1 - var(--k) * .45);filter:saturate(calc(1.1 - var(--k) * .5));transition:transform .18s ease-out,opacity .18s,filter .18s,box-shadow .3s}html #gmh .gc-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.35),transparent 55%);pointer-events:none}html #gmh .gc-card::after{content:"";position:absolute;inset:auto -40% -60% -40%;height:70%;background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent 70%);pointer-events:none}html #gmh .gc-card.act{box-shadow:0 0 0 3px #ffd76a,0 24px 60px rgba(255,200,80,.35)}html #gmh .gc-card:hover{transform:scale(calc(1.06 - var(--k) * .2))}html #gmh .gc-card .gc-no{position:absolute;top:12px;right:16px;font-size:44px;font-weight:900;color:rgba(255,255,255,.18);line-height:1}html #gmh .gc-card .gh-ic{width:110px;height:110px;border-radius:30px;font-size:50px;background:rgba(255,255,255,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.35);margin:18px 0 8px}html #gmh .gc-card .gh-ic svg{width:56px;height:56px}html #gmh .gc-card .gh-n{font-size:24px;text-shadow:0 2px 8px rgba(0,0,0,.35)}html #gmh .gc-card .gh-d{color:rgba(255,255,255,.88);font-size:14.5px;flex:1}html #gmh .gc-card .gh-play{margin-top:auto;font-size:17px;padding:10px 28px;box-shadow:0 8px 20px rgba(0,0,0,.35)}html #gmh .gc-card:not(.act) .gh-play{opacity:.75}html #gmh .gc-card.off{opacity:calc(.55 - var(--k) * .2);filter:grayscale(.6)}html #gmh .gc-card.gh-more{background:linear-gradient(170deg,#334155,#0f172a)}html #gmh .gc-arw{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:40px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);display:grid;place-items:center;padding-bottom:6px}html #gmh .gc-arw:hover{background:rgba(255,215,106,.9);color:#1b0f00}html #gmh .gc-arw.next{left:14px}html #gmh .gc-arw.prev{right:14px}html #gmh .gc-dots{display:flex;justify-content:center;gap:8px;margin:16px 0 4px;flex-wrap:wrap;padding:0 12px}html #gmh .gc-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:width .25s,background .25s}html #gmh .gc-dots button.on{width:30px;background:#ffd76a}html #gmh .gc-hint{text-align:center;color:#a5b4fc;font-size:14px;margin:8px 0 0}
@media (max-width:600px){html #gmh .gc-card{width:240px;min-height:340px}html #gmh .gc-track{padding:22px calc(50% - 120px);gap:14px}html #gmh .gc-arw{width:42px;height:42px;font-size:30px}}html
#qd:not(.side) .lp-ctrl{max-width:100%;overflow-x:auto;overflow-y:hidden;justify-content:safe center;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none;min-height:max-content}html #qd:not(.side) .lp-ctrl::-webkit-scrollbar{display:none}html #qd:not(.side) .lp-ctrl>*{flex:none}html
.el-nav .el-nm,html .el-nav .el-ntl{display:none}
@media (max-width:700px){html .el-nav{flex-wrap:wrap!important;gap:6px!important;padding:6px!important}html .el-nav .el-nt{flex:none;width:44px;height:44px;padding:0;justify-content:center}html .el-nav .el-nm{display:flex;flex:1 1 auto;min-width:0;height:44px;align-items:center;justify-content:space-between;gap:6px;font:inherit;font-family:'Tajawal',Tahoma,Arial,sans-serif;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border:0;border-radius:12px;padding:0 12px;cursor:pointer;direction:rtl}html .el-nav .el-nm .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}html .el-nav .el-nm em{font-style:normal;flex:none;transition:transform .25s}html .el-nav .el-nm.on em{transform:rotate(180deg)}html .el-nav .el-ntl{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid #e0e7ff;border-radius:12px;background:#fff;color:#3730a3;cursor:pointer;font-family:'Amiri',serif;font-size:19px}html .el-nav .el-ntl.on{background:#eef2ff;border-color:#a5b4fc}html .el-nav .el-ns,html .el-nav .el-tsk,html .el-nav .el-fz{display:none!important}html .el-nav.nv-open .el-ns{display:flex!important;flex:1 1 100%!important;padding:8px 12px!important;animation:nvIn .22s ease-out}html .el-nav.nv-open .el-ns span{display:inline!important;flex:none}html .el-nav.nv-open .el-ns select{flex:1;max-width:none;min-width:0;text-align:right}html .el-nav.nv-tools .el-tsk{display:flex!important;flex:1 1 auto;justify-content:center;height:44px;animation:nvIn .22s ease-out}html .el-nav.nv-tools .el-fz{display:flex!important;margin:0;animation:nvIn .22s ease-out}html .el-nav.nv-tools .el-fz button{height:44px;width:48px}
}
@keyframes nvIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}html
#qd .d2-b[data-d2="skills"]{}html #qd .sk-ov{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;background:#f5f7ff;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:#1e1b4b;animation:nvIn .25s ease-out}html #qd .sk-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#312e81,#4338ca);color:#fff;flex:none}html #qd .sk-top h2{margin:0;font-size:22px;font-weight:800;flex:1}html #qd .sk-x{width:42px;height:42px;border-radius:12px;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer}html #qd .sk-quiz{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;background:rgba(255,255,255,.15);padding:8px 12px;border-radius:12px;cursor:pointer;white-space:nowrap}html #qd .sk-quiz input{width:18px;height:18px;accent-color:#fbbf24}html #qd .sk-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;flex:none;background:#fff;border-bottom:2px solid #e0e7ff;scrollbar-width:none}html #qd .sk-tabs::-webkit-scrollbar{display:none}html #qd .sk-tabs button{flex:none;display:flex;align-items:center;gap:6px;font:inherit;font-weight:800;font-size:15px;border:2px solid #e0e7ff;background:#eef2ff;color:#3730a3;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}html #qd .sk-tabs button.on{background:#4338ca;border-color:#4338ca;color:#fff}html #qd .sk-body{flex:1;overflow:auto;padding:16px max(14px,calc((100% - 1000px)/2)) 30px;-webkit-overflow-scrolling:touch}html #qd .sk-body h3{margin:0 0 6px;font-size:26px;color:#312e81}html #qd .sk-intro{margin:0 0 14px;font-size:17px;line-height:1.9;color:#334155;background:#fff;border-right:5px solid #6366f1;border-radius:12px;padding:10px 14px}html #qd .sk-body section{margin-bottom:18px}html #qd .sk-body h4{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:18px;color:#4338ca}html #qd .sk-all{font:inherit;font-size:13px;font-weight:800;border:0;background:#fde68a;color:#78350f;border-radius:999px;padding:5px 12px;cursor:pointer;flex:none}html #qd .sk-tw{overflow-x:auto;border-radius:14px;border:2px solid #c7d2fe;background:#fff}html #qd .sk-t{width:100%;border-collapse:collapse;font-size:17px}html #qd .sk-t th{background:#4f46e5;color:#fff;padding:9px 10px;font-weight:800;white-space:nowrap}html #qd .sk-t td{border-top:1.5px solid #e0e7ff;padding:9px 10px;line-height:1.8;text-align:center;vertical-align:middle}html #qd .sk-t td+td,html #qd .sk-t th+th{border-right:1.5px solid #e0e7ff}html #qd .sk-t td.k{font-weight:800;color:#312e81;background:#f8faff;white-space:nowrap}html #qd .sk-t tr:nth-child(even) td:not(.k){background:#fbfcff}html #qd .sk-t .q{font-family:'Amiri','Traditional Arabic',serif;color:#065f46;font-size:1.05em}html #qd .sk-t td[data-h]{cursor:pointer;position:relative;background:repeating-linear-gradient(135deg,#f6f7ff 0 8px,#eef1ff 8px 16px)!important}html #qd .sk-t td[data-h]>span{visibility:hidden}html #qd .sk-t td[data-h]::after{content:"؟";position:absolute;inset:0;display:grid;place-items:center;color:#a5b4fc;font-weight:800;font-size:20px}html #qd .sk-t td[data-h].open{background:#ecfdf5!important}html #qd .sk-t td[data-h].open>span{visibility:visible;color:#047857;font-weight:700}html #qd .sk-t td[data-h].open::after{content:none}html #qd .sk-note{background:#fffbeb;border:2px dashed #fcd34d;border-radius:14px;padding:10px 14px;font-size:16px;line-height:1.9;color:#78350f}
@media (max-width:600px){html #qd .sk-top h2{font-size:18px}html #qd .sk-t{font-size:15px}html #qd .sk-t td.k{white-space:normal}}
#edu-lib .el-panel.qz-full{position:fixed;inset:0;z-index:2147482900;border-radius:0;overflow:auto;padding:84px max(18px,calc(50% - 560px)) 40px;font-size:1.22rem;background:linear-gradient(180deg,#eef2ff,#fff 40%);box-shadow:none}
#edu-lib .el-panel.qz-full h3{font-size:1.6rem}
#qzf-bar{position:fixed;top:0;left:0;right:0;z-index:2147482950;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,#0d8178,#25bfb2);color:#fff;font-family:'Tajawal',Tahoma,sans-serif;direction:rtl;box-shadow:0 6px 18px rgba(0,0,0,.15)}
#qzf-bar b{font-size:20px}#qzf-bar span{flex:1;font-weight:700;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qzf-bar button{width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.22);color:#fff;font:800 26px/1 Tahoma;cursor:pointer}
#wbfab{position:fixed;right:14px;bottom:84px;z-index:2147483390;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:56px;height:56px;border:0;border-radius:18px;background:linear-gradient(160deg,#2f8f6b,#1f4d3a);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:grab;touch-action:none;font-family:'Tajawal',Tahoma,sans-serif;padding:0}
#wbfab[hidden]{display:none}#wbfab span{font-size:22px;line-height:1.1}#wbfab small{font-size:10px;font-weight:800}
@media (max-width:520px){#wbfab{width:46px;height:46px;border-radius:14px;bottom:70px}#wbfab small{display:none}}
@media print{#wbfab,#qzf-bar{display:none!important}}
#cls .cl-crt{font-size:20px}
#flp .flp-ov.add .fa-pg{pointer-events:auto;cursor:crosshair;outline:2px dashed rgba(34,197,94,.7)}
#flp .flp-ov.add .fa-a{outline:2px solid rgba(34,197,94,.8)}
#flp .fa-draw{position:absolute;border:2px solid #16a34a;background:rgba(34,197,94,.15);pointer-events:none}
#flp .flp-tools .flp-add{width:auto;padding:0 10px;display:flex;gap:4px;font-size:16px}#flp .flp-tools .flp-add[hidden]{display:none}#flp .flp-tools .flp-add small{font-size:12px;font-weight:800}
@media (max-width:600px){#flp .flp-tools .flp-add small{display:none}}
#flp .flp-tools button[hidden]{display:none!important}
#flp .flp-zoom{flex-direction:column;align-items:stretch}
#flp .flp-zt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;background:rgba(0,0,0,.55);color:#fff;direction:rtl;font-family:Tajawal,Tahoma,sans-serif}
#flp .flp-zt i{flex:1}
#flp .flp-zt button{min-width:40px;height:40px;border-radius:12px;border:0;background:rgba(255,255,255,.16);color:#fff;font:800 20px Tajawal,Tahoma,sans-serif;cursor:pointer;padding:0 10px}
#flp .flp-zt button:hover{background:rgba(255,255,255,.28)}
#flp .flp-zt button.on{background:#fbbf24;color:#1e1b4b}
#flp .flp-zt .flp-zx{position:static;font-size:26px}
#flp .flp-zt small{font-size:14px}
#flp .flp-zn,#flp .flp-zl{font-weight:800;font-size:15px;min-width:54px;text-align:center}
#flp .flp-zw{flex:1;height:auto;overflow:auto}
#flp .flp-zp{position:relative;margin:12px auto 30px;box-shadow:0 10px 40px rgba(0,0,0,.6);background:#fff}
#flp .flp-zw .flp-zp img{width:100%;max-width:none;height:auto;display:block;margin:0;box-shadow:none}
#flp .flp-zov{position:absolute;inset:0;width:auto;height:auto}
#flp .fa-zm{position:absolute;display:none;place-items:center;width:var(--zm,22px);height:var(--zm,22px);border-radius:50%;background:#1d4ed8;color:#fff;font:900 calc(var(--zm,22px)*.58)/1 Tahoma,sans-serif;font-style:normal;transform:translate(-55%,-55%);z-index:4;cursor:zoom-in;box-shadow:0 2px 8px rgba(29,78,216,.45);pointer-events:auto;border:2px solid #fff}
#flp .fa-zm.on.cur,#flp .fa-a.on:hover+.fa-zm.on,#flp .fa-zm.on:hover{display:grid}
#flp .fa-zm:hover{background:#f59e0b}
#flp .fa-bub .fa-zm.in{display:none;left:0;top:0;transform:translate(-45%,-45%)}
#flp .fa-bub:hover .fa-zm.in,#flp .fa-bub .fa-zm.in.cur{display:grid}
#flp .flp-ov.add .fa-zm,#flp .flp-ov.edit .fa-zm{display:none!important}
#flp .flp-big{position:absolute;inset:0;z-index:9;background:rgba(8,10,25,.84);display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl}
#flp .flp-big[hidden]{display:none}
#flp .flp-bgc{position:relative;background:#fff;border-radius:22px;padding:22px 22px 26px;width:min(1000px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:16px;animation:flpBig .3s cubic-bezier(.2,1.4,.4,1)}
@keyframes flpBig{from{transform:scale(.85);opacity:0}}
#flp .flp-bgc canvas{position:static!important;inset:auto;transform:none;flex:none;width:100%;height:auto;max-height:40vh;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb}
#flp .flp-bgt{flex:none;color:#1d4ed8;font-family:Tajawal,Tahoma,sans-serif;font-weight:800;line-height:1.5;text-align:center;white-space:pre-line;word-break:break-word;background:#eff6ff;border:3px solid #93c5fd;border-radius:18px;padding:.35em .6em}
#flp .flp-bgx{position:absolute;top:10px;left:10px;width:44px;height:44px;border-radius:50%;border:0;background:#f1f5f9;color:#0f172a;font-size:28px;line-height:1;cursor:pointer;z-index:2}
#flp .flp-bgx:hover{background:#e2e8f0}
#flp .fa-a.cell{border-radius:2px;padding:0 1.2%}
#flp .fa-a.cell.on{background:rgba(255,255,255,.95);box-shadow:none}
#ltk{position:fixed;top:0;left:0;right:0;height:46px;z-index:2147483010;display:flex;align-items:stretch;direction:rtl;background:linear-gradient(90deg,#0b1e4d,#1e3a8a 50%,#0b1e4d);color:#fff;font-family:Tajawal,Tahoma,sans-serif;box-shadow:0 3px 14px rgba(0,0,0,.35);border-bottom:3px solid #fbbf24;overflow:hidden}
#ltk .ltk-lb{flex:none;display:flex;align-items:center;padding:0 16px;background:#fbbf24;color:#1e1b4b;font-weight:900;font-size:19px;white-space:nowrap;position:relative;z-index:2;box-shadow:-6px 0 12px rgba(0,0,0,.25)}
#ltk .ltk-vp{flex:1;overflow:hidden;position:relative;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
#ltk .ltk-tr{display:inline-flex;align-items:center;height:100%;white-space:nowrap;animation:ltkR 30s linear infinite;will-change:transform}
#ltk:hover .ltk-tr{animation-play-state:paused}
#ltk .ltk-run{display:inline-flex;align-items:center;direction:rtl;gap:14px;padding:0 7px;font-size:21px;line-height:46px}
#ltk .ltk-run b{font-weight:800;white-space:nowrap}
#ltk .ltk-run b.t{color:#fff}
#ltk .ltk-run b.s{color:#fde68a}
#ltk .ltk-run b.d{color:#bfdbfe;font-weight:700}
#ltk .ltk-run i{font-style:normal;color:#fbbf24;font-size:16px}
#ltk .ltk-x{flex:none;width:46px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:26px;cursor:pointer;position:relative;z-index:2}
#ltk .ltk-x:hover{background:rgba(255,255,255,.25)}
@keyframes ltkR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){#ltk .ltk-tr{animation-duration:120s!important}}
html.lp-tk .lp-full{top:46px!important}
html.lp-tk #lbar,html.lp-tk #lbar-pill{display:none!important}
@media (max-width:600px){#ltk{height:38px}#ltk .ltk-run{font-size:17px;line-height:38px}#ltk .ltk-lb{font-size:15px;padding:0 10px}html.lp-tk .lp-full{top:38px!important}}
#edu-lib .el-nav{position:sticky;top:0;z-index:50;display:flex;gap:6px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 14px;padding:7px 8px;background:rgba(255,255,255,.95);border:1.5px solid #e0e7ff;border-radius:16px;box-shadow:0 6px 18px rgba(30,27,75,.08);backdrop-filter:blur(6px)}
#edu-lib .el-nav::-webkit-scrollbar{display:none}
#edu-lib .el-nav:empty{display:none}
#edu-lib .el-nt,#edu-lib .el-ns{flex:none;display:flex;align-items:center;gap:6px;font:inherit;font-weight:800;font-size:.92rem;color:#3730a3;background:#eef2ff;border:2px solid transparent;border-radius:12px;padding:5px 10px;cursor:pointer;margin:0;white-space:nowrap}
#edu-lib .el-nt.on,#edu-lib .el-ns.on{background:#4338ca;color:#fff}
#edu-lib .el-ns span{font-size:.85rem}
#edu-lib .el-ns select{font:inherit;font-weight:800;font-size:.92rem;color:inherit;background:transparent;border:0;outline:0;padding:2px 2px;max-width:46vw;cursor:pointer;-webkit-appearance:menulist;appearance:auto}
#edu-lib .el-ns.on select option,#edu-lib .el-ns select option{color:#1e1b4b;background:#fff}
#edu-lib .el-ns:focus-within{border-color:#a5b4fc}
@media (max-width:520px){#edu-lib .el-nav{flex-wrap:wrap;overflow:visible;padding:6px}#edu-lib .el-ns span,#edu-lib .el-nt span{display:none}#edu-lib .el-ns{flex:1 1 calc(50% - 30px);min-width:0;padding:4px 6px}#edu-lib .el-ns select{max-width:none;width:100%;min-width:0;text-overflow:ellipsis;font-size:.88rem}}
#edu-lib .el-fz{flex:none;display:flex;gap:4px;margin-inline-start:auto}
#edu-lib .el-fz button{font:inherit;font-weight:900;font-size:.95rem;width:40px;height:36px;border:2px solid #e0e7ff;border-radius:12px;background:#fff;color:#3730a3;cursor:pointer;padding:0}
#edu-lib .el-fz button:hover{background:#eef2ff}
@media (max-width:520px){#edu-lib .el-fz{margin:0}#edu-lib .el-fz button{width:36px;height:32px}}
#edu-lib .el-boot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 10px;color:#4338ca;font-size:1.1rem}
#edu-lib .el-spin{width:44px;height:44px;border-radius:50%;border:5px solid #e0e7ff;border-top-color:#4338ca;animation:elSpin .8s linear infinite}
@keyframes elSpin{to{transform:rotate(360deg)}}
#stclk{position:fixed;left:14px;bottom:70px;z-index:2147483400;width:236px;background:#101418;color:#e7ecef;border-radius:22px;box-shadow:0 14px 36px rgba(0,0,0,.35),inset 0 0 0 2px #2a3036;font-family:'Tajawal',Tahoma,sans-serif;direction:rtl;user-select:none;-webkit-user-select:none;touch-action:none}
#stclk[hidden],#stclk-fab[hidden],#stclk-tbl[hidden]{display:none!important}
#stclk.drag{opacity:.92;box-shadow:0 20px 44px rgba(0,0,0,.45)}
#stclk .ck-bar{display:flex;align-items:center;gap:4px;padding:6px 8px 0;cursor:grab}
#stclk .ck-grip{flex:1;color:#5b6570;font-size:16px;line-height:1}
#stclk .ck-bar button{width:26px;height:24px;border:0;border-radius:8px;background:#22282e;color:#cfd6dc;font:700 15px/1 Tahoma;cursor:pointer;padding:0}
#stclk .ck-bar button:hover{background:#323a42}
#stclk .ck-face{margin:6px 8px 8px;background:linear-gradient(180deg,#f4f7f2,#dfe6dc);color:#111;border-radius:14px;padding:6px 10px 8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
#stclk .ck-main{display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr}
#stclk .ck-t{font-family:'Orbitron','Share Tech Mono',monospace;font-weight:800;font-size:46px;letter-spacing:1px;line-height:1.05}
#stclk .ck-side{display:flex;flex-direction:column;align-items:center;font-family:'Orbitron',monospace}
#stclk .ck-ap{font-family:'Tajawal',sans-serif;font-size:15px;font-weight:900}
#stclk .ck-s{font-size:17px;font-weight:700;opacity:.8}
#stclk .ck-row{display:flex;justify-content:space-between;font-weight:800;font-size:13px;border-top:1px solid rgba(0,0,0,.15);margin-top:3px;padding-top:3px}
#stclk .ck-h{text-align:center;font-size:12.5px;font-weight:700;color:#334}
#stclk .ck-p{display:block;width:100%;margin-top:5px;border:0;border-radius:10px;background:#cfd8cc;color:#1f2a1e;font:800 12.5px/1.4 'Tajawal',sans-serif;padding:4px 6px;cursor:pointer}
#stclk .ck-p.on{background:#1f6f43;color:#fff}#stclk .ck-p.warn{background:#c2410c;color:#fff;animation:ckP 1s ease-in-out infinite alternate}
@keyframes ckP{to{filter:brightness(1.25)}}
#stclk.min{width:auto}
#stclk.min .ck-face{padding:2px 10px 4px;margin:4px 6px 6px}#stclk.min .ck-t{font-size:24px}#stclk.min .ck-row,#stclk.min .ck-h,#stclk.min .ck-p,#stclk.min .ck-s{display:none}
#stclk-fab{position:fixed;left:14px;bottom:70px;z-index:2147483400;width:44px;height:44px;border-radius:50%;border:0;background:#101418;color:#fff;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.3);cursor:pointer;padding:0}
#stclk-tbl{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2147483590;width:min(94vw,520px);max-height:90vh;overflow:auto;background:#fff;color:#1b2350;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.4);padding:12px 14px;font-family:'Tajawal',Tahoma,sans-serif;direction:rtl}
#stclk-tbl .ct-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}#stclk-tbl .ct-h b{font-size:18px}
#stclk-tbl .ct-x{width:32px;height:32px;border:0;border-radius:50%;background:#f1f2f6;font:700 18px/1 Tahoma;cursor:pointer}
#stclk-tbl .ct-now{background:#eef2ff;color:#3730a3;font-weight:800;border-radius:10px;padding:6px 10px;margin-bottom:8px;text-align:center}
#stclk-tbl table{width:100%;border-collapse:collapse;font-size:15px;text-align:center}
#stclk-tbl th,#stclk-tbl td{border:1px solid #d7dde3;padding:5px 4px}
#stclk-tbl thead th{background:#d9ead3;font-size:13px}
#stclk-tbl tbody th{background:#f8fafc;font-weight:800;white-space:nowrap}
#stclk-tbl td{font-weight:800;font-size:17px}
#stclk-tbl tr.brk th,#stclk-tbl tr.brk td{background:#eaf3e6}
#stclk-tbl tr.cur th,#stclk-tbl tr.cur td{background:#1f6f43;color:#fff}
#stclk-tbl tr.nx th{box-shadow:inset -4px 0 0 #f59e0b}
@media (max-width:520px){#stclk{width:200px;left:8px;bottom:64px}#stclk .ck-t{font-size:38px}#stclk-tbl td{font-size:15px}#stclk-tbl{padding:10px}}
@media print{#stclk,#stclk-fab,#stclk-tbl{display:none!important}}
#edu-lib .el-gbooks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:2px solid #e0e7ff;border-radius:18px;padding:10px 12px;margin-bottom:14px}
#edu-lib .el-gbooks>b{flex-basis:100%;color:#4338ca}
#edu-lib .el-gbooks button{display:flex;align-items:center;gap:8px;border:2px solid #eef2ff;background:#f8fafc;border-radius:14px;padding:6px 10px 6px 12px;cursor:pointer;font:inherit;font-weight:800;color:#1e1b4b}
#edu-lib .el-gbooks button:hover{border-color:#a5b4fc;background:#eef2ff}
#edu-lib .el-gbooks img{width:38px;height:50px;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
#lp-deck{--ink:#1b2350;--ink2:#4b5378;--ind:#3b4fc4;--teal:#13a59a;--amber:#f2a531;--rose:#e2557a;--paper:#ffffff;--soft:#f3f5fc;
direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;max-width:1100px;margin:0 auto;user-select:none;-webkit-user-select:none}
#lp-deck *{box-sizing:border-box}
#lp-deck .lp-wrap{position:relative;margin:0 auto;overflow:hidden;border-radius:18px;background:#e9ecf8;box-shadow:0 10px 30px -12px rgba(27,35,80,.35);cursor:pointer}
#lp-deck .lp-canvas{position:absolute;top:0;right:0;width:1280px;height:720px;transform-origin:top right;background:var(--paper);overflow:hidden}
#lp-deck:fullscreen{max-width:none;background:#0d1230;display:flex;flex-direction:column;justify-content:center;align-items:center}
#lp-deck:fullscreen .lp-wrap{border-radius:0;box-shadow:none}
#lp-deck .lp-slide{position:absolute;inset:0;padding:56px 90px 50px;opacity:0;visibility:hidden;transform:translateX(-70px);
transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility 0s .65s}
#lp-deck .lp-slide.active{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility 0s}
#lp-deck .lp-slide.leave-fwd{transform:translateX(70px)}
#lp-deck .lp-slide.from-back{transform:translateX(70px);transition:none}
#lp-deck .lp-slide.leave-back{transform:translateX(-70px)}
#lp-deck .lp-slide.nofx{transition:none}
#lp-deck [data-step]{opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),clip-path .7s ease;transition-delay:var(--d,0s)}
#lp-deck [data-anim="fly"]{transform:translateX(-120px)}
#lp-deck [data-anim="rise"]{transform:translateY(60px)}
#lp-deck [data-anim="zoom"]{transform:scale(.6)}
#lp-deck [data-anim="pop"]{transform:scale(.2);transition:opacity .3s ease,transform .55s cubic-bezier(.34,1.7,.5,1);transition-delay:var(--d,0s)}
#lp-deck [data-anim="wipe"]{opacity:1;clip-path:inset(0 0 0 100%)}
#lp-deck [data-anim="mark"]{opacity:1;background-size:0% 100%}
#lp-deck [data-step].on{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
#lp-deck [data-anim="mark"].on{background-size:100% 100%}
#lp-deck .tag{display:inline-block;font-weight:700;font-size:22px;color:var(--ind);background:#e8ebfb;border-radius:999px;padding:6px 20px}
#lp-deck h3{font-size:56px;font-weight:800;color:var(--ink);margin:18px 0 26px;line-height:1.25;border:0;padding:0;background:none}
#lp-deck p{margin:0}
#lp-deck .lead{font-size:30px;color:var(--ink2);line-height:1.7}
#lp-deck .ar{font-family:'Amiri','Traditional Arabic',serif}
#lp-deck .bar{position:absolute;bottom:0;right:0;height:8px;background:linear-gradient(90deg,var(--teal),var(--ind));transition:width .5s ease;z-index:5}
#lp-deck .badge{position:absolute;top:26px;left:34px;font-size:18px;color:#9aa0bd;z-index:5}
#lp-deck .s-title{display:flex;align-items:center;gap:40px;background:radial-gradient(circle at 15% 80%,#e8ebfb 0,transparent 45%),radial-gradient(circle at 90% 10%,#dff6f3 0,transparent 40%)}
#lp-deck .s-title .txt{flex:1}
#lp-deck .s-title h3{font-size:92px;margin:24px 0 14px}
#lp-deck .s-title .sub{font-size:34px;color:var(--ink2)}
#lp-deck .s-title svg{width:440px;flex:none}
#lp-deck .rows{display:flex;flex-direction:column;gap:16px;margin-top:0}
#lp-deck .row{display:flex;align-items:center;gap:24px;background:var(--soft);border-radius:22px;padding:10px 30px}
#lp-deck .row .ar{font-size:52px;color:var(--ink);line-height:1.4}
#lp-deck .row .role{font-size:24px;font-weight:700;color:#fff;border-radius:12px;padding:6px 16px;margin-right:auto}
#lp-deck .e{padding:0 10px;border-radius:10px;background-repeat:no-repeat;background-position:right}
#lp-deck .e.c1{background-image:linear-gradient(#ffe2a8,#ffe2a8)} #lp-deck .e.c2{background-image:linear-gradient(#c9f0eb,#c9f0eb)}
#lp-deck .e.c3{background-image:linear-gradient(#ffd1dc,#ffd1dc)} #lp-deck .e.c4{background-image:linear-gradient(#d9ddfa,#d9ddfa)}
#lp-deck .note{margin-top:22px;display:flex;align-items:center;gap:22px;background:var(--ink);color:#fff;border-radius:22px;padding:22px 30px;font-size:32px;font-weight:700}
#lp-deck .note svg{width:54px;height:54px;flex:none}
#lp-deck .two{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px}
#lp-deck .concept{border-radius:28px;padding:34px 36px;min-height:390px;display:flex;flex-direction:column;gap:18px}
#lp-deck .concept svg{width:110px;height:110px}
#lp-deck .concept b{font-size:50px}
#lp-deck .concept span{font-size:30px;line-height:1.6;color:var(--ink)}
#lp-deck .concept.m{background:#fff6e6} #lp-deck .concept.m b{color:#c97b05}
#lp-deck .concept.b{background:#e7f7f5} #lp-deck .concept.b b{color:#0d8178}
#lp-deck .chips{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}
#lp-deck .chip{border-radius:28px;padding:26px 20px;text-align:center;color:#fff}
#lp-deck .chip .mk{font-family:'Amiri',serif;font-size:96px;line-height:1;height:110px;display:block}
#lp-deck .chip b{font-size:34px;display:block;margin:6px 0 14px}
#lp-deck .chip .ar{font-size:44px;background:rgba(255,255,255,.2);border-radius:16px;padding:6px 0;display:block}
#lp-deck .grid4{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
#lp-deck .kind{display:flex;align-items:center;gap:22px;background:var(--soft);border-radius:24px;padding:22px 26px}
#lp-deck .kind i{flex:none;width:74px;height:74px;border-radius:20px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:34px;font-weight:800}
#lp-deck .kind b{font-size:34px;color:var(--ink);display:block}
#lp-deck .kind .ar{font-size:36px;color:var(--ink2)}
#lp-deck .quiz{display:flex;flex-direction:column;gap:46px;margin-top:20px}
#lp-deck .sent{display:flex;gap:36px;align-items:flex-start;justify-content:center;background:var(--soft);border-radius:26px;padding:26px 20px 30px}
#lp-deck .w{display:flex;flex-direction:column;align-items:center;gap:12px}
#lp-deck .w .ar{font-size:70px;color:var(--ink);line-height:1.3}
#lp-deck .lbl{font-size:28px;font-weight:800;border-radius:14px;padding:6px 22px;color:#fff}
#lp-deck .lbl.mb{background:var(--teal)} #lp-deck .lbl.mr{background:var(--amber)}
#lp-deck .hint{text-align:center;font-size:24px;color:#9aa0bd;margin-top:-20px}
#lp-deck .sum{display:flex;flex-direction:column;gap:22px;margin-top:10px}
#lp-deck .sum div{display:flex;align-items:center;gap:20px;font-size:34px;color:var(--ink);background:var(--soft);border-radius:22px;padding:20px 28px}
#lp-deck .sum svg{width:44px;height:44px;flex:none;color:var(--teal)}
#lp-deck .lp-ctrl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;direction:rtl}
#lp-deck .lp-btn{width:48px;height:48px;border-radius:14px;border:0;background:#fff;color:var(--ind);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 6px rgba(27,35,80,.12)}
#lp-deck .lp-btn svg{width:24px;height:24px}
#lp-deck .lp-btn:focus-visible{outline:3px solid #7c9cf5;outline-offset:2px}
#lp-deck .lp-count{min-width:84px;text-align:center;font-weight:700;color:var(--ink2);font-size:17px}
#lp-deck:fullscreen .lp-count{color:#cfd4ee}
#lp-deck.lp-full{position:fixed;inset:0;z-index:2147483000;max-width:none;margin:0;background:#0d1230;display:flex;flex-direction:column;justify-content:center;align-items:center;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#lp-deck.lp-full .lp-wrap{border-radius:0;box-shadow:none}
#lp-deck.lp-full .lp-count{color:#cfd4ee}
html.lp-lock,html.lp-lock body{overflow:hidden!important}
#lp-deck.side{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}
#lp-deck.side .lp-ctrl{flex-direction:column;margin:0;gap:8px}
#lp-deck.side .lp-btn{width:42px;height:42px;border-radius:12px}
#lp-deck.side .lp-count{min-width:0;font-size:12px;white-space:nowrap;padding:0 4px}
#lp-deck:not(.portrait) .lp-slide:not(.s-title){display:flex;flex-direction:column;justify-content:center;padding:44px 90px 50px}
#lp-deck:not(.portrait) .lp-slide>.tag{align-self:flex-start}
#lp-deck:not(.portrait) .lp-slide:not(.s-title) h3{margin:12px 0 20px}
#lp-deck:not(.portrait) .quiz{gap:22px;margin-top:8px}
#lp-deck:not(.portrait) .sent{padding:14px 20px 18px}
#lp-deck:not(.portrait) .w .ar{font-size:64px;line-height:1.25}
#lp-deck:not(.portrait) .hint{margin-top:0}
#lp-deck.portrait .lp-slide{padding:70px 54px 50px}
#lp-deck.portrait h3{font-size:50px;margin:16px 0 24px}
#lp-deck.portrait .s-title{flex-direction:column-reverse;justify-content:center;text-align:center;gap:20px}
#lp-deck.portrait .s-title h3{font-size:100px}
#lp-deck.portrait .s-title svg{width:470px}
#lp-deck.portrait .rows{gap:22px;margin-top:20px}
#lp-deck.portrait .row{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 26px}
#lp-deck.portrait .row .role{margin-right:0}
#lp-deck.portrait .row .ar{font-size:54px}
#lp-deck.portrait .note{margin-top:34px;font-size:32px}
#lp-deck.portrait .two{grid-template-columns:1fr;gap:26px}
#lp-deck.portrait .concept{min-height:0;padding:28px 30px;gap:12px}
#lp-deck.portrait .concept svg{width:80px;height:80px}
#lp-deck.portrait .chips{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
#lp-deck.portrait .chip{padding:30px 16px}
#lp-deck.portrait .grid4{grid-template-columns:1fr;gap:22px;margin-top:30px}
#lp-deck.portrait .kind{padding:26px}
#lp-deck.portrait .quiz{gap:40px;margin-top:40px}
#lp-deck.portrait .sent{gap:22px;flex-wrap:wrap}
#lp-deck.portrait .w .ar{font-size:60px}
#lp-deck.portrait .hint{margin-top:0}
#lp-deck.portrait .sum{gap:24px;margin-top:30px}
#lp-deck.portrait .sum div{font-size:32px;align-items:flex-start}
#lp-deck.portrait .lp-slide{display:flex;flex-direction:column;justify-content:center;padding:70px 50px 60px}
#lp-deck.portrait .lp-slide>.tag{align-self:flex-start;font-size:28px}
#lp-deck.portrait h3{font-size:66px}
#lp-deck.portrait .s-title h3{font-size:124px}
#lp-deck.portrait .s-title .sub{font-size:40px}
#lp-deck.portrait .s-title svg{width:580px}
#lp-deck.portrait .row .ar{font-size:66px}
#lp-deck.portrait .row .role{font-size:30px}
#lp-deck.portrait .note{font-size:38px;padding:28px 32px}
#lp-deck.portrait .concept b{font-size:58px}
#lp-deck.portrait .concept span{font-size:36px}
#lp-deck.portrait .concept .ar{font-size:46px!important}
#lp-deck.portrait .chip .mk{font-size:130px;height:150px}
#lp-deck.portrait .chip b{font-size:42px}
#lp-deck.portrait .chip .ar{font-size:50px}
#lp-deck.portrait .kind i{width:92px;height:92px;font-size:42px}
#lp-deck.portrait .kind b{font-size:44px}
#lp-deck.portrait .kind .ar{font-size:46px}
#lp-deck.portrait .w .ar{font-size:80px}
#lp-deck.portrait .lbl{font-size:34px}
#lp-deck.portrait .hint{font-size:30px}
#lp-deck.portrait .sum div{font-size:40px;padding:26px 30px}
#lp-deck.portrait .sum svg{width:52px;height:52px}
@media(prefers-reduced-motion:reduce){#lp-deck .lp-slide,#lp-deck [data-step]{transition:none!important}}
#qd{--ink:#1b2350;--ink2:#4b5378;--ind:#3b4fc4;--teal:#13a59a;--amber:#f2a531;--rose:#e2557a;--soft:#f3f5fc;--qc:#a8326e;
direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;user-select:none;-webkit-user-select:none;color:var(--ink)}
#qd *{box-sizing:border-box}
#qd.lp-full{position:fixed;inset:0;z-index:2147483000;background:#0d1230;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#qd.lp-full.side{flex-direction:row;gap:10px}
#qd .lp-wrap{position:relative;overflow:hidden;background:#fff;cursor:pointer;outline:none;flex:none;touch-action:none;-webkit-touch-callout:none}
#qd .qd-canvas{position:absolute;top:0;right:0;transform-origin:top right;background:#fff;overflow:hidden}
#qd .qd-bar{position:absolute;bottom:0;right:0;height:8px;background:linear-gradient(90deg,var(--teal),var(--ind));transition:width .5s ease;z-index:5}
#qd .qd-badge{position:absolute;top:22px;left:30px;font-size:18px;color:#9aa0bd;z-index:5}
#qd .qs{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:46px 80px 54px;opacity:0;visibility:hidden;transform:translateX(-60px);
transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s .6s}
#qd .qs.active{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s}
#qd .qs.back{transform:translateX(60px)}
#qd .qi{font-size:calc(var(--base,30px) * var(--k,1));line-height:1.6}
#qd.portrait .qs{padding:64px 46px 60px}
#qd.portrait .qi{--base:36px}
#qd.kid .qi{--base:34px}
#qd .emo{display:inline-block;line-height:1;vertical-align:middle}
#qd.kid .emo{font-size:2.1em;margin:0 .08em}
#qd.kid .kp i{font-size:3.4em}#qd.kid .kp{grid-template-columns:repeat(auto-fit,minmax(6.5em,1fr))}
#qd.kid .chs:not(.big) .ch{font-size:1.15em;align-items:center}
#qd.kid .mi,#qd.kid .ml{font-size:1.15em}#qd.kid.portrait .qi{--base:40px}
#qd.kid .qs{background:radial-gradient(circle at 90% 8%,#fef3c7 0,transparent 30%),radial-gradient(circle at 6% 92%,#e0f2fe 0,transparent 35%)}
#qd .st{opacity:0;transform:translateY(26px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
#qd .st.on{opacity:1;transform:none}
#qd .tag{display:inline-block;font-weight:700;font-size:.72em;color:var(--ind);background:#e8ebfb;border-radius:999px;padding:.2em .8em;align-self:flex-start}
#qd h3{font-size:1.65em;font-weight:800;margin:.3em 0 .55em;line-height:1.3;color:var(--ink);border:0;padding:0;background:none}
#qd p{margin:0}
#qd .q{font-family:'Amiri','Traditional Arabic',serif;color:var(--qc);font-weight:700;font-size:1.12em}
#qd .ayah{font-family:'Amiri','Traditional Arabic',serif;color:var(--qc);font-weight:700;font-size:1.25em;line-height:1.9;background:#fbf2f7;border-radius:.6em;padding:.35em .8em;margin:.2em 0 .5em;text-align:center}
#qd .poem{font-family:'Amiri','Traditional Arabic',serif;font-weight:700;font-size:1.2em;background:#fff6e6;border-radius:.6em;padding:.4em .8em;margin:.2em 0 .5em;
display:flex;justify-content:center;gap:1.4em;flex-wrap:wrap;color:#7a4a05}
#qd .stem{font-weight:700;color:var(--ind);font-size:1.02em;margin:.25em 0 .45em}
#qd .stem.sub{color:var(--ink);font-weight:700}
#qd .ans{height:1.5em;border-bottom:3px dashed #cfd4ee;margin:.1em 0 .35em}
#qd .blank.fill{position:relative;min-width:5.5em;height:auto;vertical-align:baseline;text-align:center;padding:0 .15em}
#qd .chip{display:inline-block;font-style:normal;font-weight:800;color:#0b4f48;background:#e6f7f4;border:2px solid #13a59a;border-radius:.55em;padding:.05em .55em;line-height:1.45;
box-shadow:0 3px 0 #9fd9d0;transform:translateY(-.12em) scale(.6);opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .3s;white-space:normal}
#qd .chip.on{opacity:1;transform:translateY(-.12em)}
#qd .qs.meas .chip{opacity:1}
#qd .blank{display:inline-block;min-width:5.5em;border-bottom:3px dashed #b8bfe6;margin:0 .2em;height:1em;vertical-align:baseline}
#qd .note{font-size:.82em;color:var(--ink2);background:var(--soft);border-radius:.6em;padding:.35em .8em;margin-top:.5em}
#qd .para{font-size:.95em;line-height:1.85;color:var(--ink);margin:0 0 .55em;text-align:justify}
#qd .para.dlg{padding-right:1em;border-right:4px solid #e8ebfb;color:#2c3570}
#qd .oneq{margin-bottom:.4em}
#qd .chs{display:grid;grid-template-columns:1fr 1fr;gap:.45em .6em;margin-top:.35em}
#qd .chs.long,#qd.portrait .chs{grid-template-columns:1fr}
#qd .ch{font:inherit;font-size:.92em;text-align:right;border:3px solid #e1e5f7;background:#fff;color:var(--ink);border-radius:.6em;padding:.35em .7em;cursor:pointer;line-height:1.55;display:flex;gap:.5em;align-items:flex-start}
#qd .ch i{font-style:normal;flex:none;width:1.5em;height:1.5em;border-radius:50%;background:#eef0fa;color:var(--ind);display:grid;place-items:center;font-weight:800;font-size:.85em;margin-top:.12em}
#qd .ch.qa{font-family:'Amiri','Traditional Arabic',serif;color:var(--qc);font-weight:700;font-size:1em}
#qd .ch.good{border-color:#16a34a;background:#dcfce7;box-shadow:0 0 0 3px #bbf7d0 inset;animation:qdPop .45s}
#qd .ch.good i{background:#16a34a;color:#fff}
#qd .ch.bad{border-color:#dc2626;background:#fee2e2;color:#991b1b;animation:qdShake .4s;cursor:default}
#qd .ch.bad i{background:#dc2626;color:#fff}
#qd .ch.dim{opacity:.45}
@keyframes qdPop{40%{transform:scale(1.03)}}
@keyframes qdShake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
#qd .mcq-fb{display:none;align-items:center;justify-content:space-between;gap:.6em;flex-wrap:wrap;margin-top:.45em;border-radius:.6em;padding:.3em .7em;font-weight:800;font-size:.85em}
#qd .mcq-fb.ok{display:flex;background:#dcfce7;color:#166534;animation:qdIn .3s}
#qd .mcq-fb.no{display:flex;background:#fee2e2;color:#991b1b;animation:qdIn .3s}
#qd .fb-re{font:inherit;font-size:.9em;border:0;border-radius:999px;background:#fff;color:#3730a3;padding:.15em .8em;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#qd .ch.sel{border-color:var(--ind);background:#eef1ff;box-shadow:0 0 0 3px #c9d2fb inset}
#qd .ch.sel i{background:var(--ind);color:#fff}
#qd .ord{display:flex;flex-direction:column;gap:.38em;margin-top:.3em}
#qd:not(.portrait) .ord.two{display:grid;grid-template-columns:1fr 1fr}
#qd .oi{font:inherit;font-size:.92em;text-align:right;display:flex;align-items:center;gap:.6em;border:3px solid #e1e5f7;background:#fff;color:var(--ink);border-radius:.6em;padding:.3em .6em;cursor:pointer}
#qd .oi b{flex:none;width:1.7em;height:1.7em;border-radius:.45em;border:3px dashed #c3cae9;display:grid;place-items:center;color:#fff;font-size:.9em}
#qd .oi.set{border-color:var(--teal)}
#qd .oi.set b{background:var(--teal);border:0}
#qd .qd-reset{font:inherit;font-size:.68em;border:0;background:#eef0f6;color:var(--ink2);border-radius:999px;padding:.25em .9em;cursor:pointer;align-self:flex-start;margin-top:.5em}
#qd .mt{display:grid;grid-template-columns:1fr 1fr;gap:.6em 1.4em;margin-top:.4em;align-items:start}
#qd .mt .col{display:flex;flex-direction:column;gap:.4em}
#qd .mt h4{margin:0 0 .1em;font-size:.8em;color:var(--ink2)}
#qd .ml{display:flex;gap:.5em;align-items:center;background:var(--soft);border-radius:.6em;padding:.3em .6em;font-size:.95em}
#qd .ml b{flex:none;width:1.6em;height:1.6em;border-radius:50%;background:var(--ind);color:#fff;display:grid;place-items:center;font-size:.85em}
#qd .mi{font:inherit;font-size:.95em;display:flex;gap:.5em;align-items:center;text-align:right;border:3px solid #e1e5f7;background:#fff;color:var(--ink);border-radius:.6em;padding:.25em .6em;cursor:pointer}
#qd .mi b{flex:none;width:1.6em;height:1.6em;border-radius:.4em;border:3px dashed #c3cae9;display:grid;place-items:center;color:#fff;font-size:.85em}
#qd .mi.set b{background:var(--ind);border:0}
#qd .lst{display:flex;flex-direction:column;gap:.4em;margin-top:.2em}
#qd .li{display:flex;gap:.6em;align-items:flex-start;background:var(--soft);border-radius:.6em;padding:.35em .7em;font-size:.92em;line-height:1.6}
#qd .li>i{font-style:normal;flex:none;width:1.55em;height:1.55em;border-radius:.45em;background:var(--ind);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85em;margin-top:.1em}
#qd .li b{color:var(--ind)}
#qd .cols{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:.6em;margin-top:.3em}
#qd.portrait .cols{grid-template-columns:1fr}
#qd .cb{border-radius:.7em;padding:.5em .8em;background:var(--soft);border-top:.25em solid var(--c,#3b4fc4)}
#qd .cb h4{margin:0 0 .3em;font-size:1em;color:var(--c,#3b4fc4)}
#qd .cb div{font-size:.85em;line-height:1.6;margin-bottom:.2em}
#qd .cb div::before{content:"•";color:var(--c,#3b4fc4);margin-left:.35em;font-weight:800}
#qd .info{background:#fff6e6;border-radius:.7em;padding:.55em .9em;border-right:.3em solid var(--amber);font-size:.95em;line-height:1.7}
#qd .exs{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.5em}
#qd .exs span{background:#fff;border:2px solid #f6d79e;border-radius:999px;padding:.1em .7em;font-size:.82em}
#qd .voc{display:grid;grid-template-columns:repeat(5,1fr);gap:.45em;margin-top:.3em}
#qd.portrait .voc{grid-template-columns:1fr 1fr}
#qd .vc{font:inherit;border:0;border-radius:.6em;background:linear-gradient(160deg,#5b6fe0,#3b4fc4);color:#fff;padding:.4em .3em;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15em;min-height:3.6em;justify-content:center}
#qd .vc .w{font-family:'Amiri','Traditional Arabic',serif;font-weight:700;font-size:1.1em;line-height:1.5}
#qd .vc .m{font-size:.78em;background:#fff;color:var(--ink);border-radius:.4em;padding:.05em .5em;opacity:0;transform:scale(.6);transition:all .3s}
#qd .vc.open .m{opacity:1;transform:none}
#qd .dg{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:.55em;margin-top:.3em}
#qd.portrait .dg{grid-template-columns:1fr}
#qd .db{border:3px solid #dfe3f6;border-radius:.7em;padding:.45em .7em;background:#fff}
#qd .db h4{margin:0 0 .3em;font-size:.88em;color:var(--ind)}
#qd .db small{display:block;font-size:.72em;color:var(--ink2);margin:-.2em 0 .2em}
#qd .s-title{text-align:center;justify-content:center;background:radial-gradient(circle at 12% 85%,#e8ebfb 0,transparent 45%),radial-gradient(circle at 90% 10%,#dff6f3 0,transparent 40%)}
#qd .s-title .tag{align-self:center}
#qd .s-title h3{font-size:2.6em;margin:.25em 0 .15em}
#qd .s-title .sub{font-size:1.15em;color:var(--ink2);font-weight:700}
#qd .s-title svg{width:9em;height:auto;margin:0 auto .3em;display:block}
#qd .lp-ctrl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;direction:rtl}
#qd.side .lp-ctrl{flex-direction:column;margin:0;gap:8px}
#qd .lp-btn{width:48px;height:48px;border-radius:14px;border:0;background:#fff;color:var(--ind);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 6px rgba(27,35,80,.12)}
#qd.side .lp-btn{width:42px;height:42px;border-radius:12px}
#qd .lp-btn svg{width:24px;height:24px}
#qd .lp-count{min-width:84px;text-align:center;font-weight:700;color:#cfd4ee;font-size:17px;white-space:nowrap}
#qd.side .lp-count{min-width:0;font-size:12px;padding:0 4px}
#qd .ra{display:none}
#qd .ra.on,#qd .qs.meas .ra{display:block;animation:qdIn .45s ease}
#qd .ra-box{background:#f4f5f7;border-right:.3em solid #9db8f2;border-radius:.6em;padding:.35em .8em;margin:.25em 0 .45em;font-size:calc(1.08em * var(--afs,1));font-weight:700;line-height:1.7;color:#1d4ed8;font-family:var(--aff,inherit)}
#qd .chip{font-size:calc(1em * var(--afs,1));font-family:var(--aff,inherit);color:#1d4ed8;background:#f4f5f7;border-color:#b9c8ee;box-shadow:0 3px 0 #d6dce9}
#qd .lp-afs{font-weight:800;font-family:inherit;font-size:15px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
@media (max-width:520px){#qd:not(.side) .lp-ctrl{gap:5px;flex-wrap:nowrap}#qd:not(.side) .lp-btn{width:40px;height:40px;border-radius:12px}#qd:not(.side) .lp-btn svg{width:20px;height:20px}
#qd:not(.side) .lp-count{min-width:0;font-size:14px;padding:0 2px}#qd:not(.side) .lp-afs small{display:none}}
#qd.side .lp-afs small{display:none}
#qd .lp-afs small{font-size:11px;opacity:.75;margin-right:2px}
#qd.cbg .qs{padding-left:12%;padding-right:12%}
#qd.cbg .s-title{background:none}
#qd.cbg-paper .qd-canvas::before{content:"";position:absolute;inset:6% 7%;background:rgba(255,255,255,.93);border-radius:22px;box-shadow:0 10px 40px rgba(0,0,0,.18)}
.qbg-set .qbg-sw{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.qbg-set .qbg-sw button{aspect-ratio:1;border-radius:10px!important;padding:0!important;border:2px solid #d5d9ea!important}
.qbg-set .qbg-sw button.on{outline:3px solid #1d4ed8;outline-offset:1px}
.qbg-set .qbg-pick{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:2px solid #e3e6f3;background:#f7f8fc;border-radius:10px;padding:7px 8px;cursor:pointer;font-weight:700;font-size:14px;position:relative}
.qbg-set .qbg-pick input[type=color]{width:26px;height:26px;border:0;padding:0;background:none;cursor:pointer}
.qbg-set .qbg-ppr{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;font-size:14px}
.qbg-set .qbg-msg{color:#b45309;font-weight:700;font-size:13px;min-height:1em;margin-top:6px}
#qd .ra-box::before{content:none}
#qd .stem,#qd .stem.sub,#qd h3.qh{color:#9b1111}
#qd .qd-canvas{background:#eceef1 url(../img/4f6e0ce7a6.jpg) center/100% 100% no-repeat}
#qd.portrait .qd-canvas{background-image:url(../img/633644a0e0.jpg)}
#qd .qs{padding:calc(var(--ch,720px)*.12) 12% calc(var(--ch,720px)*.19) 17%;align-items:center}
#qd.portrait .qs{padding:calc(var(--ch,1280px)*.15) 9% calc(var(--ch,1280px)*.14) 13%}
#qd .qi{width:100%;max-width:1200px;background:rgba(255,255,255,.88);border-radius:18px;padding:6px 16px}
#qd.kid .qs,#qd .s-title{background:none}
#qd .qd-badge,#qd .rv-hint{background:rgba(255,255,255,.92);border-radius:999px;padding:2px 12px;color:#6b7280;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.afs-set.afs-set{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2147483600;width:min(92vw,380px);max-height:88vh;overflow:auto;background:#fff;color:#1b2350;
border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:14px 16px;direction:rtl;font-family:'Tajawal',Tahoma,sans-serif;font-size:15px;user-select:none}
.afs-set.afs-set[hidden]{display:none}
.afs-set.afs-set .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.afs-set.afs-set .h b{font-size:17px}
.afs-set.afs-set .lbl{font-weight:800;color:#3b4fc4;margin:10px 0 6px;font-size:14px}
.afs-set.afs-set .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.afs-set.afs-set button{font:inherit;border:2px solid #e3e6f3;background:#f7f8fc;color:#1b2350;border-radius:10px;padding:5px 10px;cursor:pointer}
.afs-set.afs-set button.on{border-color:#1d4ed8;background:#eaf0ff;color:#1d4ed8;font-weight:800}
.afs-set.afs-set .x{border:0;background:#f1f2f6;width:32px;height:32px;padding:0;border-radius:50%}
.afs-set.afs-set input[type=range]{flex:1;min-width:120px;accent-color:#1d4ed8}
.afs-set.afs-set output{min-width:44px;text-align:center;font-weight:800;color:#1d4ed8}
.afs-set.afs-set .fonts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.afs-set.afs-set .fonts button{font-size:16px;padding:7px 6px}
.afs-set.afs-set .prev{margin-top:12px;background:#f4f5f7;border-right:4px solid #9db8f2;border-radius:10px;padding:8px 12px;color:#1d4ed8;font-weight:700;line-height:1.7}
.afs-set.afs-set .foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}
.afs-set.afs-set small{color:#6b7280;font-size:12px}
#qd .oneq:has(.ra.on) .ans,#qd .db:has(.ra.on) .ans,#qd .qs.meas .ans{display:none}
#qd .qs.rv .ch[data-ok]{border-color:var(--teal);background:#e6f7f4;box-shadow:0 0 0 3px #bfe9e2 inset}
#qd .qs.rv .ch[data-ok] i{background:var(--teal);color:#fff}
#qd .oi em,#qd .mi em{display:none;font-style:normal;margin-right:auto;flex:none;background:var(--teal);color:#fff;border-radius:.4em;padding:0 .45em;font-weight:800;font-size:.85em}
#qd .oi em.on,#qd .mi em.on,#qd .qs.meas .oi em,#qd .qs.meas .mi em{display:inline-block;animation:qdIn .45s ease}
#qd .rv-hint{position:absolute;bottom:18px;left:30px;font-size:15px;color:#9aa0bd}
@keyframes qdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#qd .abx{display:flex;flex-direction:column;gap:.35em;background:#fdf8ee;border:2px solid #f0e2c4;border-radius:.7em;padding:.45em .7em}
#qd .ab-b{display:grid;grid-template-columns:1.6em 1fr 1fr;align-items:center;gap:.2em .9em;font-family:'Amiri','Traditional Arabic',serif;font-weight:700;font-size:1.12em;color:#4a2a10;line-height:1.7}
#qd .ab-b i{font-style:normal;font-family:'Tajawal',sans-serif;font-size:.62em;width:1.9em;height:1.9em;border-radius:50%;background:#fde68a;color:#78350f;display:grid;place-items:center}
#qd .ab-b span:nth-child(2){text-align:right}#qd .ab-b span:nth-child(3){text-align:left}
#qd.portrait .ab-b{grid-template-columns:1.6em 1fr;font-size:1.02em}#qd.portrait .ab-b span:nth-child(3){grid-column:2;text-align:left;padding-right:1.5em}
#qd .qr{font-family:'Amiri','Traditional Arabic',serif;font-size:1.3em;line-height:2.15;text-align:justify;text-align-last:center;color:#2a1f4a;background:#fdf8ee;border:2px solid #f0e2c4;border-radius:.7em;padding:.4em .9em}
#qd .qr .st{display:inline;transform:none}
#qd .qr .vn{color:var(--qc);font-size:.85em;margin:0 .15em;white-space:nowrap}
#qd .qr .bs{display:block;text-align:center;color:var(--qc);margin-bottom:.1em}
@media(prefers-reduced-motion:reduce){#qd .qs,#qd .st{transition:none!important}}
#qd .qd-canvas{background:#fff url(../img/09f904efcf.jpg) center/100% 100% no-repeat}
#qd.portrait .qd-canvas{background-image:url(../img/53cf134fcc.jpg)}
#qd .qs{padding:calc(var(--ch,720px)*.11) 7% calc(var(--ch,720px)*.12) 6%}
#qd.portrait .qs{padding:calc(var(--ch,1280px)*.09) 7% calc(var(--ch,1280px)*.09) 7%}
#qd .qi{background:rgba(255,255,255,.94)}
#qd h3,#qd .stem,#qd .ayah,#qd .poem,#qd .abx,#qd .qr{zoom:var(--qfs,1)}
#qd .ch,#qd .oi,#qd .mi,#qd .ml,#qd .info,#qd .cb,#qd .vc{zoom:var(--cfs,1)}
.qed-set .qed-only[hidden]{display:none}
#qd.qed .st{opacity:1!important;transform:none!important}
#qd.qed .ra{display:block!important}
#qd.qed .rv-hint{display:none!important}
#qd.qed [data-qe]{outline:2px dashed #f59e0b;outline-offset:3px;border-radius:4px;cursor:text}
#qd.qed [data-qe]:hover{background:rgba(253,230,138,.45)}
#qd .qed-bar{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:8px;background:#fffbeb;border:2px solid #f59e0b;color:#78350f;border-radius:999px;padding:6px 8px 6px 14px;font:700 14px/1.3 'Tajawal',Tahoma,sans-serif;direction:rtl;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:calc(100% - 16px)}
#qd .qed-bar[hidden]{display:none}
#qd .qed-bar span{flex:1;min-width:0}
#qd .qed-bar button{font:inherit;font-weight:800;border:0;border-radius:999px;padding:6px 12px;cursor:pointer;background:#f59e0b;color:#fff;white-space:nowrap}
#qd .qed-bar .dn{background:#fff;color:#78350f;border:2px solid #fcd34d}
.qed-dlg.qed-dlg textarea{width:100%;box-sizing:border-box;font:700 18px/1.7 'Tajawal',Tahoma,sans-serif;border:2px solid #c7d2fe;border-radius:12px;padding:8px 10px;resize:vertical;user-select:text;-webkit-user-select:text}
.qed-dlg.qed-dlg .qed-tip{display:block;margin-top:6px}
.qed-set .qed-msg{min-height:1em;font-weight:700;font-size:13px;margin-top:8px}
.qed-set .foot small{flex:1}
#qd .qed-toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:40;background:#1e293b;color:#fff;padding:9px 18px;border-radius:999px;font:700 15px 'Tajawal',Tahoma,sans-serif;direction:rtl}
@media (max-width:520px){#qd .qed-bar{font-size:12px;padding:5px 6px 5px 10px}#qd .qed-bar button{padding:5px 9px}}
#qd .lp-btn[hidden]{display:none!important}
html.lp-lock,html.lp-lock body{overflow:hidden!important}
#lbar{position:fixed;top:12px;left:50%;z-index:2147483300;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 12px));background:rgba(255,255,255,.96);color:#1e1b4b;border:1.5px solid #c7d2fe;border-radius:18px;padding:8px 10px 8px 8px;box-shadow:0 12px 30px rgba(30,27,75,.22);font-family:'Tajawal',Tahoma,Arial,sans-serif;direction:rtl;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;backdrop-filter:blur(6px)}
#lbar.drag{cursor:grabbing;box-shadow:0 18px 40px rgba(30,27,75,.3)}
#lbar .lb-grip{color:#a5b4fc;font-size:20px;line-height:1;padding:0 2px}
#lbar .lb-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
#lbar .lb-t{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lbar .lb-s{font-size:12.5px;color:#4f46e5;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lbar .lb-d{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:#475569;font-weight:700}
#lbar .lb-d i{font-style:normal;white-space:nowrap}
#lbar .lb-btns{display:flex;gap:4px;align-self:flex-start}
#lbar .lb-btns button{width:28px;height:28px;border:0;border-radius:9px;background:#eef2ff;color:#3730a3;font:800 16px/1 Tahoma,sans-serif;cursor:pointer}
#lbar .lb-btns button:hover{background:#e0e7ff}
#lbar.min .lb-s,#lbar.min .lb-d{display:none}
#lbar.min .lb-t{font-size:14px}
#flp{position:fixed;inset:0;z-index:2147483050;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#5b4636 0%,#3a2c22 55%,#241a14 100%);color:#fff;font-family:Tajawal,Tahoma,sans-serif;direction:rtl;user-select:none;-webkit-user-select:none}
#flp::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 2px,transparent 2px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 5px);pointer-events:none}
#flp .flp-top{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,.28);backdrop-filter:blur(4px)}
#flp .flp-tt{flex:1;min-width:0;display:flex;flex-direction:column}
#flp .flp-tt b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#flp .flp-tt span{font-size:12.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#flp button{font:inherit;cursor:pointer}
#flp .flp-x,#flp .flp-tools button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:18px;display:grid;place-items:center}
#flp .flp-x{font-size:24px;font-weight:800}
#flp .flp-x:hover,#flp .flp-tools button:hover{background:rgba(255,255,255,.26)}
#flp .flp-tools{display:flex;gap:6px}
#flp .flp-stage{position:relative;flex:1;min-height:0;touch-action:none}
#flp canvas{position:absolute;inset:0;display:block;cursor:grab}
#flp canvas:active{cursor:grabbing}
#flp .flp-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:74px;border:0;border-radius:14px;background:rgba(0,0,0,.28);color:#fff;font-size:40px;line-height:1;display:grid;place-items:center;opacity:.65;transition:opacity .2s}
#flp .flp-nav:hover{opacity:1;background:rgba(0,0,0,.45)}
#flp .flp-nav.nx{left:8px}#flp .flp-nav.pv{right:8px}
#flp .flp-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700;transition:opacity .6s;pointer-events:none;white-space:nowrap}
#flp .flp-hint.off{opacity:0}
#flp .flp-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.3);flex-wrap:wrap}
#flp .flp-bar>button{width:36px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:14px}
#flp .flp-bar input[type=range]{flex:1;max-width:460px;min-width:120px;accent-color:#f5c26b;direction:rtl}
#flp .flp-pg{min-width:96px;text-align:center;font-weight:800;font-size:14px}
#flp .flp-go{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
#flp .flp-go input{width:62px;padding:5px 6px;border-radius:9px;border:0;font:inherit;text-align:center}
#flp .flp-zoom{position:absolute;inset:0;z-index:5;background:rgba(10,8,6,.92);display:flex;align-items:flex-start;justify-content:center}
#flp .flp-zoom[hidden]{display:none}
#flp .flp-zw{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;text-align:center}
#flp .flp-zw img{width:min(1100px,100%);height:auto;display:inline-block;margin:10px auto;box-shadow:0 10px 40px rgba(0,0,0,.6)}
#flp .flp-zx{position:absolute;top:10px;right:14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:24px;font-weight:800}
@media (max-width:600px){#flp .flp-go{display:none}#flp .flp-nav{width:34px;height:56px;font-size:30px}#flp .flp-tt span{display:none}}
#flp .flp-ov{position:absolute;inset:0;pointer-events:none;z-index:2}
#flp .flp-ov[hidden]{display:none}
#flp .fa-pg{position:absolute}
#flp .fa-a,#flp .fa-q,#flp .fa-o{position:absolute;cursor:pointer;border-radius:5px;pointer-events:auto}
#flp .fa-a{display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0 .3%}
#flp .fa-a span{display:block;color:#1d4ed8;font-weight:800;line-height:1.25;font-family:var(--aff,'Tajawal'),Tahoma,sans-serif;opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.2,1.5,.4,1);white-space:pre-line;word-break:break-word}
#flp .fa-a.on{background:rgba(255,255,255,.92);box-shadow:0 0 0 2px rgba(29,78,216,.18)}
#flp .fa-a.on span{opacity:1;transform:none}
#flp .fa-a.mark span{color:#16a34a;font-size:1.4em}#flp .fa-a.mark.x span{color:#dc2626}
#flp .fa-q:hover,#flp .fa-a:not(.on):hover{background:rgba(250,204,21,.2)}
#flp .flp-ov.hint .fa-a:not(.on){outline:2px dashed rgba(29,78,216,.6);background:rgba(59,130,246,.08)}
#flp .flp-ov.hint .fa-q{outline:2px dotted rgba(234,179,8,.75)}#flp .flp-ov.hint .fa-o{outline:2px dashed rgba(124,58,237,.55)}
#flp .fa-bub{position:absolute;display:none;max-width:62%;background:#eef4ff;color:#1d4ed8;border:2px solid #93c5fd;border-radius:12px;padding:.45em .75em;font-weight:800;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.18);pointer-events:auto;z-index:3}
#flp .fa-bub.on{display:block}
#flp .fa-o.good{background:rgba(34,197,94,.22);box-shadow:0 0 0 3px #22c55e}
#flp .fa-o.bad{background:rgba(239,68,68,.2);box-shadow:0 0 0 3px #ef4444}
#flp .flp-tools .flp-ans{width:auto;padding:0 10px;display:flex;gap:4px;font-size:16px}
#flp .flp-tools .flp-ans small{font-size:12px;font-weight:800}
#flp .flp-tools button.on{background:#fbbf24;color:#422006}
@media (max-width:600px){#flp .flp-tools .flp-ans small{display:none}#flp .flp-tools{gap:4px}#flp .flp-x,#flp .flp-tools button{width:34px;height:34px;font-size:16px}}
#flp .flp-tools .flp-ed{width:auto;padding:0 10px;display:flex;gap:4px;font-size:16px}
#flp .flp-tools .flp-ed[hidden]{display:none}
#flp .flp-tools .flp-ed small{font-size:12px;font-weight:800}
@media (max-width:600px){#flp .flp-tools .flp-ed small{display:none}}
#flp .flp-ov.edit .fa-a,#flp .flp-ov.edit .fa-bub{outline:2px dashed #f59e0b;outline-offset:1px;cursor:text;pointer-events:auto}
#flp .fa-a.mine span{color:#7c2d12}
#flp .flp-edd{position:absolute;inset:0;z-index:50;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:12px;direction:rtl;font-family:Tajawal,Tahoma,sans-serif}
#flp .flp-eds{background:#fff;color:#1e1b4b;border-radius:18px;padding:14px 16px;width:min(440px,100%);display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
#flp .flp-eds b{font-size:17px}#flp .flp-eds small{color:#64748b;font-weight:700}
#flp .flp-eds textarea{width:100%;box-sizing:border-box;font:700 18px/1.6 Tajawal,Tahoma,sans-serif;border:2px solid #c7d2fe;border-radius:12px;padding:8px 10px;resize:vertical}
#flp .flp-edr{display:flex;gap:6px;align-items:center}#flp .flp-edr span{flex:1}
#flp .flp-edr button{font:inherit;font-weight:800;border:2px solid #e0e7ff;background:#f8fafc;color:#1e1b4b;border-radius:999px;padding:6px 12px;cursor:pointer}
#flp .flp-edr button.pri{background:#4338ca;border-color:#4338ca;color:#fff}
#flp .flp-toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:60;background:#1e293b;color:#fff;padding:9px 18px;border-radius:999px;font:700 15px Tajawal,Tahoma,sans-serif;direction:rtl;pointer-events:none}
#flp .flp-eds textarea{user-select:text;-webkit-user-select:text}
.soc-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}
.soc-top button{font:inherit;border:0;border-radius:18px;padding:14px 12px;cursor:pointer;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:transform .15s}
.soc-top button:hover{transform:translateY(-2px)}
.soc-top button:nth-child(1){background:linear-gradient(135deg,#a16207,#713f12)}
.soc-top button:nth-child(2){background:linear-gradient(135deg,#0e7490,#164e63)}
.soc-top button:nth-child(3){background:linear-gradient(135deg,#7c3aed,#4c1d95)}
.soc-top i{font-style:normal;font-size:30px}.soc-top b{font-size:16px}.soc-top small{font-size:12px;opacity:.88}
@media (max-width:640px){.soc-top{grid-template-columns:1fr;gap:8px}.soc-top button{flex-direction:row;justify-content:flex-start;text-align:right;gap:10px;padding:10px 14px}.soc-top i{font-size:26px}.soc-top small{margin-right:auto}}
.sm-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#cfe6ef;border-radius:14px;touch-action:none}
.sm-svg{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none}
.sm-wrap.zoomed .sm-svg{cursor:grab}.sm-wrap.panning .sm-svg{cursor:grabbing}
.sm-zoom{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:3}
.sm-zoom button{width:38px;height:38px;border-radius:11px;border:1.5px solid #cbd5e1;background:#fff;color:#0f172a;font:800 20px/1 Tahoma,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.sm-cty{stroke:#5b4a2a;stroke-width:1;stroke-opacity:.5;cursor:pointer;transition:fill .25s,stroke-width .2s;fill-opacity:.82}
.sm-cty:hover{stroke-width:2.2;stroke-opacity:.9;fill-opacity:1}
.sm-cty.sel{stroke:#111;stroke-width:2.6;stroke-opacity:1;fill-opacity:1;filter:drop-shadow(0 0 6px rgba(0,0,0,.35))}
.sm-hit{fill:transparent;cursor:pointer}
.sm-lb{font-family:Tajawal,Tahoma,sans-serif;font-weight:800;fill:#1f2937;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none;transition:opacity .25s}
.sm-lb.cty-l{fill:#1e293b}.sm-lb.cap-l{fill:#7c2d12;font-weight:700}.sm-lb.sea-l,.sm-lb.t-sea,.sm-lb.t-river{fill:#1e40af;font-style:italic;font-weight:700}
.sm-lb.nb-l{fill:#78716c;font-weight:700}.sm-lb.isl-l{fill:#831843}
.sm-lb.ans-l{fill:#14532d;font-size:15px}.sm-lb.pz-l{fill:#0f172a}
.sm-cap{pointer-events:none}
.sm-pin{cursor:pointer;transition:transform .2s}
.sm-pin-bg{fill:#fff;stroke:#334155;stroke-width:1.5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.sm-pin.sea .sm-pin-bg{fill:#e0f2fe;stroke:#0369a1}
.sm-pin.t-civ .sm-pin-bg{fill:#fef3c7;stroke:#b45309}.sm-pin.t-isl .sm-pin-bg{fill:#dcfce7;stroke:#15803d}.sm-pin.t-water .sm-pin-bg{fill:#dbeafe;stroke:#1d4ed8}
.sm-pin.t-mount .sm-pin-bg,.sm-pin.t-plateau .sm-pin-bg{fill:#fde7d0;stroke:#9a3412}.sm-pin.t-desert .sm-pin-bg{fill:#fef9c3;stroke:#a16207}.sm-pin.t-plain .sm-pin-bg{fill:#ecfccb;stroke:#4d7c0f}.sm-pin.t-wadi .sm-pin-bg{fill:#e0e7ff;stroke:#4338ca}
.sm-pin:hover .sm-pin-bg,.sm-pin.sel .sm-pin-bg{stroke-width:3;stroke:#dc2626}
.sm-pin.sel{animation:smPop .35s}
.sm-pin-ic{pointer-events:none}
@keyframes smPop{50%{transform:scale(1.35)}}
.sm-stop circle{fill:#b45309;stroke:#fff;stroke-width:2.5}.sm-stop text{fill:#fff;font-weight:800;font-family:Tajawal,Tahoma}
.sm-stop.najd circle{fill:#fff7ed;stroke:#b45309}
.sm-stop.from circle{fill:#1d4ed8}.sm-stop.to circle{fill:#dc2626}
.sm-route{fill:none;stroke:#b45309;stroke-width:3.2;stroke-linecap:round}
.sm-route.sea{stroke-dasharray:8 6}.sm-route.arab{stroke:#1d4ed8;stroke-width:2.6}
.sm-svg.anim .sm-route{stroke-dasharray:1200;stroke-dashoffset:1200;animation:smDraw 1.6s ease forwards;animation-delay:var(--d,0s)}
.sm-svg.anim .sm-route.sea{stroke-dasharray:8 6;stroke-dashoffset:0;opacity:0;animation:smFade .7s ease forwards;animation-delay:var(--d,0s)}
@keyframes smFade{to{opacity:1}}
@keyframes smDraw{to{stroke-dashoffset:0}}
.sm-lb.stop-l{fill:#7c2d12;font-size:14px}.sm-lb.fam-l{fill:#1e3a8a}
.sm-target circle{fill:rgba(255,255,255,.85);stroke:#7c3aed;stroke-width:2.5;stroke-dasharray:4 3}
.sm-target text{fill:#7c3aed;font-weight:800;font-family:Tajawal,Tahoma}
.sm-target.ok circle{fill:#22c55e;stroke:#15803d;stroke-dasharray:none}.sm-target.ok text{fill:#fff}
.sm-ring{fill:none;stroke-width:4;animation:smRing 1s ease-out infinite}.sm-ring.ok{stroke:#16a34a}.sm-ring.no{stroke:#eab308}
@keyframes smRing{0%{stroke-opacity:1;r:8}100%{stroke-opacity:.2;r:30}}
.sm-miss{fill:#dc2626;stroke:#fff;stroke-width:2}
.pz-ok{animation:pzOk .6s}
@keyframes pzOk{30%{fill-opacity:1;stroke-width:4}}
#atl{position:fixed;inset:0;z-index:2147483040;background:#eef3f6;display:flex;flex-direction:column;font-family:Tajawal,Tahoma,sans-serif;direction:rtl;color:#0f172a}
#atl .sa-top{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(90deg,#0e7490,#155e75);color:#fff}
#atl .sa-x{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font:800 24px/1 Tahoma;cursor:pointer}
#atl .sa-tt{flex:1;min-width:0;display:flex;flex-direction:column}#atl .sa-tt b{font-size:18px}#atl .sa-tt span{font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#atl .sa-tools{display:flex;gap:6px}
#atl .sa-tools button{font:inherit;font-weight:700;font-size:13.5px;border:0;border-radius:11px;background:rgba(255,255,255,.16);color:#fff;padding:8px 11px;cursor:pointer;white-space:nowrap}
#atl .sa-tools button.on{background:#fbbf24;color:#422006}
#atl .sa-tabs{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;background:#fff;border-bottom:1px solid #dbe4ea;scrollbar-width:thin}
#atl .sa-tabs button{font:inherit;font-weight:800;font-size:14px;border:1.5px solid #dbe4ea;background:#f8fafc;color:#334155;border-radius:99px;padding:7px 14px;cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center}
#atl .sa-tabs button i{font-style:normal}
#atl .sa-tabs button.on{background:#0e7490;border-color:#0e7490;color:#fff}
#atl .sa-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px;gap:10px;padding:10px}
#atl.gallery .sa-body{grid-template-columns:1fr}#atl.gallery .sa-side{display:none}
#atl .sa-map{position:relative;min-height:0;display:flex;flex-direction:column;gap:8px}
#atl .sa-map .sm-wrap{flex:1;min-height:0;box-shadow:0 4px 18px rgba(15,23,42,.1)}
#atl .sa-side{overflow:auto;background:#fff;border-radius:14px;padding:12px;box-shadow:0 4px 18px rgba(15,23,42,.08)}
#atl .sa-chips{display:flex;gap:6px;flex-wrap:wrap}
#atl .sa-chips button{font:inherit;font-weight:700;font-size:13px;border:1.5px solid #cbd5e1;background:#fff;color:#64748b;border-radius:99px;padding:5px 12px;cursor:pointer}
#atl .sa-chips button.on{border-color:#0e7490;color:#0e7490;background:#ecfeff}
.sa-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin-bottom:10px}
.sa-card h3{margin:2px 0 8px;font-size:18px;color:#0f172a}
.sa-ty{display:inline-block;font-size:12px;font-weight:800;color:#0e7490;background:#ecfeff;border-radius:99px;padding:2px 10px}
.sa-f{margin:0;padding-right:18px;line-height:1.8;font-size:14.5px}.sa-f li{margin-bottom:4px}
.sa-m{color:#64748b;font-size:13.5px;line-height:1.7;margin:6px 0 0}
.sa-cap{margin:4px 0 0;font-size:15px}
.sa-cty{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.sil{flex:none}.sil path{fill:#0e7490;stroke:#083344;stroke-width:1}
.sa-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.7}
.sa-hint p{margin:4px 0}.sa-hint .m{color:#92400e}
.sa-leg{display:flex;flex-direction:column;gap:6px}
.sa-leg button{font:inherit;display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;text-align:right;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:7px 9px;cursor:pointer}
.sa-leg i{width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.2)}.sa-leg b{font-size:14px}.sa-leg small{color:#7c2d12;font-weight:700}
.sa-tl{display:flex;flex-direction:column;gap:6px;margin-top:8px;border-right:3px solid #f59e0b;padding-right:10px}
.sa-tl div{display:flex;flex-direction:column;font-size:13.5px}.sa-tl b{color:#b45309}
.sa-steps{margin:0;padding-right:20px;line-height:1.9}
.sa-tb{width:100%;border-collapse:collapse;font-size:14px}.sa-tb th,.sa-tb td{border:1px solid #e2e8f0;padding:6px 8px;text-align:right}.sa-tb th{background:#eff6ff}
#atl.blank .sm-lb{opacity:0}#atl.blank .sm-lb.shown{opacity:1}
.sa-gal{overflow:auto;height:100%;padding:4px}
.sa-gal h3{margin:12px 4px 8px;font-size:17px;color:#155e75}
.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sa-gi{font:inherit;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:right;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .15s}
.sa-gi:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.1)}
.sa-gi img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#f1f5f9}
.sa-gi span{font-weight:800;font-size:14px;line-height:1.5}.sa-gi small{color:#64748b}
.sa-lb{position:absolute;inset:0;z-index:20;background:rgba(15,23,42,.94);display:flex;flex-direction:column}
.sa-lb-top{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#fff}
.sa-lb-top b{flex:1;font-size:16px}
.sa-lb-top button{font:inherit;font-weight:700;border:0;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;padding:8px 12px;cursor:pointer}
.sa-lb-top [data-l="x"]{width:38px;font-size:22px;padding:0;height:38px}
.sa-lb-in{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}
.sa-lb-in img{max-width:96%;max-height:96%;transform-origin:center;transition:transform .08s;border-radius:6px;background:#fff}
.sa-lb-h{color:#cbd5e1;text-align:center;font-size:12.5px;margin:4px 0 8px}
.sa-pen{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:#fff;border-radius:99px;padding:6px 8px;box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:4}
.sa-pen button{width:28px;height:28px;border-radius:50%;border:2px solid #fff;cursor:pointer;font:inherit;font-size:12px}
.sa-pen button.on{outline:3px solid #0e7490}
.sa-pen [data-c="clear"]{width:auto;border-radius:99px;padding:0 10px;background:#f1f5f9}
.sm-wrap.inking .sm-svg{cursor:crosshair}
@media (max-width:860px){#atl .sa-body{grid-template-columns:1fr;grid-template-rows:1fr auto}#atl .sa-side{max-height:36vh}#atl .sa-tools span{display:none}#atl .sa-tt span{display:none}}
.gx.sg,.gx.sgh{position:fixed;inset:0;z-index:2147483060;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at 20% 0%,#ecfeff 0,#f0f9ff 40%,#eef2ff 100%);font-family:Tajawal,Tahoma,sans-serif;direction:rtl;color:#0f172a}
.gx.sgh{z-index:2147483055}
.sg-top{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(90deg,#4338ca,#6d28d9);color:#fff}
.sg-x{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font:800 24px/1 Tahoma;cursor:pointer}
.sg-tt{flex:1;min-width:0;display:flex;flex-direction:column}.sg-tt b{font-size:18px}.sg-tt span{font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-stat{display:flex;gap:8px;align-items:center;font-weight:800}
.sg-stat span{background:rgba(255,255,255,.16);border-radius:99px;padding:5px 11px;font-size:14px;white-space:nowrap}
.sg-mute{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.16);cursor:pointer;font-size:16px}
.sg-prog{height:6px;background:#e0e7ff}.sg-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .4s}
.sg-body{flex:1;min-height:0;overflow:auto;padding:12px;position:relative}
.sg-q{background:#fff;border-radius:16px;padding:12px 16px;font-size:20px;font-weight:700;box-shadow:0 4px 14px rgba(67,56,202,.1);line-height:1.6;text-align:center}
.sg-q b{color:#6d28d9}.sg-q small{display:block;font-size:13px;color:#64748b;font-weight:600}.sg-q .k{display:inline-block;background:#ede9fe;color:#6d28d9;border-radius:99px;font-size:12px;padding:2px 10px;margin-left:8px;vertical-align:middle}
.sg-ins{color:#64748b;font-size:13.5px;text-align:center;margin:8px 0}
.sg-b{font:inherit;font-weight:800;font-size:16px;border:0;border-radius:14px;padding:12px 20px;cursor:pointer;background:#e2e8f0;color:#0f172a}
.sg-b.pri{background:linear-gradient(135deg,#6d28d9,#4338ca);color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.3)}
.sg-toast{position:absolute;bottom:22px;left:50%;pointer-events:none;transform:translateX(-50%);z-index:30;padding:10px 18px;border-radius:99px;font-weight:800;font-size:16px;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);animation:sgIn .25s;transition:opacity .4s,transform .4s;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.sg-toast.ok{background:#16a34a}.sg-toast.no{background:#dc2626}.sg-toast.off{opacity:0;transform:translate(-50%,-10px)}
@keyframes sgIn{from{opacity:0;transform:translate(-50%,10px)}}
.sg-tm:empty{display:none}
.shake{animation:sgShake .4s}@keyframes sgShake{25%{transform:translateX(6px)}50%{transform:translateX(-6px)}75%{transform:translateX(4px)}}
.sg-pz,.sg-wh{display:flex;flex-direction:column;gap:8px;height:100%}
.sg-pzmap,.sg-whmap{flex:1;min-height:260px}
.sg-tabs2{display:flex;gap:6px;justify-content:center}
.sg-tabs2 button{font:inherit;font-weight:800;border:1.5px solid #c7d2fe;background:#fff;color:#4338ca;border-radius:99px;padding:6px 14px;cursor:pointer}
.sg-tabs2 button.on{background:#4338ca;color:#fff}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:4px}
.sg-chip{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:12px;padding:9px 14px;background:#fff;color:#312e81;box-shadow:0 3px 0 #c7d2fe,0 4px 10px rgba(0,0,0,.08);cursor:grab;touch-action:none}
.sg-chip.sel{background:#4338ca;color:#fff}
.sg-chip.done{background:#dcfce7;color:#15803d;box-shadow:none;text-decoration:line-through;opacity:.6;cursor:default}
.sg-chip.ghost{position:fixed;z-index:2147483099;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg) scale(1.08);box-shadow:0 12px 26px rgba(0,0,0,.25)}
.sg-cp{display:flex;flex-direction:column;gap:10px;height:100%}
.sg-cpw{flex:1;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:0}
.sg-rose{position:relative;width:min(300px,78vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#eef2ff 31% 60%,#e0e7ff 61%);box-shadow:inset 0 0 0 3px #c7d2fe,0 10px 30px rgba(67,56,202,.18);margin:0 auto}
.sg-dir{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(min(300px,78vw) * -0.40)) rotate(calc(var(--a) * -1));white-space:nowrap;font:800 13px Tajawal,Tahoma;background:#fff;color:#3730a3;border:2px solid #c7d2fe;border-radius:99px;padding:5px 9px;box-shadow:0 3px 8px rgba(0,0,0,.08);cursor:pointer;z-index:2}
.sg-dir:hover{background:#eef2ff}
.sg-dir.ok{background:#16a34a;color:#fff;border-color:#16a34a}.sg-dir.no{background:#dc2626;color:#fff;border-color:#dc2626}
.sg-needle{position:absolute;left:50%;top:50%;width:12px;height:42%;margin-left:-6px;margin-top:-42%;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.2,1.6,.4,1)}
.sg-needle i{display:block;width:100%;height:100%;background:linear-gradient(#dc2626 0 55%,#334155 55%);clip-path:polygon(50% 0,100% 100%,0 100%)}
.sg-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px}
.sg-cpmap{height:100%;min-height:240px}
.sg-bookq{height:100%;display:grid;place-items:center;text-align:center;font-size:60px;color:#6d28d9;background:#fff;border-radius:14px}.sg-bookq p{font-size:16px;color:#475569}
.sm-lb.cp-l{fill:#1e1b4b}
@media (max-width:760px){.sg-cpw{grid-template-columns:1fr}.sg-cpmap{min-height:200px;height:220px}}
.sg-tl{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.sg-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sg-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 3px 10px rgba(0,0,0,.07);cursor:grab;touch-action:none;transition:transform .15s,box-shadow .15s;border:2px solid transparent;user-select:none}
.sg-card .n{flex:none;width:30px;height:30px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-weight:800;display:grid;place-items:center}
.sg-card .t{flex:1;font-size:16px;font-weight:700;line-height:1.6}.sg-card .g{color:#94a3b8;font-size:20px}
.sg-card.drag{z-index:2;box-shadow:0 14px 30px rgba(0,0,0,.2);transition:none;position:relative}
.sg-card.sel{border-color:#6d28d9}
.sg-card.ok{border-color:#16a34a;background:#f0fdf4}.sg-card.no{border-color:#dc2626;background:#fef2f2}
.sg-sol{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:10px 14px;line-height:1.8}.sg-sol ol{margin:4px 0 0;padding-right:20px}.sg-sol em{color:#b45309;font-style:normal;font-weight:800}
.sg-so{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.sg-stack{min-height:110px;display:grid;place-items:center}
.sg-it{background:#fff;border-radius:18px;padding:18px 26px;font-size:22px;font-weight:800;box-shadow:0 10px 26px rgba(67,56,202,.18);cursor:grab;touch-action:none;text-align:center;animation:sgIn2 .3s;border:3px solid #c7d2fe;position:relative;z-index:3}
.sg-it small{display:block;font-size:12px;color:#94a3b8}
.sg-it.drag{cursor:grabbing;transition:none}
@keyframes sgIn2{from{transform:scale(.6);opacity:0}}
.sg-baskets{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px}
.sg-bk{font:inherit;border:3px dashed var(--c);background:#fff;border-radius:18px;padding:12px 8px;cursor:pointer;min-height:150px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s,background .15s}
.sg-bk b{color:var(--c);font-size:16px}.sg-bk .cnt{font-weight:800;color:#64748b}
.sg-bk .in{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.sg-bk .in i{font-style:normal;font-size:12px;background:#f1f5f9;border-radius:8px;padding:2px 6px}.sg-bk .in i.late{background:#fee2e2;color:#b91c1c}
.sg-bk.hov{background:#f5f3ff;transform:scale(1.04)}.sg-bk.pop{transform:scale(1.08);background:#f0fdf4}
@media (max-width:600px){.sg-baskets{grid-template-columns:repeat(2,1fr)}.sg-bk{min-height:110px}}
.sg-sh{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px;align-items:center}
.sg-silw{background:#fff;border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sg-silw .sil path{fill:#334155;stroke:none;transition:fill .5s}.sg-silw.rev .sil path{fill:#0e7490}
.sg-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.sg-op{font:inherit;font-weight:800;font-size:16px;border:2px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;cursor:pointer}
.sg-op:hover{border-color:#a5b4fc}.sg-op.ok{background:#16a34a;color:#fff;border-color:#16a34a}.sg-op.no{background:#dc2626;color:#fff;border-color:#dc2626}
.sg-cap{width:100%;text-align:center}.sg-cap p{font-size:17px;margin:4px 0 8px}
.sg-tf{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:stretch}
.sg-streak{align-self:center;background:#fff;border-radius:99px;padding:4px 14px;font-weight:800;color:#94a3b8}.sg-streak.hot{color:#ea580c;background:#fff7ed;animation:smPop .5s}
.sg-stm{background:#fff;border-radius:20px;padding:26px 20px;font-size:22px;font-weight:700;line-height:1.7;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.08);border:3px solid transparent;transition:border-color .3s}
.sg-stm.is-t{border-color:#16a34a}.sg-stm.is-f{border-color:#dc2626}
.sg-tfb{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sg-t{font:inherit;font-weight:800;font-size:22px;border:0;border-radius:18px;padding:18px;cursor:pointer;color:#fff;box-shadow:0 6px 0 rgba(0,0,0,.15);transition:transform .1s}
.sg-t:active{transform:translateY(3px)}.sg-t.ok{background:#16a34a}.sg-t.no{background:#dc2626}.sg-t.right{outline:5px solid #facc15}.sg-t.wrong{opacity:.55}
.sg-bar{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.sg-bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);animation:sgBar linear forwards;transform-origin:right}
@keyframes sgBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.sg-end{max-width:560px;margin:20px auto;text-align:center;background:#fff;border-radius:24px;padding:24px 18px;box-shadow:0 14px 40px rgba(67,56,202,.15)}
.sg-stars{display:flex;justify-content:center;gap:10px;font-size:54px}
.sg-stars i{font-style:normal;color:#e2e8f0;animation:sgStar .5s both;animation-delay:calc(var(--i) * .2s)}.sg-stars i.on{color:#facc15;text-shadow:0 4px 12px rgba(250,204,21,.5)}
@keyframes sgStar{from{transform:scale(0) rotate(-90deg)}}
.sg-end h2{margin:8px 0;font-size:22px}.sg-res{font-size:17px;margin:6px 0}
.sg-btns{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.sg-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sg-conf i{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:sgFall 2.6s ease-in forwards}
@keyframes sgFall{to{transform:translateY(105vh) rotate(var(--r));opacity:.8}}
.sgh-body{flex:1;overflow:auto;padding:14px}
.gh-soc h3{margin:4px 4px 10px;font-size:19px;color:#4338ca}.gh-soc h3 small{font-size:13px;color:#64748b;font-weight:600}
.gh-soc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.sgh .gh-card{font:inherit;text-align:right;border:0;background:#fff;border-radius:18px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 18px rgba(67,56,202,.1);transition:transform .15s}
.sgh .gh-card:hover{transform:translateY(-3px)}
.gh-soc .gh-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff}
.sgh .gh-n{font-weight:800;font-size:17px;color:#0f172a}.sgh .gh-d{font-size:13.5px;color:#64748b;line-height:1.6;flex:1}
.sgh .gh-play{align-self:flex-start;background:#eef2ff;color:#4338ca;font-weight:800;border-radius:99px;padding:4px 12px;font-size:13px}
#gmh .gh-soc{grid-column:1/-1;margin-bottom:6px}
#gmh .gh-soc h3{color:#fde68a}#gmh .gh-soc h3 small{color:#c7d2fe}
#gmh .gh-soc-list .gh-card{text-align:center}
#qd .qd-fig{margin:.3em auto 0;text-align:center}
#qd .qd-fig img{max-width:100%;max-height:calc(var(--ch,720px)*.5);border-radius:.4em;box-shadow:0 6px 20px rgba(0,0,0,.18);background:#fff}
#qd .qd-fig figcaption{font-size:.7em;color:#64748b;margin-top:.3em}
.pl{font-family:Tajawal,Tahoma,sans-serif;color:#1e1b4b}
.pl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pl-head h2{margin:0;flex:1;font-size:20px}
.pl-tools{display:flex;gap:6px;flex-wrap:wrap}
.pl-b{font:inherit;font-weight:800;font-size:14px;border:0;border-radius:999px;padding:8px 14px;background:#eef2ff;color:#4338ca;cursor:pointer}
.pl-b.pri{background:#4338ca;color:#fff}.pl-b.bad{background:#fee2e2;color:#b91c1c}
.pl-opts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f8fafc;border-radius:14px;padding:8px 12px;margin-bottom:10px;font-weight:700;font-size:14px}
.pl-opts label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.pl-opts input[type=checkbox]{width:auto}
.pl-opts select{width:auto;padding:5px 8px;border-radius:10px;border:2px solid #e0e7ff;font:inherit}
.pl-now{background:#eef2ff;border-radius:12px;padding:8px 12px;margin-bottom:8px;font-weight:800;font-size:15px}.pl-now.on{background:#dcfce7;color:#166534}
.pl-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.pl-t{width:100%;border-collapse:separate;border-spacing:4px;min-width:640px}
.pl-t th{font-size:13px;color:#475569;padding:6px;text-align:center;background:#f8fafc;border-radius:10px;white-space:nowrap}.pl-t th small{display:block;font-weight:600;color:#94a3b8;font-size:11px}
.pl-t tbody th{background:#eef2ff;color:#312e81;font-size:14px}
.pl-t td{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;height:58px;text-align:center;cursor:pointer;padding:4px;vertical-align:middle;transition:transform .1s}
.pl-t td:hover{transform:scale(1.03);border-color:#a5b4fc}
.pl-t td.full{background:var(--c,#e0e7ff);border:2px solid rgba(0,0,0,.06)}
.pl-t td b{display:block;font-size:14px}.pl-t td span{display:block;font-size:12px;color:#475569;font-weight:700}.pl-t td i{color:#cbd5e1;font-style:normal;font-size:20px}
.pl-t tr.today th{background:#4338ca;color:#fff}.pl-tg{background:#fbbf24;color:#422006;border-radius:99px;padding:0 6px;font-size:10px}
.pl-m{color:#64748b;font-size:13px;line-height:1.7}
.pl-filt{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.pl-filt button{font:inherit;font-weight:800;font-size:13px;border:2px solid #e0e7ff;background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer}.pl-filt button.on{background:#4338ca;border-color:#4338ca;color:#fff}
.pl-sn{display:flex;align-items:center;gap:4px;margin:0 auto 0 0;font-weight:700;font-size:13px}.pl-sn input{width:auto}
.pl-list{display:flex;flex-direction:column;gap:8px}
.pl-task{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #eef2ff;border-radius:16px;padding:10px 12px}
.pl-task.late{border-color:#fecaca;background:#fff7f7}.pl-task.done{opacity:.6}.pl-task.done b{text-decoration:line-through}.pl-task.off{opacity:.5}
.pl-chk{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid #a5b4fc;background:#fff;color:#16a34a;font-weight:900;cursor:pointer}
.pl-task.done .pl-chk{background:#dcfce7;border-color:#16a34a}
.pl-ic{font-size:24px}.pl-tx{flex:1;min-width:0;display:flex;flex-direction:column}.pl-tx b{font-size:16px}.pl-tx small{color:#475569}
.pl-meta{font-size:12.5px;color:#64748b;font-weight:700}.pl-meta em{color:#dc2626;font-style:normal}
.pl-empty{background:#f8fafc;border-radius:14px;padding:18px;text-align:center;color:#64748b;font-weight:700}
.pl-modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:12px;z-index:2147483640;font-family:Tajawal,Tahoma,sans-serif;direction:rtl}
.pl-sheet{background:#fff;border-radius:22px;padding:18px;width:min(520px,100%);max-height:92vh;overflow:auto;color:#1e1b4b}
.pl-sheet h3{margin:0 0 8px}.pl-sheet label{display:block;font-weight:700;font-size:14px;margin:8px 0 4px}
.pl-sheet input:not([type=checkbox]),.pl-sheet select{width:100%;border:2px solid #e0e7ff;border-radius:12px;padding:9px 11px;font:inherit;font-size:16px;background:#fff;color:#1e1b4b;box-sizing:border-box}
.pl-sheet input[type=checkbox]{width:auto;margin-left:6px}
.pl-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pl-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pl-err{color:#dc2626;font-weight:700;min-height:1em;margin:6px 0 0}
.pl-cols,.pl-icons{display:flex;gap:6px;flex-wrap:wrap}.pl-cols button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.pl-cols button.on{box-shadow:0 0 0 3px #4338ca}
.pl-icons button{font-size:20px;width:40px;height:40px;border-radius:12px;border:2px solid #e0e7ff;background:#fff;cursor:pointer}.pl-icons button.on{border-color:#4338ca;background:#eef2ff}
.pl-days{display:flex;flex-wrap:wrap;gap:4px 12px}.pl-days label{margin:0;font-weight:700}
.pl-pr{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.pl-pr b{min-width:96px}.pl-pr input{width:auto!important;flex:1;min-width:100px}
#pl-alerts{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:2147483645;display:flex;flex-direction:column;gap:8px;width:min(480px,94vw);font-family:Tajawal,Tahoma,sans-serif;direction:rtl}
.pl-alert{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 18px 40px rgba(30,27,75,.3);border:3px solid #fbbf24;animation:plIn .4s cubic-bezier(.2,1.4,.4,1)}
.pl-alert.out{opacity:0;transform:translateY(-10px);transition:.3s}
.pl-ai{font-size:32px;animation:plRing 1s ease-in-out 3}.pl-at{flex:1;display:flex;flex-direction:column}.pl-at b{font-size:17px;color:#1e1b4b}.pl-at span{color:#475569;font-weight:700;font-size:14px}
.pl-alert button{font:inherit;font-weight:800;border:0;border-radius:999px;background:#4338ca;color:#fff;padding:8px 14px;cursor:pointer}
@keyframes plIn{from{transform:translateY(-30px) scale(.9);opacity:0}}@keyframes plRing{0%,100%{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}
.pl-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;z-index:2147483646;font-family:Tajawal,Tahoma,sans-serif}
#pl-win{position:fixed;inset:0;z-index:2147483100;background:#eef2ff;display:flex;flex-direction:column;direction:rtl}
#pl-win .pl-wtop{display:flex;align-items:center;padding:8px 14px;background:linear-gradient(90deg,#4338ca,#6d28d9);color:#fff;font-family:Tajawal,Tahoma,sans-serif}
#pl-win .pl-wtop b{flex:1;font-size:18px}#pl-win .pl-wtop button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font:800 24px/1 Tahoma;cursor:pointer}
#pl-win .pl-wb{flex:1;overflow:auto;padding:14px;max-width:1100px;width:100%;margin:0 auto;box-sizing:border-box}
#crt{position:fixed;inset:0;z-index:2147483100;background:#eef0f6;display:flex;flex-direction:column}
#crt .crt-top{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(90deg,#b7791f,#f0b429);color:#fff;font-family:Tajawal,Tahoma,sans-serif;direction:rtl}
#crt .crt-top b{font-size:18px;white-space:nowrap}
#crt .crt-top span{flex:1;min-width:0;font-weight:700;font-size:14px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#crt .crt-x{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;font:800 22px/1 Tahoma,sans-serif;cursor:pointer}
#crt .crt-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;background:#eef0f6}
#crt iframe{display:block;width:1px;min-width:100%;height:100%;border:0;background:#eef0f6}
#lbar-pill{position:fixed;z-index:2147483300;display:flex;align-items:center;gap:6px;border:1.5px solid #c7d2fe;background:rgba(255,255,255,.96);color:#3730a3;border-radius:99px;padding:6px 12px 6px 10px;font:800 14px/1 Tajawal,Tahoma,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(30,27,75,.18);opacity:.85}
#lbar-pill:hover{opacity:1;background:#eef2ff}
.ct-intro{margin:0 0 10px;color:#475569;font-weight:600}
.ct-ways{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.ct-ways a,.ct-ways button{font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:18px;text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center}
.ct-ways b{font-size:17px}.ct-ways small{font-size:13px;opacity:.85}
.ct-wa{background:#e8fbef;color:#14532d;border-color:#86efac!important}.ct-wa:hover{background:#dcfce7}
.ct-wa .ct-ic{width:46px;height:46px;border-radius:50%;background:#25d366;display:grid;place-items:center}
.ct-em{background:#eef2ff;color:#312e81;border-color:#c7d2fe!important}.ct-em.on,.ct-em:hover{background:#e0e7ff}
.ct-em .ct-ic{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px}
@media (max-width:420px){.ct-ways{grid-template-columns:1fr}}
.qz-sub{margin:0 0 10px;color:#64748b;font-weight:700}
.qz-scope{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.qz-sc{font:inherit;text-align:right;border:2px solid #e2e8f0;background:#fff;border-radius:16px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.qz-sc b{font-size:17px;color:#1e293b}.qz-sc span{color:#475569;font-weight:600;font-size:14px}.qz-sc small{color:#0d8178;font-weight:800}
.qz-sc.on{border-color:#25bfb2;background:#effcfa;box-shadow:0 0 0 3px rgba(37,191,178,.18)}
.qz-cnt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 4px;font-weight:700;color:#334155}
.qz-cnt button{font:inherit;font-weight:800;border:2px solid #e2e8f0;background:#fff;border-radius:99px;padding:5px 14px;cursor:pointer}
.qz-cnt button.on{background:#25bfb2;border-color:#25bfb2;color:#fff}
.el-btn.alt{background:#eef0f6!important;color:#1b2350!important}
html.lbar-off #lbar,html.lbar-off #lbar-pill{display:none!important}
#lbar-pill span{font-size:12.5px}
@media (max-width:600px){#lbar-pill span{display:none}}
@media (max-width:600px){#lbar .lb-t{font-size:14px}#lbar .lb-d{font-size:12px}}
@media print{#lbar{display:none}}
#ev{position:fixed;inset:0;z-index:2147483100;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:14px;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif}
#ev .ev-box{background:#fff;color:#1e1b4b;border-radius:24px;width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3)}
#ev .ev-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a)}
#ev .ev-top h3{margin:0;font-size:21px}#ev .ev-top p{margin:2px 0 0;color:#92400e;font-weight:700;font-size:14px}
#ev .ev-x{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.75);font-size:22px;cursor:pointer;flex:none}
#ev .ev-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 18px 0}
#ev .ev-sel{font:inherit;font-weight:700;font-size:15px;border:2px solid #e0e7ff;border-radius:12px;padding:7px 10px;background:#fff;color:#1e1b4b;min-width:150px}
#ev .ev-cloud{font-size:12.5px;color:#64748b;font-weight:700}
#ev .ev-sum{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 4px}
#ev .ev-chip{font-size:12.5px;font-weight:800;border-radius:99px;padding:4px 10px;background:color-mix(in srgb,var(--c,#4f46e5) 14%,#fff);color:var(--c,#4f46e5)}
#ev .ev-chip.all{background:#eef2ff;color:#3730a3}
#ev .ev-list{overflow:auto;padding:6px 18px 10px;display:flex;flex-direction:column;gap:8px;flex:1}
#ev .ev-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid #eef0f7;border-radius:16px;padding:10px 12px;flex-wrap:wrap}
#ev .ev-row.done{border-color:#dbeafe;background:#fafcff}
#ev .ev-nm{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
#ev .ev-nm b{font-size:16px}#ev .ev-nm small{color:#94a3b8;font-size:11.5px}
#ev .ev-lv{font-size:13.5px;font-weight:800;color:var(--c)}
#ev .ev-note{font-size:13px;color:#475569;line-height:1.5}
#ev .ev-none{font-size:12.5px;color:#94a3b8;font-weight:700}
#ev .ev-acts{display:flex;gap:6px}
#ev .ev-btn{font:inherit;font-weight:800;font-size:14px;border:0;border-radius:12px;padding:9px 14px;background:#eef2ff;color:#3730a3;cursor:pointer}
#ev .ev-btn.sm{padding:7px 11px;font-size:13px}#ev .ev-btn.bad{background:#fee2e2;color:#b91c1c}#ev .ev-btn.pri{background:#4338ca;color:#fff}
#ev .ev-empty{text-align:center;color:#64748b;padding:24px 10px;line-height:1.8}
#ev .ev-add{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid #f1f5f9}
#ev .ev-add input{flex:1;min-width:0;font:inherit;font-size:15px;border:2px solid #e0e7ff;border-radius:12px;padding:8px 10px}
#ev .ev-add input.bad{border-color:#f87171}
#ev .ev-form{position:absolute;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:14px}
#ev .ev-fbox{background:#fff;border-radius:22px;padding:18px;width:min(460px,100%);display:flex;flex-direction:column;gap:10px}
#ev .ev-fbox h4{margin:0;font-size:18px}
#ev .ev-lvs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#ev .ev-lvs button{font:inherit;font-weight:800;font-size:12px;border:2px solid #eef0f7;border-radius:14px;padding:8px 2px;background:#fff;color:#334155;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
#ev .ev-lvs button span{font-size:24px}
#ev .ev-lvs button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
#ev label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14px}
#ev label input,#ev label textarea{font:inherit;font-size:15px;border:2px solid #e0e7ff;border-radius:12px;padding:8px 10px}
#ev label textarea{min-height:70px;resize:vertical}
#ev .ev-err{color:#dc2626;font-weight:700;margin:0;min-height:1.2em;font-size:13.5px}
#ev .ev-frow{display:flex;gap:8px}
@media (max-width:520px){#ev .ev-lvs{grid-template-columns:repeat(3,1fr)}}
#gmh{position:fixed;inset:0;z-index:2147483001;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;overflow:auto;-webkit-overflow-scrolling:touch;
background:radial-gradient(ellipse at 50% 0%,#3a2a8c 0%,#140e45 60%,#0a0726 100%);color:#fff;
padding:calc(14px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px))}
#gmh *{box-sizing:border-box}
#gmh .gh-top{display:flex;align-items:center;gap:12px;max-width:1000px;margin:0 auto 18px}
#gmh .gh-x{flex:none;width:46px;height:46px;border-radius:14px;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
#gmh .gh-x svg{width:22px;height:22px;transform:scaleX(-1)}
#gmh h2{margin:0;font-size:clamp(22px,4vw,32px);font-weight:800;color:#ffd76a}
#gmh .gh-top p{margin:2px 0 0;color:#cdd3ff;font-size:14px}
#gmh .gh-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-width:1000px;margin:0 auto}
#gmh .gh-card{font:inherit;color:#fff;text-align:center;border:2px solid rgba(143,160,255,.4);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
border-radius:24px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .15s}
#gmh .gh-card:hover{transform:translateY(-3px)}
#gmh .gh-card.off,#gmh .gh-more{opacity:.55;cursor:default;transform:none}
#gmh .gh-ic{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(160deg,var(--c1,#5b6fe0),var(--c2,#3b4fc4));box-shadow:0 10px 24px rgba(0,0,0,.35);font-size:34px;font-weight:300}
#gmh .gh-more .gh-ic{background:rgba(255,255,255,.12);box-shadow:none}
#gmh .gh-ic svg{width:36px;height:36px;color:#fff}
#gmh .gh-n{font-size:20px;font-weight:800}
#gmh .gh-d{font-size:14px;color:#cdd3ff;line-height:1.7}
#gmh .gh-play{margin-top:4px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;border-radius:999px;padding:8px 22px}
#gmh .gh-soon{margin-top:4px;background:rgba(255,255,255,.15);border-radius:999px;padding:6px 16px;font-size:13px}
.gx{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:#fff;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overflow:hidden}
.gx *{box-sizing:border-box}
.gemo{display:inline-block;font-size:1.9em;line-height:1;vertical-align:middle;margin:0 .06em}.gx button{font-family:inherit;cursor:pointer}
.gx-top{display:flex;align-items:center;gap:8px;padding:8px 10px;flex:none}
.gx-ib{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;flex:none}
.gx-ib svg{width:22px;height:22px}
.gx-title{flex:1;text-align:center;font-weight:800;font-size:clamp(18px,3vmin + 8px,30px);text-shadow:0 2px 0 rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-stat{display:flex;gap:8px;font-weight:800;font-size:clamp(14px,1.3vmin + 9px,20px);min-width:42px;justify-content:flex-end}
.gx-stat span{background:rgba(0,0,0,.22);border-radius:999px;padding:4px 12px;white-space:nowrap}
.gx-hearts i{font-style:normal;opacity:.6}
.gx-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 12px 12px;min-height:0;position:relative}
.gx-card{background:#fff;color:#1b2350;border-radius:26px;padding:22px;width:min(560px,100%);margin:auto;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.25);max-height:100%;overflow:auto}
.gx-card h3{margin:0 0 8px;font-size:clamp(22px,3vmin + 12px,34px)}
.gx-card p{margin:6px 0;line-height:1.7;font-size:clamp(14px,1.2vmin + 10px,19px)}
.gx-emoji{font-size:clamp(46px,9vmin,72px);line-height:1;animation:gxBob 2s ease-in-out infinite}
@keyframes gxBob{50%{transform:translateY(-8px) rotate(-4deg)}}
.gx-big{font-size:clamp(30px,6vmin,52px)!important;font-weight:800;color:#3b4fc4}
.gx-go{border:0;border-radius:999px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;font-size:19px;padding:11px 30px;margin:8px 4px 0;box-shadow:0 6px 0 #b77a06}
.gx-go:active{transform:translateY(4px);box-shadow:0 2px 0 #b77a06}
.gx-go.alt{background:#eef0f6;color:#1b2350;box-shadow:0 6px 0 #c9cee6}
.gx-opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}
.gx-opts button{border:2px solid #dfe3f3;background:#fff;border-radius:12px;padding:8px 16px;font-weight:700;color:#1b2350}
.gx-opts button.on{border-color:#3b4fc4;background:#eef2ff}
.gx-names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.gx-names label{font-weight:700;font-size:14px;text-align:right}
.gx-names input{width:100%;margin-top:4px;font:inherit;font-weight:700;border:2px solid #dfe3f3;border-radius:12px;padding:8px 10px;color:#1b2350}
.gx-names label:first-child input{border-color:#3b6cff}.gx-names label:last-child input{border-color:#ff4d5e}
.gx .mg-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:9}
.gx .mg-conf i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:mgFall linear forwards}
.gx .q{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e}
@media (orientation:portrait),(max-width:600px){.gx-names{grid-template-columns:1fr}}
.gx-sky{background:linear-gradient(180deg,#5ab8ff 0%,#a9dcff 60%,#e6f6ff 100%)}
.bl-q{background:#fff;color:#1b2350;border-radius:18px;padding:10px 16px;text-align:center;font-weight:800;font-size:clamp(16px,1.6vmin + 10px,26px);line-height:1.6;box-shadow:0 6px 0 rgba(0,0,0,.1);flex:none;z-index:2}
.bl-r{display:block;font-size:.65em;color:#3b82c4}
.bl-sky{flex:1;position:relative;overflow:hidden;border-radius:20px;min-height:200px}
.bl-cloud{position:absolute;width:140px;height:44px;background:#fff;border-radius:40px;opacity:.85;animation:blCloud 40s linear infinite}
.bl-cloud::before,.bl-cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.bl-cloud::before{width:60px;height:60px;top:-28px;right:22px}.bl-cloud::after{width:44px;height:44px;top:-18px;left:24px}
.bl-cloud.c1{top:18%;right:-160px}.bl-cloud.c2{top:55%;right:-160px;animation-duration:60s;animation-delay:-25s;transform:scale(.7)}
@keyframes blCloud{to{right:110%}}
.bl-b{position:absolute;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;will-change:transform;z-index:2}
.bl-in{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:96px;padding:14px 12px 18px;border-radius:50% 50% 48% 48%/45% 45% 55% 55%;
background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0 10%,transparent 11%),radial-gradient(circle at 50% 40%,var(--c),color-mix(in srgb,var(--c) 70%,#000));
color:#fff;font-weight:800;font-size:clamp(13px,1.2vmin + 8px,18px);line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:inset -6px -8px 14px rgba(0,0,0,.18);animation:blSway 2.6s ease-in-out infinite}
.bl-b.one .bl-in{font-size:clamp(36px,7vmin,60px)}
.bl-b.qa .bl-in{font-family:'Amiri','Traditional Arabic',serif;font-size:clamp(13px,1.1vmin + 8px,17px)}
.bl-b .q{color:#fff}
.bl-in::after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-top-color:var(--c)}
.bl-str{display:block;width:2px;height:46px;background:rgba(60,70,90,.45);margin-top:6px}
@keyframes blSway{50%{transform:rotate(3deg) translateX(4px)}}
.bl-b.gone{pointer-events:none}
.bl-b.pop .bl-in{animation:blPop .3s ease-out forwards}.bl-b.pop .bl-str{opacity:0}
@keyframes blPop{to{transform:scale(1.5);opacity:0}}
.bl-b.bad .bl-in{animation:blBad .6s ease-in forwards;background:#9aa3b5}.bl-b.bad .bl-str{opacity:0}
@keyframes blBad{30%{transform:scale(1.1,.8)}to{transform:translateY(120px) scale(.4) rotate(40deg);opacity:0}}
.bl-b.fade{opacity:.25;transition:opacity .4s!important}
.bl-b.right .bl-in{box-shadow:0 0 0 5px #fff,0 0 24px 6px #ffe066}
.bl-p{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none;animation:blPart .65s ease-out forwards;z-index:3}
@keyframes blPart{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
.bl-msg{position:absolute;top:12px;left:0;right:0;text-align:center;font-weight:800;font-size:clamp(18px,2vmin + 12px,30px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.25);z-index:4;opacity:0}
.bl-msg.on{animation:blMsg 1.3s ease forwards}
@keyframes blMsg{15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}
@media (orientation:landscape) and (max-height:520px){.bl-q{font-size:16px;padding:6px 12px}.gx-top{padding:4px 10px}.gx-ib{width:36px;height:36px}.bl-in{min-height:76px;padding:10px 8px 14px}.bl-str{height:28px}}
.gx-tf{background:radial-gradient(ellipse at 50% 0%,#7c3aed 0%,#3b0f80 55%,#1a0640 100%)}
.tf-bar{height:12px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;flex:none}
.tf-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#22d3ee,#a3e635);transition:width 1s linear}
.tf-combo{text-align:center;font-weight:800;font-size:clamp(18px,2vmin + 10px,28px);color:#fde047;min-height:1.3em;opacity:0}
.tf-combo.on{animation:blMsg 1.4s ease forwards}
.tf-card{flex:1;background:#fff;color:#1b2350;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center;min-height:0;overflow:auto;box-shadow:0 10px 0 rgba(0,0,0,.18)}
.tf-card.in{animation:tfIn .35s cubic-bezier(.2,1.4,.5,1)}
@keyframes tfIn{from{transform:scale(.85) rotate(-2deg);opacity:0}}
.tf-card.good{box-shadow:0 0 0 6px #22c55e,0 10px 0 rgba(0,0,0,.18)}
.tf-card.bad{box-shadow:0 0 0 6px #ef4444,0 10px 0 rgba(0,0,0,.18);animation:tgShake .4s}
.tf-q{margin:0;font-weight:800;font-size:clamp(17px,1.8vmin + 10px,28px);line-height:1.6}
.tf-a{font-weight:800;font-size:clamp(18px,2vmin + 10px,30px);background:#f3e8ff;color:#6d28d9;border-radius:16px;padding:10px 20px;line-height:1.6}
.tf-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none}
.tf-b{border:0;border-radius:22px;padding:14px;font-weight:800;font-size:clamp(20px,2.4vmin + 12px,34px);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .08s}
.tf-b span{font-size:1.2em}
.tf-b.yes{background:linear-gradient(#34d399,#059669);box-shadow:0 7px 0 #047857}.tf-b.no{background:linear-gradient(#fb7185,#e11d48);box-shadow:0 7px 0 #9f1239}
.tf-b:active{transform:translateY(5px);box-shadow:none}
.tf-cd{margin:auto;font-size:clamp(90px,26vmin,200px);font-weight:800;color:#fde047;text-shadow:0 8px 0 rgba(0,0,0,.25)}
.tf-cd.on{animation:tfIn .4s cubic-bezier(.2,1.4,.5,1)}
@media (orientation:landscape) and (max-height:520px){.gx-tf .gx-body{display:grid;grid-template-columns:1fr 200px;grid-template-rows:auto auto 1fr;gap:8px}
.tf-bar,.tf-combo{grid-column:1/-1}.tf-card{grid-column:1;grid-row:3}.tf-btns{grid-column:2;grid-row:3;grid-template-columns:1fr}.tf-b{padding:8px}}
.gx-whl{background:radial-gradient(ellipse at 50% 0%,#0ea5a4 0%,#0b4f6c 55%,#082136 100%)}
.wh-score{display:flex;align-items:center;justify-content:center;gap:10px;flex:none}
.wh-t{flex:1;max-width:260px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:16px;padding:6px 14px;font-weight:800;border:3px solid transparent;font-size:clamp(14px,1.4vmin + 9px,20px);transition:all .3s}
.wh-t span{font-size:1.3em;background:rgba(255,255,255,.25);border-radius:10px;padding:0 10px}
.wh-t.t0{background:#3b6cff}.wh-t.t1{background:#ff4d5e}
.wh-t.now{border-color:#ffd76a;box-shadow:0 0 0 4px rgba(255,215,106,.4);transform:scale(1.05)}
.wh-left{font-weight:700;opacity:.85;white-space:nowrap}
.wh-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}
.wh-wheel{position:relative;width:min(70vw,38vh,340px);aspect-ratio:1;flex:none}
.wh-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.wh-ptr{position:absolute;top:-6px;left:50%;margin-left:-16px;width:32px;height:40px;z-index:2;background:#ffd76a;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.4));transform-origin:50% 0}
.wh-ptr.hit{animation:whHit .12s}
@keyframes whHit{50%{transform:rotate(-14deg)}}
.wh-spin{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);border:0;border-radius:999px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;font-size:17px;padding:9px 22px;box-shadow:0 5px 0 #b77a06;white-space:nowrap}
.wh-spin:disabled{opacity:.6}
.wh-play{width:100%;max-width:820px;display:flex;flex-direction:column;gap:8px;margin-top:22px;min-height:0;overflow:auto}
.wh-turn{align-self:center;display:flex;align-items:center;gap:8px;border-radius:999px;padding:5px 16px;font-weight:800;font-size:clamp(14px,1.3vmin + 9px,20px);text-align:center}
.wh-turn.t0{background:#3b6cff}.wh-turn.t1{background:#ff4d5e}
.wh-tm{background:#fff;color:#1b2350;border-radius:999px;min-width:2em;text-align:center;padding:0 8px}
.wh-tm.low{background:#ffd76a;animation:mgBlink .5s infinite}
.wh-hint{text-align:center;font-weight:700;opacity:.9;margin:4px 0}
.wh-big{text-align:center;font-weight:800;font-size:clamp(22px,3vmin + 10px,36px);color:#ffd76a;margin:6px 0}
.wh-q{background:#fff;color:#1b2350;border-radius:18px;padding:10px 16px;text-align:center;font-weight:800;font-size:clamp(16px,1.6vmin + 10px,26px);line-height:1.6}
.wh-ans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wh-a{display:flex;align-items:center;gap:10px;text-align:right;border:0;border-radius:16px;background:#fff;color:#1b2350;padding:8px 12px;font-weight:700;font-size:clamp(14px,1.3vmin + 9px,21px);line-height:1.45;box-shadow:0 5px 0 #b9d7e6}
.wh-a b{flex:none;width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;background:#e0f7f6;color:#0b4f6c}
.wh-a.qa span{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e}
.wh-a.ok{background:#2fcf7d;color:#fff;box-shadow:0 5px 0 #13894c}.wh-a.no{background:#ff5d6c;color:#fff;box-shadow:0 5px 0 #a3172a;animation:tgShake .4s}
.wh-msg{text-align:center;font-weight:800;min-height:1.3em;font-size:clamp(15px,1.4vmin + 9px,22px)}
@media (orientation:portrait),(max-width:600px){.wh-ans{grid-template-columns:1fr}}
@media (orientation:landscape){.wh-main{flex-direction:row;align-items:center;justify-content:center;gap:24px}.wh-wheel{width:min(40vw,62vh,420px)}.wh-play{margin-top:0;flex:1;max-height:100%}}
@media (orientation:landscape) and (max-height:520px){.gx-whl .gx-top{padding:4px 10px}.gx-whl .gx-ib{width:36px;height:36px}.wh-wheel{width:min(38vw,56vh)}.wh-q{font-size:16px;padding:6px 12px}.wh-a{font-size:14px;padding:5px 10px}}
.gx-live{background:radial-gradient(ellipse at 50% 0%,#46178f 0%,#2a0d5e 55%,#160634 100%)}
.gx-live .gx-body{overflow:auto}
.lv-lobby{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;min-height:0}
.lv-join{background:#fff;color:#1b2350;border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.lv-qr{width:min(100%,46vh,340px);aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:16px}
.lv-qr img{width:100%;height:100%;image-rendering:pixelated}
.lv-noqr{font-weight:700;color:#6b7280}
.lv-code small{display:block;color:#6b7280;font-weight:700}
.lv-code b{display:block;font-size:clamp(34px,6vmin,64px);letter-spacing:4px;direction:ltr;color:#46178f;line-height:1.1}
.lv-url{direction:ltr;word-break:break-all;font-size:11px!important;font-weight:400!important;max-width:100%}
.lv-room{display:flex;flex-direction:column;gap:12px;min-height:0}
.lv-cnt{background:rgba(255,255,255,.12);border-radius:16px;padding:10px 16px;font-weight:800;font-size:clamp(18px,2vmin + 10px,28px);display:flex;align-items:center;gap:10px}
.lv-pl{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;overflow:auto;min-height:80px}
.lv-chip{background:#fff;color:#2a0d5e;border-radius:999px;padding:6px 14px;font-weight:800;animation:tfIn .35s cubic-bezier(.2,1.4,.5,1)}
.lv-room .gx-go{align-self:center}.gx-go:disabled{opacity:.5}
.lv-qtop{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800}
.lv-num{background:rgba(255,255,255,.14);border-radius:999px;padding:4px 14px}
.lv-tm{width:64px;height:64px;border-radius:50%;background:#fff;color:#46178f;display:grid;place-items:center;font-size:28px;font-weight:800}
.lv-tm.low{background:#ffd76a;animation:mgBlink .5s infinite}
.lv-ac{background:rgba(255,255,255,.14);border-radius:999px;padding:4px 14px}
.lv-q{background:#fff;color:#1b2350;border-radius:20px;padding:14px 18px;text-align:center;font-weight:800;font-size:clamp(18px,2.2vmin + 10px,34px);line-height:1.6}
.lv-q.s{font-size:clamp(15px,1.4vmin + 10px,22px);padding:10px 14px}
.lv-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}
.lv-o{position:relative;overflow:hidden;background:var(--c);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-weight:800;font-size:clamp(16px,1.8vmin + 9px,28px);box-shadow:0 5px 0 rgba(0,0,0,.25)}
.lv-o i{font-style:normal;font-size:1.3em;flex:none}
.lv-o span{flex:1;line-height:1.45}.lv-o .q,.lv-btn .q{color:#fff}
.lv-o em{font-style:normal;background:rgba(0,0,0,.25);border-radius:10px;padding:0 10px;min-width:2em;text-align:center}
.lv-o em:empty{display:none}
.lv-o::after{content:"";position:absolute;right:0;bottom:0;height:6px;width:var(--w,0);background:rgba(255,255,255,.7);transition:width .8s}
.lv-o.dim{opacity:.35}.lv-o.right{box-shadow:0 0 0 5px #fff,0 5px 0 rgba(0,0,0,.25)}
.lv-o.right::before{content:"✔";position:absolute;left:12px;top:6px;font-size:22px}
.lv-ctl{display:flex;justify-content:center;gap:10px}
.lv-lb{background:rgba(255,255,255,.08);border-radius:24px;padding:16px;width:min(640px,100%);margin:auto}
.lv-lb h3{text-align:center;margin:0 0 12px;font-size:clamp(22px,3vmin + 10px,34px);color:#ffd76a}
.lv-row{display:flex;align-items:center;gap:12px;background:#fff;color:#1b2350;border-radius:14px;padding:10px 14px;margin-bottom:8px;font-weight:800;font-size:clamp(16px,1.6vmin + 10px,24px);animation:tfIn .5s both;animation-delay:var(--d)}
.lv-row b{width:1.8em;height:1.8em;border-radius:50%;background:#46178f;color:#fff;display:grid;place-items:center;flex:none}
.lv-row span{flex:1}.lv-row i{font-style:normal;font-size:.8em}
.lv-pod{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:auto;padding-top:20px}
.lv-p{display:flex;flex-direction:column;align-items:center;gap:4px;width:min(30%,180px);font-weight:800;text-align:center;animation:tfIn .6s both}
.lv-p.p1{animation-delay:.9s}.lv-p.p2{animation-delay:.5s}.lv-p.p3{animation-delay:.2s}
.lv-medal{font-size:clamp(34px,6vmin,56px)}
.lv-p b{font-size:clamp(15px,1.6vmin + 9px,24px)}.lv-p span{color:#ffd76a}
.lv-col{width:100%;border-radius:14px 14px 0 0;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;display:grid;place-items:center;font-size:32px}
.lv-p.p1 .lv-col{height:clamp(120px,24vh,220px)}.lv-p.p2 .lv-col{height:clamp(90px,17vh,160px);background:linear-gradient(#e5e7eb,#9ca3af)}.lv-p.p3 .lv-col{height:clamp(70px,12vh,120px);background:linear-gradient(#f0b27a,#b4652a)}
.lv-rest{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.lv-rest span{background:rgba(255,255,255,.12);border-radius:999px;padding:4px 12px;font-weight:700}
.lv-form{display:grid;gap:10px;margin:10px 0;text-align:right}
.lv-form label{font-weight:700;font-size:14px}
.lv-form input{width:100%;margin-top:4px;font:inherit;font-size:20px;font-weight:800;border:2px solid #dfe3f3;border-radius:14px;padding:10px 12px;color:#1b2350;text-align:center}
.lv-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
.lv-dots i{width:12px;height:12px;border-radius:50%;background:#46178f;animation:gxBob 1s infinite}
.lv-dots i:nth-child(2){animation-delay:.15s}.lv-dots i:nth-child(3){animation-delay:.3s}
.lv-sq{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}
.lv-sq .lv-num{align-self:center}
.lv-sbar{height:10px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.lv-sbar i{display:block;height:100%;width:100%;background:#ffd76a;transition:width .2s linear}
.lv-sb{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.lv-btn{border:0;border-radius:18px;background:var(--c);color:#fff;font-weight:800;font-size:clamp(16px,1.6vmin + 10px,24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;box-shadow:0 6px 0 rgba(0,0,0,.3);min-height:90px;line-height:1.4}
.lv-btn i{font-style:normal;font-size:1.6em}
.lv-btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.lv-res{margin:auto;text-align:center;border-radius:28px;padding:26px;width:min(480px,100%)}
.lv-res.good{background:#26890c}.lv-res.bad{background:#e21b3c}
.lv-big{font-size:clamp(70px,16vmin,120px);line-height:1}
.lv-res h3{margin:6px 0;font-size:clamp(22px,3vmin + 12px,34px)}
.lv-gain{font-size:clamp(28px,5vmin,44px)!important;font-weight:800;margin:4px 0}
.lv-rank{background:rgba(0,0,0,.2);border-radius:999px;padding:6px 14px;display:inline-block;font-weight:800}
@media (orientation:portrait),(max-width:640px){.lv-lobby{grid-template-columns:1fr}.lv-ch{grid-template-columns:1fr}}
#edu-lib .qz-modes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#edu-lib .qz-mode{font:inherit;border:2px solid #e1e5f7;background:#fff;border-radius:20px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--ink);text-align:center}
#edu-lib .qz-mode b{font-size:1.15rem}#edu-lib .qz-mode small{color:var(--muted);line-height:1.6}
#edu-lib .qz-mode .em{font-size:40px;line-height:1}
.qz-soon{margin:14px auto 0;max-width:420px;text-align:center;background:#fff7ed;color:#9a3412;border:2px solid #fdba74;border-radius:16px;padding:12px 16px;font-weight:800;font-size:1.1rem}
.qz-soon[hidden]{display:none}
.qz-soon.pop{animation:qzPop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes qzPop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
#edu-lib .qz-mode.live{border-color:#46178f;background:linear-gradient(160deg,#f5efff,#fff)}
#edu-lib .qz-join{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap;justify-content:center}
#edu-lib .qz-join input{font:inherit;font-weight:800;font-size:18px;width:140px;text-align:center;border:2px solid #e1e5f7;border-radius:12px;padding:8px}
#mm{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;
background:radial-gradient(circle at 50% 40%,#ffffff 0%,#eef2ff 55%,#e0e7ff 100%);color:#1e1b4b;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#mm *{box-sizing:border-box}#mm button{font-family:inherit;cursor:pointer}
#mm .mm-top{display:flex;align-items:center;gap:8px;padding:8px 10px;flex:none}
#mm .mm-ib{width:40px;height:40px;border-radius:12px;border:0;background:#fff;color:#3730a3;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 2px 6px rgba(30,27,75,.12);flex:none}
#mm .mm-ib svg{width:22px;height:22px}
#mm .mm-title{flex:1;text-align:center;font-weight:800;font-size:clamp(16px,2vmin + 8px,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mm .mm-maps{display:flex;align-items:center;gap:6px;font-weight:800;color:#3730a3}
#mm .mm-view{flex:1;position:relative;overflow:hidden;cursor:pointer;touch-action:none;min-height:0;
background-image:radial-gradient(#c7d2fe 1px,transparent 1.2px);background-size:22px 22px}
#mm .mm-stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}
#mm .mm-links{position:absolute;inset:0;overflow:visible;pointer-events:none}
#mm .mm-l{fill:none;stroke-width:5;stroke-linecap:round;opacity:0;transition:stroke-dashoffset .7s ease,opacity .2s}
#mm .mm-l.on{opacity:.85}
#mm .mm-n{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.45;opacity:0;transform:scale(.6);
transition:opacity .45s ease,transform .55s cubic-bezier(.2,1.5,.4,1),box-shadow .3s}
#mm .mm-n.on{opacity:1;transform:none}
#mm .mm-n i{font-style:normal;flex:none}
#mm .mm-c{padding:22px 26px;border-radius:999px;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;font-weight:800;font-size:34px;box-shadow:0 14px 34px rgba(67,56,202,.4)}
#mm .mm-c i{font-size:40px}
#mm .mm-br{padding:16px 18px;border-radius:22px;background:var(--c);color:#fff;font-weight:800;font-size:27px;box-shadow:0 8px 0 color-mix(in srgb,var(--c) 70%,#000),0 12px 24px rgba(0,0,0,.15)}
#mm .mm-br i{font-size:30px}
#mm .mm-k{padding:12px 16px;border-radius:16px;background:#fff;color:#1e293b;font-weight:700;font-size:23px;border:3px solid var(--c);border-right-width:10px;box-shadow:0 6px 16px rgba(30,27,75,.10)}
#mm .mm-n .q{font-family:'Amiri','Traditional Arabic',serif}
#mm .mm-br .q,#mm .mm-c .q{color:#fff}#mm .mm-k .q{color:#a8326e}
#mm .mm-n.now{animation:mmPulse 1.2s ease 1}
@keyframes mmPulse{30%{box-shadow:0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent)}}
#mm .mm-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#6366f1;font-weight:700;font-size:14px;pointer-events:none;transition:opacity .4s}
#mm .mm-ctrl{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 10px 12px;flex:none;background:#1e1b4b}
#mm .mm-ctrl .mm-b{width:46px;height:46px;border-radius:14px;border:0;background:#fff;color:#3730a3;display:grid;place-items:center;padding:0;font-size:inherit;box-shadow:none}
#mm .mm-ctrl .mm-b svg{width:24px;height:24px}
#mm .mm-ctrl .mm-b.on{background:#facc15}
#mm .mm-cnt{min-width:70px;text-align:center;color:#c7d2fe;font-weight:800;font-size:17px}
@media (orientation:landscape) and (max-height:520px){#mm .mm-top{padding:4px 10px}#mm .mm-ib{width:34px;height:34px}#mm .mm-ctrl{padding:4px 10px 6px}#mm .mm-ctrl .mm-b{width:38px;height:38px}}
#cls{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;display:flex;flex-direction:column;color:#1e293b;
background:linear-gradient(160deg,#ecfeff 0%,#eef2ff 50%,#fdf4ff 100%);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#cls *{box-sizing:border-box}#cls button,#cls input,#cls select,#cls textarea{font-family:inherit}
#cls .cl-top{display:flex;align-items:center;gap:8px;padding:8px 10px;flex:none}
#cls .cl-ib{width:40px;height:40px;border-radius:12px;border:0;background:#fff;color:#4338ca;display:grid;place-items:center;box-shadow:0 2px 6px rgba(30,27,75,.1);cursor:pointer;flex:none}
#cls .cl-ib svg{width:22px;height:22px}
#cls .cl-ttl{flex:1;font-weight:800;font-size:clamp(18px,2vmin + 10px,26px);color:#312e81}
#cls .cl-cloud{font-size:12px;font-weight:700;color:#4338ca;background:#fff;border-radius:999px;padding:4px 10px;white-space:nowrap}
#cls .cl-sel{max-width:44vw;font-weight:800;font-size:16px;border:2px solid #c7d2fe;border-radius:12px;padding:8px 10px;background:#fff;color:#312e81}
#cls .cl-tabs{display:flex;gap:6px;padding:0 10px 8px;overflow-x:auto;flex:none;scrollbar-width:none}
#cls .cl-tabs::-webkit-scrollbar{display:none}
#cls .cl-tabs button{flex:none;border:0;border-radius:999px;padding:8px 14px;background:#fff;color:#334155;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06)}
#cls .cl-tabs button.on{background:#4338ca;color:#fff}
#cls .cl-body{flex:1;overflow:auto;padding:4px 12px 20px;-webkit-overflow-scrolling:touch}
#cls .cl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
#cls .cl-sum{color:#64748b;font-weight:700;font-size:14px;margin-inline-start:auto}
#cls .cl-btn{border:0;border-radius:12px;padding:9px 14px;background:#fff;color:#312e81;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 2px 6px rgba(30,27,75,.08);display:inline-flex;align-items:center;gap:6px}
#cls .cl-btn.pri{background:#4338ca;color:#fff}#cls .cl-btn.danger{background:#fee2e2;color:#b91c1c}
#cls .cl-btn.wa{background:#25d366;color:#fff}#cls .cl-btn.tg{background:#229ed9;color:#fff}
#cls .cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px}
#cls .cl-card{position:relative;background:#fff;border-radius:22px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px rgba(30,27,75,.08);transition:transform .15s;text-align:center}
#cls .cl-card:active{transform:scale(.96)}
#cls .cl-card b{font-size:16px;line-height:1.3}
#cls .cl-more{position:absolute;top:6px;left:6px;width:30px;height:30px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:18px;font-weight:800;cursor:pointer;line-height:1}
#cls .cl-av{width:78px;height:78px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 4px #fff,0 4px 12px rgba(0,0,0,.12);background:#e2e8f0}
#cls .cl-av svg,#cls .cl-av img{width:100%;height:100%;display:block;object-fit:cover}
#cls .cl-av.sm{width:52px;height:52px}#cls .cl-av.xs{width:36px;height:36px;box-shadow:0 0 0 2px #fff}#cls .cl-av.md{width:70px;height:70px}#cls .cl-av.lg{width:120px;height:120px}
#cls .cl-pt{font-weight:800;font-size:15px;background:#ecfdf5;color:#047857;border-radius:999px;padding:2px 12px}
#cls .cl-pt.neg{background:#fef2f2;color:#b91c1c}
#cls .cl-card.pop{animation:clPop .6s cubic-bezier(.2,1.6,.4,1)}#cls .cl-card.shake{animation:tgShake .45s}
@keyframes clPop{40%{transform:scale(1.12) rotate(-3deg)}}
#cls .cl-float{position:absolute;top:30%;left:50%;transform:translateX(-50%);font-weight:800;font-size:26px;pointer-events:none;animation:clFloat 1.3s ease-out forwards;white-space:nowrap}
#cls .cl-float.pos{color:#16a34a}#cls .cl-float.neg{color:#dc2626}
@keyframes clFloat{to{transform:translate(-50%,-70px);opacity:0}}
#cls .cl-empty{text-align:center;padding:30px 10px;color:#475569}
#cls .cl-empty h3{margin:6px 0;color:#312e81}
#cls .cl-note{color:#64748b;font-size:13px;line-height:1.7}
#cls .cl-modal{position:absolute;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:flex-end;justify-content:center;z-index:5;animation:fadeIn .2s}
@keyframes fadeIn{from{opacity:0}}
#cls .cl-sheet{background:#fff;width:min(620px,100%);max-height:92%;overflow:auto;border-radius:26px 26px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));animation:clUp .3s cubic-bezier(.2,1,.3,1)}
@keyframes clUp{from{transform:translateY(40px);opacity:0}}
#cls .cl-sheet.center{border-radius:26px;margin:auto;width:min(380px,92%)}
@media (min-width:700px){#cls .cl-modal{align-items:center}#cls .cl-sheet{border-radius:26px}}
#cls .cl-sh-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#cls .cl-sh-h h3{flex:1;margin:0;font-size:20px;color:#312e81}
#cls .cl-x{width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;font-size:16px;cursor:pointer;flex:none}
#cls .cl-lbl{font-weight:800;color:#475569;margin:14px 0 8px;font-size:14px}
#cls .cl-bh{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
#cls .cl-bb{border:0;border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-weight:800;font-size:14px;transition:transform .1s}
#cls .cl-bb:active{transform:scale(.94)}
#cls .cl-bb i{font-style:normal;font-size:28px}#cls .cl-bb em{font-style:normal;border-radius:999px;padding:0 8px;color:#fff}
#cls .cl-bb.pos{background:#ecfdf5;color:#065f46}#cls .cl-bb.pos em{background:#10b981}
#cls .cl-bb.neg{background:#fef2f2;color:#991b1b}#cls .cl-bb.neg em{background:#ef4444}
#cls .cl-pick{text-align:center;padding:10px}#cls .cl-pick h3{font-size:26px;margin:14px 0 6px;color:#312e81}
#cls .cl-pick .cl-av{margin:auto}#cls .cl-pick .cl-av.win{animation:clPop .7s;box-shadow:0 0 0 6px #facc15,0 0 30px #fde047}
#cls .cl-form{display:grid;gap:10px}
#cls .cl-form label{display:grid;gap:4px;font-weight:700;font-size:14px;color:#334155}
#cls .cl-form small{font-weight:500;color:#94a3b8}
#cls .cl-form input,#cls .cl-form textarea{border:2px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:16px;color:#1e293b;width:100%}
#cls .cl-avpick{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}
#cls .cl-gen{display:flex;gap:8px}#cls .cl-gen button{flex:1;border:2px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px;font-weight:800;font-size:16px;cursor:pointer}
#cls .cl-gen button.on{border-color:#4338ca;background:#eef2ff}
#cls .cl-avs{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
#cls .cl-avs button{border:3px solid transparent;border-radius:50%;padding:0;overflow:hidden;aspect-ratio:1;cursor:pointer;background:none}
#cls .cl-avs button svg{width:100%;height:100%;display:block}#cls .cl-avs button.on{border-color:#4338ca}
@media (max-width:520px){#cls .cl-avs{grid-template-columns:repeat(4,1fr)}}
#cls .cl-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
#cls .cl-act .gx-go{margin:0}
#cls .cl-prof{text-align:center}#cls .cl-prof .cl-av{margin:auto}#cls .cl-prof h2{margin:10px 0 4px;color:#312e81}
#cls .cl-badge{display:inline-block;background:#fef3c7;color:#92400e;border-radius:999px;padding:3px 14px;font-weight:800}
#cls .cl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
#cls .cl-kpis div{background:#f8fafc;border-radius:16px;padding:10px 4px;text-align:center}
#cls .cl-kpis b{display:block;font-size:22px;color:#4338ca}#cls .cl-kpis span{font-size:12px;color:#64748b;font-weight:700}
#cls .cl-marks{display:grid;gap:6px}#cls .cl-marks div{display:flex;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:8px 12px;font-weight:700}
#cls .cl-log{display:grid;gap:6px}
#cls .cl-log div{display:flex;align-items:center;gap:8px;border-radius:12px;padding:6px 10px;font-weight:700}
#cls .cl-log div.pos{background:#ecfdf5}#cls .cl-log div.neg{background:#fef2f2}
#cls .cl-log i{font-style:normal;font-size:20px}#cls .cl-log span{flex:1}#cls .cl-log em{font-style:normal}#cls .cl-log small{color:#94a3b8}
#cls .cl-notes{background:#fffbeb;border-radius:12px;padding:10px;margin:0;line-height:1.7}
#cls .cl-toast{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;z-index:9;animation:clUp .3s}
#cls .cl-pod{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:10px 0 16px}
#cls .cl-pd{display:flex;flex-direction:column;align-items:center;gap:4px;width:min(30%,170px);text-align:center;font-weight:800;animation:tfIn .6s both}
#cls .cl-pd.p1{animation-delay:.5s}#cls .cl-pd.p2{animation-delay:.25s}
#cls .cl-pd span{color:#4338ca}
#cls .cl-col{width:100%;border-radius:14px 14px 0 0;display:grid;place-items:center;font-size:30px;background:linear-gradient(#fde68a,#f59e0b)}
#cls .cl-pd.p1 .cl-col{height:120px}#cls .cl-pd.p2 .cl-col{height:85px;background:linear-gradient(#e5e7eb,#9ca3af)}#cls .cl-pd.p3 .cl-col{height:60px;background:linear-gradient(#fed7aa,#c2410c)}
#cls .cl-rank{display:grid;gap:8px;max-width:640px;margin:auto}
#cls .cl-rank>div{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px 12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.05);animation:tfIn .4s both;animation-delay:var(--d)}
#cls .cl-rank b{width:30px;height:30px;border-radius:50%;background:#eef2ff;color:#4338ca;display:grid;place-items:center;flex:none}
#cls .cl-rank span{flex:1}#cls .cl-rank i{font-style:normal}#cls .cl-rank em{font-style:normal;color:#4338ca;min-width:40px;text-align:left}
#cls .cl-tw{overflow:auto;background:#fff;border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
#cls .cl-tbl{border-collapse:collapse;width:100%;min-width:520px}
#cls .cl-tbl th,#cls .cl-tbl td{padding:8px;border-bottom:1px solid #f1f5f9;text-align:center;white-space:nowrap}
#cls .cl-tbl th{background:#eef2ff;position:sticky;top:0;font-size:14px}
#cls .cl-tbl th:first-child,#cls .cl-tbl td:first-child{position:sticky;right:0;background:#fff;text-align:right;z-index:1}
#cls .cl-tbl th:first-child{background:#eef2ff}
#cls .cl-tbl th button{border:0;background:none;font-weight:800;color:#312e81;cursor:pointer;font-size:14px;display:grid}
#cls .cl-tbl th small{color:#6366f1;font-weight:600}
#cls .cl-tbl input{width:64px;border:2px solid #e2e8f0;border-radius:10px;padding:6px;text-align:center;font-size:16px;font-weight:700}
#cls .cl-tbl input.bad{border-color:#ef4444;background:#fef2f2}
#cls .cl-nm{display:flex;align-items:center;gap:8px;font-weight:800}
#cls .cl-tot{font-weight:800;color:#4338ca}
#cls .cl-ev{background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px}
#cls .cl-date{border:2px solid #c7d2fe;border-radius:12px;padding:8px;font-size:15px;font-weight:700}
#cls .cl-att{display:grid;gap:8px}
#cls .cl-ar{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px 10px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
#cls .cl-ar span{flex:1;font-weight:800}
#cls .cl-seg{display:flex;gap:4px}
#cls .cl-seg button{border:2px solid #e2e8f0;background:#fff;border-radius:10px;padding:6px 10px;font-weight:800;font-size:14px;cursor:pointer}
#cls .cl-seg .p.on{background:#10b981;border-color:#10b981;color:#fff}#cls .cl-seg .l.on{background:#f59e0b;border-color:#f59e0b;color:#fff}#cls .cl-seg .a.on{background:#ef4444;border-color:#ef4444;color:#fff}
#cls .cl-set{display:grid;gap:14px;max-width:700px;margin:auto}
#cls .cl-set section{background:#fff;border-radius:20px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
#cls .cl-set h4{margin:0 0 10px;color:#312e81;font-size:17px}
#cls .cl-bl{display:grid;gap:6px}
#cls .cl-bl div{display:flex;gap:6px}
#cls .cl-bl input{border:2px solid #e2e8f0;border-radius:10px;padding:8px;font-size:15px;min-width:0;flex:1}
#cls .cl-bl input.e{flex:0 0 52px;text-align:center}#cls .cl-bl input.p{flex:0 0 60px;text-align:center;direction:ltr}
#cls .cl-bl button{border:0;background:#fee2e2;color:#b91c1c;border-radius:10px;width:38px;cursor:pointer;flex:none}
#cls .gx-go{border:0;border-radius:999px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;font-size:18px;padding:10px 26px;box-shadow:0 5px 0 #b77a06;cursor:pointer}
#cls .gx-emoji{font-size:60px}
#cls .mg-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:9}
#cls .mg-conf i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:mgFall linear forwards}
@media (max-width:520px){#cls .cl-av.lg{width:96px;height:96px}#cls .cl-seg button{padding:6px 8px;font-size:13px}#cls .cl-kpis b{font-size:18px}}
#edu-lib .el-cls-banner[hidden]{display:none}
#edu-lib .el-cls-banner{width:100%;border:0;border-radius:22px;padding:16px 18px;margin:0 0 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:right;
background:linear-gradient(120deg,#4338ca,#7c3aed 60%,#db2777);color:#fff;box-shadow:0 10px 24px rgba(67,56,202,.3);font:inherit}
#edu-lib .el-cls-banner .em{font-size:40px;flex:none}
#edu-lib .el-cls-banner b{display:block;font-size:1.25rem}#edu-lib .el-cls-banner small{opacity:.9;font-size:.9rem}
#edu-lib .el-cls-banner .go{margin-inline-start:auto;background:#fff;color:#4338ca;border-radius:999px;padding:6px 14px;font-weight:800;flex:none}
#edu-gate{position:fixed;inset:0;z-index:2147483600;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;display:grid;place-items:center;padding:20px;overflow:auto;
background:linear-gradient(135deg,#312e81,#6d28d9 45%,#db2777);transition:opacity .6s}
#edu-gate.out{opacity:0}
#edu-gate *{box-sizing:border-box}
#edu-gate .gt-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#edu-gate .gt-bg i{position:absolute;bottom:-60px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);animation:gtUp 12s linear infinite}
#edu-gate .gt-bg i:nth-child(1){left:8%;animation-duration:11s}#edu-gate .gt-bg i:nth-child(2){left:24%;width:22px;height:22px;animation-duration:8s;animation-delay:-3s}
#edu-gate .gt-bg i:nth-child(3){left:46%;width:60px;height:60px;animation-duration:15s;animation-delay:-6s}#edu-gate .gt-bg i:nth-child(4){left:64%;animation-duration:10s;animation-delay:-2s}
#edu-gate .gt-bg i:nth-child(5){left:80%;width:26px;height:26px;animation-duration:9s;animation-delay:-5s}#edu-gate .gt-bg i:nth-child(6){left:92%;width:50px;height:50px;animation-duration:13s;animation-delay:-8s}
@keyframes gtUp{to{transform:translateY(-120vh) rotate(360deg)}}
#edu-gate .gt-box{position:relative;background:rgba(255,255,255,.96);border-radius:32px;padding:28px 22px;width:min(560px,100%);text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.3);animation:gtIn .7s cubic-bezier(.2,1.3,.4,1)}
@keyframes gtIn{from{transform:translateY(30px) scale(.94);opacity:0}}
#edu-gate .gt-logo{font-size:56px;line-height:1;animation:gxBob 2.4s ease-in-out infinite}
#edu-gate h1{margin:10px 0 6px;font-size:clamp(22px,4.5vw,30px);color:#312e81;font-weight:800}
#edu-gate p{margin:0 0 18px;color:#475569;line-height:1.7;font-size:16px}
#edu-gate .gt-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#edu-gate .gt-opts button{font:inherit;border:3px solid #e0e7ff;background:#fff;border-radius:24px;padding:20px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s,border-color .2s,box-shadow .2s}
#edu-gate .gt-opts button:hover{transform:translateY(-4px)}
#edu-gate .gt-opts button[data-g="m"]{border-color:#bfdbfe}#edu-gate .gt-opts button[data-g="f"]{border-color:#fbcfe8}
#edu-gate .gt-opts button[data-g="m"]:hover,#edu-gate .gt-opts button[data-g="m"].pick{box-shadow:0 12px 26px rgba(37,99,235,.25);border-color:#3b82f6}
#edu-gate .gt-opts button[data-g="f"]:hover,#edu-gate .gt-opts button[data-g="f"].pick{box-shadow:0 12px 26px rgba(219,39,119,.25);border-color:#ec4899}
#edu-gate .gt-opts button.pick{transform:scale(1.06)}
#edu-gate .gt-em{font-size:64px;line-height:1.1}
#edu-gate .gt-opts b{font-size:24px;color:#1e293b}#edu-gate .gt-opts small{color:#64748b;font-size:13px}
#edu-gate .gt-name{display:block;margin:0 auto 16px;max-width:380px;text-align:right}
#edu-gate .gt-name span{display:block;font-weight:800;color:#312e81;margin-bottom:6px;font-size:16px}
#edu-gate .gt-name input{width:100%;font:inherit;font-size:20px;text-align:center;border:3px solid #e0e7ff;border-radius:18px;padding:12px 14px;outline:0;background:#fff;color:#1e293b}
#edu-gate .gt-name input:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(129,140,248,.2)}
#edu-gate .gt-name.bad input{border-color:#f87171;animation:gtShake .4s}
#edu-gate .gt-err{color:#dc2626;font-weight:700;min-height:1.3em;margin:-8px 0 8px;font-size:14px}
@keyframes gtShake{25%{transform:translateX(6px)}75%{transform:translateX(-6px)}}
#edu-me{position:fixed;left:12px;bottom:12px;z-index:900;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);color:#312e81;border:2px solid #e0e7ff;border-radius:999px;padding:6px 14px 6px 10px;font:800 14px 'Tajawal',Tahoma,sans-serif;box-shadow:0 6px 18px rgba(30,27,75,.12);cursor:pointer;direction:rtl;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edu-me:hover{border-color:#a5b4fc}
html.lp-lock #edu-me{display:none}
@media print{#edu-me{display:none}}
#edu-gate .gt-note{margin:16px 0 0;font-size:13px;color:#94a3b8}
#edu-gate{overflow-y:auto;-webkit-overflow-scrolling:touch}
#edu-gate .gt-name select{width:100%;font:inherit;font-size:18px;text-align:center;border:3px solid #e0e7ff;border-radius:18px;padding:10px 14px;background:#fff;color:#1e293b}
#edu-gate .gt-name.bad select{border-color:#f87171;animation:gtShake .4s}
#edu-gate .gt-acc{display:block;margin-top:14px;padding:12px;border-radius:16px;background:#eef2ff;color:#3730a3;text-decoration:none;font-size:15px;border:2px solid #c7d2fe}
#edu-gate .gt-acc:hover{background:#e0e7ff}
@media (max-width:520px),(max-height:700px){#edu-gate .gt-box{padding:18px 14px;margin:auto}#edu-gate .gt-em{font-size:42px}#edu-gate .gt-opts button{padding:12px 6px}#edu-gate .gt-opts b{font-size:19px}#edu-gate .gt-logo{font-size:40px}#edu-gate p{margin-bottom:10px;font-size:14px}#edu-gate .gt-name{margin-bottom:10px}}
.el-lock{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7ed;border:2px solid #fed7aa;color:#9a3412;border-radius:16px;padding:8px 14px;margin:0 0 12px;font-weight:800}
.el-lock button{font:inherit;font-weight:800;border:0;border-radius:999px;background:#fed7aa;color:#7c2d12;padding:5px 12px;cursor:pointer}
.el-plan{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.el-plan button{font:inherit;font-weight:800;border:0;border-radius:999px;padding:8px 14px;cursor:pointer;background:#eef2ff;color:#3730a3}
.el-plan .pl-now{margin:0;flex-basis:100%}
@keyframes gxBob{50%{transform:translateY(-8px) rotate(-4deg)}}
#edu-lib .el-gsw{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#fff;color:#312e81;font:inherit;font-weight:800;font-size:.95rem;padding:7px 14px;margin:0 0 12px;cursor:pointer;box-shadow:0 2px 8px rgba(30,27,75,.08)}
#edu-lib .el-asg{background:#eef2ff;border-radius:16px;padding:10px 12px;margin-bottom:12px;display:flex;justify-content:center}
#edu-lib .el-asg.st{background:#ecfdf5;color:#065f46;font-weight:700;font-size:.92rem;text-align:center}
.el-asgm{background:#fff;border-radius:22px;padding:18px;width:min(460px,92vw);max-height:90vh;overflow:auto;direction:rtl;font-family:'Tajawal',Tahoma,sans-serif;color:#1e1b4b}
.el-asgm h3{margin:0 0 10px}.el-asgm label{display:block;font-weight:700;margin:8px 0 4px}.el-asgm input[type=date],.el-asgm input[data-note]{width:100%;box-sizing:border-box;border:2px solid #e0e7ff;border-radius:12px;padding:8px;font:inherit}
.el-ck{display:flex!important;align-items:center;gap:8px;background:#f8fafc;border-radius:12px;padding:8px 10px;cursor:pointer}.el-ck small{color:#64748b}
.el-err{color:#dc2626;font-weight:700;min-height:1.2em}
.el-asgm .qz-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.el-asgm .el-btn{font:inherit;font-weight:800;border:0;border-radius:999px;padding:10px 22px;background:#4338ca;color:#fff;cursor:pointer}
.el-asgm .el-btn.ghost{background:#eef2ff;color:#3730a3}.el-asgm .el-btn:disabled{opacity:.5}.el-btn.ghost{background:#eef2ff;color:#3730a3}
#edu-lib .qz-saved{color:#0d8178;font-weight:800;margin:8px 0 0}
#edu-lib .el-toprow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#edu-lib .el-login{text-decoration:none;background:#4338ca;color:#fff}
#edu-lib .el-gsw span{color:#6366f1;font-weight:700;font-size:.85rem}
.g3-qm{position:absolute;inset:0;z-index:8;background:rgba(10,12,40,.6);display:flex;align-items:center;justify-content:center;padding:14px;animation:fadeIn .2s}
.g3-qc{background:#fff;color:#1b2350;border-radius:24px;padding:16px;width:min(680px,100%);max-height:100%;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:tfIn .35s cubic-bezier(.2,1.4,.5,1)}
.g3-qh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;color:#4338ca;margin-bottom:8px}
.g3-t{background:#eef2ff;border-radius:999px;padding:2px 12px;min-width:2.2em;text-align:center}.g3-t.low{background:#fde68a;animation:mgBlink .5s infinite}
.g3-qt{font-weight:800;font-size:clamp(16px,1.6vmin + 10px,24px);line-height:1.6;text-align:center;margin-bottom:12px}
.g3-qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g3-qa button,.bz-ch button{display:flex;align-items:center;gap:10px;text-align:right;border:2px solid #e0e7ff;background:#f8faff;border-radius:14px;padding:10px 12px;font:inherit;font-weight:700;font-size:clamp(14px,1.2vmin + 9px,20px);color:#1b2350;cursor:pointer;line-height:1.45}
.g3-qa button b,.bz-ch button b{flex:none;width:1.8em;height:1.8em;border-radius:50%;background:#e0e7ff;color:#3730a3;display:grid;place-items:center}
.g3-qa button.qa span,.bz-ch button.qa span{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e}
.g3-qa button.ok,.bz-ch button.ok{background:#22c55e;border-color:#22c55e;color:#fff}.g3-qa button.no,.bz-ch button.no{background:#ef4444;border-color:#ef4444;color:#fff;animation:tgShake .4s}
@media (orientation:portrait),(max-width:600px){.g3-qa{grid-template-columns:1fr}}
.g3-end{position:absolute;inset:auto 12px 12px;margin:0 auto;z-index:6;animation:tfIn .5s}
.g3-xo{background:radial-gradient(circle at 50% 30%,#1e3a8a,#0b1338)}
.g3-xo .gx-stat span{color:#fff}
.xo-turn{text-align:center;font-weight:800;font-size:clamp(18px,2vmin + 10px,28px);min-height:1.4em}.xo-turn.t0{color:#93c5fd}.xo-turn.t1{color:#fca5a5}
.xo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(92vw,62vh,520px);aspect-ratio:1;margin:8px auto}
.xo-c{border:0;border-radius:22px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 3px rgba(255,255,255,.15);cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .2s}
.xo-c:not([disabled]):hover{background:rgba(255,255,255,.18);transform:scale(1.03)}
.xo-c em{font-style:normal;color:rgba(255,255,255,.35);font-weight:800;font-size:clamp(20px,5vmin,40px)}
.xo-c.pick{background:rgba(255,215,106,.25)}
.xo-c svg{width:70%;height:70%;fill:none;stroke-width:14;stroke-linecap:round}
.xo-c.f0 svg{stroke:#60a5fa;stroke-dasharray:170;animation:xoDraw .5s ease forwards}.xo-c.f1 svg{stroke:#f87171;stroke-dasharray:190;animation:xoDraw .5s ease forwards}
@keyframes xoDraw{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}
.xo-c.w{background:rgba(255,215,106,.35);animation:clPop .6s}
.xo-msg{text-align:center;color:#fde68a;font-weight:700;min-height:1.3em}
.g3-snk{background:linear-gradient(160deg,#065f46,#0f766e 50%,#155e75)}
.sn-wrap{flex:1;display:flex;gap:12px;min-height:0;align-items:center;justify-content:center}
.sn-board{height:100%;max-height:100%;aspect-ratio:500/670;max-width:100%;background:#fffbeb;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.3);flex:none}
.sn-board svg{width:100%;height:100%;display:block}
.sn-t{transition:transform .25s}.sn-t.now circle{stroke:#ffd76a;stroke-width:5}
.sn-side{display:flex;flex-direction:column;gap:10px;width:min(320px,40%);align-self:stretch;justify-content:center;position:relative}
.sn-pl{display:grid;gap:6px}
.sn-pl div{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border-radius:14px;padding:6px 10px;font-weight:800;border:3px solid transparent}
.sn-pl div.now{border-color:#ffd76a;background:rgba(255,255,255,.25)}
.sn-pl i{font-style:normal;width:1.8em;height:1.8em;border-radius:50%;background:var(--c);display:grid;place-items:center}.sn-pl span{flex:1}
.sn-dice{text-align:center}.sn-d{font-size:clamp(60px,12vmin,100px);line-height:1;transition:transform .08s}.sn-d.sp{transform:rotate(20deg) scale(1.1)}
.sn-dice .gx-go:disabled{opacity:.5}
.sn-msg{text-align:center;font-weight:800;color:#fde68a;min-height:2.6em}
.sn-side .g3-end{position:static}
@media (orientation:portrait){.sn-wrap{flex-direction:column}.sn-board{height:auto;width:min(100%,58vh*.746)}.sn-side{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}
.sn-pl{flex:1;min-width:150px;grid-template-columns:1fr 1fr}.sn-pl div{padding:4px 8px;font-size:14px}.sn-dice{flex:none}.sn-d{font-size:48px}.sn-msg{width:100%;min-height:1.4em}}
.g3-mem{background:linear-gradient(160deg,#4c1d95,#7c3aed 55%,#c026d3)}
.mem-grid{flex:1;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);align-content:center;max-width:900px;width:100%;margin:auto}
.mem-grid.n16{grid-template-columns:repeat(4,1fr)}
@media (orientation:landscape){.mem-grid.n12{grid-template-columns:repeat(6,1fr)}.mem-grid.n16{grid-template-columns:repeat(8,1fr)}}
@media (orientation:portrait){.mem-grid.n8{grid-template-columns:repeat(2,1fr)}.mem-grid.n12{grid-template-columns:repeat(3,1fr)}}
.mem-c{border:0;background:none;padding:0;perspective:800px;cursor:pointer;min-height:clamp(70px,13vh,150px)}
.mem-in{position:relative;display:block;width:100%;height:100%;min-height:inherit;transition:transform .5s;transform-style:preserve-3d}
.mem-c.on .mem-in,.mem-c.ok .mem-in{transform:rotateY(180deg)}
.mem-f,.mem-b{position:absolute;inset:0;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:800;line-height:1.4}
.mem-f{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#7c2d12;font-size:clamp(28px,5vmin,46px);box-shadow:0 6px 0 #b45309}
.mem-b{transform:rotateY(180deg);background:#fff;color:#1e1b4b;font-size:clamp(12px,1.1vmin + 8px,18px);border:4px solid #60a5fa}
.mem-b.b{border-color:#fb923c}
.mem-c.ok .mem-b{background:#dcfce7;border-color:#22c55e;animation:clPop .6s}
.mem-c.nope .mem-in{animation:tgShake .35s}
.g3-scr{background:linear-gradient(160deg,#0f766e,#14b8a6 60%,#5eead4)}
.scr-hint{background:#fff;color:#134e4a;border-radius:20px;padding:12px 16px;text-align:center;font-weight:800;font-size:clamp(16px,1.6vmin + 10px,26px);line-height:1.6;box-shadow:0 6px 0 rgba(0,0,0,.1)}
.scr-hint small{display:block;color:#0d9488;font-size:.6em}
.scr-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:18px 0 8px}
.scr-word{display:flex;gap:6px}
.scr-s{width:clamp(36px,8vmin,60px);height:clamp(44px,9vmin,70px);border:0;border-bottom:5px solid rgba(255,255,255,.8);background:rgba(255,255,255,.18);border-radius:12px 12px 4px 4px;color:#fff;font:inherit;font-size:clamp(22px,4.5vmin,38px);font-weight:800;cursor:pointer}
.scr-s.f{background:#fff;color:#0f766e;animation:clPop .3s}.scr-s.lk{background:#fef3c7;color:#92400e}
.scr-slots.good .scr-s{background:#22c55e;color:#fff;animation:clPop .6s}.scr-slots.bad{animation:tgShake .45s}
.scr-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}
.scr-t{width:clamp(40px,9vmin,64px);height:clamp(40px,9vmin,64px);border:0;border-radius:14px;background:linear-gradient(#fde68a,#f59e0b);color:#7c2d12;font:inherit;font-size:clamp(22px,4.5vmin,36px);font-weight:800;cursor:pointer;box-shadow:0 5px 0 #b45309;transition:transform .1s}
.scr-t:active{transform:translateY(3px);box-shadow:0 2px 0 #b45309}.scr-t.used{visibility:hidden}
.scr-act{display:flex;justify-content:center;gap:8px}.scr-msg{text-align:center;font-weight:800;font-size:22px;min-height:1.4em;margin-top:8px}
.g3-buz{background:linear-gradient(160deg,#111827,#1f2937)}
.g3-buz .gx-stat span{color:#fff}
.bz-top{text-align:center;color:#9ca3af;font-weight:700}
.bz-q{background:#fff;color:#111827;border-radius:20px;padding:12px 16px;text-align:center;font-weight:800;font-size:clamp(16px,1.8vmin + 10px,28px);line-height:1.6}
.bz-st{text-align:center;font-weight:800;font-size:clamp(20px,2.4vmin + 10px,34px);color:#9ca3af;min-height:1.4em}.bz-st.go{color:#facc15;animation:clPop .5s}
.bz-st.t0{color:#60a5fa}.bz-st.t1{color:#f87171}
.bz-pads{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:110px}
.bz-p{border:0;border-radius:26px;color:#fff;font:inherit;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;opacity:.55;transition:opacity .2s,transform .1s;touch-action:manipulation}
.bz-p.t0{background:radial-gradient(#3b82f6,#1d4ed8);box-shadow:0 8px 0 #1e3a8a}.bz-p.t1{background:radial-gradient(#ef4444,#b91c1c);box-shadow:0 8px 0 #7f1d1d}
.bz-pads.open .bz-p{opacity:1;animation:bzGlow 1s infinite}
@keyframes bzGlow{50%{filter:brightness(1.25)}}
.bz-p:active{transform:translateY(5px)}
.bz-bell{font-size:clamp(40px,9vmin,80px)}.bz-p b{font-size:clamp(16px,2vmin + 8px,26px)}.bz-p small{opacity:.7}
.bz-p.lock{opacity:.25;filter:grayscale(1)}.bz-p.win{opacity:1;box-shadow:0 0 0 6px #facc15}
.bz-ch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g3-buz .gx-body{overflow:auto}
.bz-ans:not(:empty)~*{display:none}
.bz-pads:has(.win){flex:0 0 auto;min-height:0;height:clamp(70px,14vh,120px)}
.bz-pads:has(.win) .bz-bell{font-size:28px}
.bz-pads:has(.win) .bz-p{flex-direction:row;gap:10px;overflow:hidden}.bz-pads:has(.win) .bz-p small{display:none}
@media (orientation:landscape) and (max-height:520px){.bz-pads{min-height:80px}.bz-bell{font-size:34px}.bz-q{font-size:16px;padding:8px 12px}.bz-ch button{padding:6px 10px;font-size:14px}}
@media (orientation:portrait),(max-width:600px){.bz-ch{grid-template-columns:1fr}}
#sh{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;display:flex;flex-direction:column;color:#1f2937;
background:linear-gradient(180deg,#fffaf0,#fdf4e3);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#sh *{box-sizing:border-box}#sh button{font-family:inherit;cursor:pointer}
#sh .sh-top{display:flex;align-items:center;gap:6px;padding:8px 10px;flex:none;background:#fff;box-shadow:0 2px 10px rgba(120,80,20,.08)}
#sh .sh-ib{min-width:40px;height:40px;border-radius:12px;border:0;background:#fdf2e3;color:#92400e;display:grid;place-items:center;font-weight:800;font-size:15px;padding:0 10px}
#sh .sh-ib svg{width:22px;height:22px}#sh .sh-all.on{background:#92400e;color:#fff}
#sh .sh-ttl{flex:1;font-weight:800;font-size:clamp(17px,2vmin + 9px,24px);color:#78350f}
#sh .sh-body{flex:1;overflow:auto;padding:12px 12px 30px;-webkit-overflow-scrolling:touch;font-size:calc(17px * var(--fs,1))}
#sh .sh-hint{text-align:center;color:#a16207;font-weight:700;margin:0 0 10px;font-size:.85em}
#sh .sh-g{max-width:900px;margin:0 auto 22px}
#sh .sh-g h3{display:flex;align-items:center;gap:8px;color:#78350f;font-size:1.15em;margin:6px 4px 12px}
#sh .sh-it{background:#fff;border-radius:20px;margin-bottom:10px;box-shadow:0 3px 12px rgba(120,80,20,.08);border:2px solid #f6e3c5;overflow:hidden;animation:tfIn .4s both;animation-delay:var(--d);transition:border-color .2s,box-shadow .2s}
#sh .sh-it.open{border-color:#d97706;box-shadow:0 8px 24px rgba(217,119,6,.18)}
#sh .sh-h{width:100%;border:0;background:none;display:flex;align-items:center;gap:10px;padding:14px 16px;text-align:right;color:inherit}
#sh .sh-txt{flex:1;font-family:'Amiri','Traditional Arabic',serif;font-weight:700;color:#7c2d12;font-size:1.45em;line-height:2}
#sh .sh-n{color:#b45309;font-size:.75em;white-space:nowrap}
#sh .sh-bayt{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 2em;font-family:'Amiri','Traditional Arabic',serif;font-weight:700;color:#7c2d12;font-size:1.4em;line-height:1.9}
#sh .sh-num{font-style:normal;flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#fde68a;color:#78350f;display:grid;place-items:center;font-weight:800}
#sh .sh-ar{font-style:normal;flex:none;width:34px;height:34px;border-radius:50%;background:#fef3c7;color:#b45309;display:grid;place-items:center;font-size:20px;transition:transform .3s}
#sh .sh-it.open .sh-ar{transform:rotate(180deg);background:#d97706;color:#fff}
#sh .sh-c{max-height:0;overflow:hidden;transition:max-height .35s ease}
#sh .sh-ci{padding:0 16px 16px;border-top:2px dashed #f6e3c5;margin:0 12px}
#sh .sh-exp{margin:12px 0 8px;line-height:1.95;font-size:1em;color:#1f2937}
#sh .sh-exp b{color:#b45309}
#sh .sh-w{display:flex;flex-wrap:wrap;gap:6px}
#sh .sh-w span{background:#fef3c7;border-radius:999px;padding:4px 12px;font-size:.88em;color:#78350f}
#sh .sh-w span b{font-family:'Amiri','Traditional Arabic',serif;font-size:1.1em}
#sh .poem .sh-it{border-color:#e9d5ff}#sh .poem .sh-it.open{border-color:#9333ea}#sh .poem .sh-bayt{color:#581c87}#sh .poem .sh-exp b{color:#7e22ce}
#sh .sh-txt,#sh .sh-bayt,#sh .poem .sh-bayt{color:#9b1111}
#sh .sh-par{flex:1;font-family:'Amiri','Traditional Arabic',serif;font-weight:700;color:#9b1111;font-size:1.22em;line-height:2;text-align:justify}
#sh .prose .sh-it{border-color:#fde2e2}#sh .prose .sh-it.open{border-color:#b91c1c}#sh .prose .sh-exp b{color:#b91c1c}
#sh .prose .sh-num{align-self:flex-start;margin-top:.35em}
#sh .sh-exp,#sh .sh-w span{font-size:calc(1em * var(--afs,1));font-family:var(--aff,inherit)}
#sh .sh-exp b{font-family:'Tajawal',Tahoma,sans-serif}
#sh .sh-afs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1}
#sh .sh-afs small{font-size:10px;font-weight:700}
@media (orientation:portrait),(max-width:600px){#sh .sh-bayt{flex-direction:column;gap:.1em;text-align:center}#sh .sh-txt{font-size:1.3em}}
.k-abc{background:linear-gradient(160deg,#fef3c7,#fde68a 40%,#fbcfe8)}
.k-abc .gx-title,.k-abc .gx-ib{color:#7c2d12}.k-abc .gx-ib{background:#fff;border-color:#fed7aa}
.k-hint{text-align:center;font-weight:800;color:#9a3412;margin:0 0 8px;font-size:clamp(15px,2vmin + 8px,22px)}
.k-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(64px,13vw,96px),1fr));gap:10px;overflow:auto;padding:4px 2px 14px;align-content:start;flex:1}
.k-key{border:0;border-radius:22px;background:var(--c);color:#fff;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;
box-shadow:0 6px 0 color-mix(in srgb,var(--c) 70%,#000);font-family:inherit;transition:transform .1s}
.k-key b{font-size:clamp(30px,6vmin,52px);line-height:1.1}.k-key small{font-size:clamp(11px,1.4vmin + 6px,15px);font-weight:700;opacity:.9}
.k-key:active{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb,var(--c) 70%,#000)}
.k-key.focus{outline:5px solid #fff;outline-offset:-5px;animation:kWig 1.6s infinite}
@keyframes kWig{0%,100%{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}30%{transform:rotate(0)}}
.bop{animation:kBop .45s cubic-bezier(.2,1.8,.4,1)!important}@keyframes kBop{40%{transform:scale(1.18)}}
.k-card{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:12px}
.k-big{border:0;background:var(--c);color:#fff;border-radius:34px;padding:10px 40px 14px;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 8px 0 color-mix(in srgb,var(--c) 70%,#000);font-family:inherit}
.k-big b{font-size:clamp(80px,18vmin,150px);line-height:1.1}.k-big small{font-weight:800;font-size:18px}
.k-sec{margin:6px 0 0;font-weight:800;color:#7c2d12}
.k-hv,.k-fm{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.k-hv button{border:4px solid var(--c);background:#fff;color:#1f2937;border-radius:20px;min-width:84px;padding:6px 12px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center}
.k-hv b{font-size:clamp(34px,6vmin,52px);font-family:'Amiri','Traditional Arabic',serif;line-height:1.3}.k-hv small{font-weight:700;color:#6b7280}
.k-fm div{background:#fff;border-radius:16px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;min-width:78px;box-shadow:0 3px 8px rgba(0,0,0,.08)}
.k-fm b{font-size:clamp(30px,5vmin,46px);color:var(--c)}.k-fm small{font-size:12px;color:#6b7280;font-weight:700}
.k-word{border:0;background:#fff;border-radius:24px;padding:10px 26px;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:inherit;box-shadow:0 5px 0 #fed7aa}
.k-emo{font-size:clamp(46px,9vmin,70px)}.k-word b{font-size:clamp(26px,4vmin,38px);color:#1f2937}
.k-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.k-nav .gx-go{margin:0}
.k-burst{position:absolute;font-style:normal;font-size:28px;pointer-events:none;animation:kBurst .9s ease-out forwards;z-index:9}
@keyframes kBurst{to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}
.k-tr{background:linear-gradient(160deg,#e0f2fe,#ede9fe 50%,#fce7f3)}
.k-tr .gx-title,.k-tr .gx-ib{color:#4338ca}.k-tr .gx-ib{background:#fff;border-color:#c7d2fe}.k-tr .gx-stat span{background:#4338ca}
.tr-top{display:flex;align-items:center;justify-content:center;gap:10px;flex:none}
.tr-name{font-weight:800;color:#312e81;font-size:clamp(18px,2.4vmin + 10px,30px)}.tr-name b{font-size:1.3em;color:#db2777}.tr-name small{font-size:.6em;color:#6366f1}
.tr-say{border:0;background:#fff;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.tr-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.tr-wrap.shk .tr-cv{animation:tgShake .35s}
.tr-cv{background:#fff;border-radius:28px;box-shadow:0 10px 30px rgba(67,56,202,.18);touch-action:none;cursor:crosshair}
.tr-msg{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-weight:800;border-radius:999px;padding:6px 18px;font-size:clamp(16px,2vmin + 8px,24px);opacity:0;transition:opacity .2s;white-space:nowrap}
.tr-msg.ok{opacity:1;background:#22c55e;color:#fff;animation:kBop .5s}.tr-msg.no{opacity:1;background:#fb923c;color:#fff}.tr-msg.go{opacity:1;background:#fff;color:#4338ca}
.tr-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;flex:none}.tr-bar .gx-go{margin:0;padding:9px 20px}
.tr-cols{display:flex;gap:6px}.tr-cols button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 2px #e0e7ff}.tr-cols button.on{box-shadow:0 0 0 3px #312e81}
@media (orientation:landscape) and (max-height:520px){.k-tr .gx-body{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:8px}.tr-top{grid-column:1/-1}.tr-wrap{grid-column:1;grid-row:2}
.tr-bar{grid-column:2;grid-row:2;flex-direction:column;justify-content:center}.tr-cols{flex-direction:column}}
#qd .s-title .k-title{font-size:4.5em;line-height:1.1;display:block}
#qd .kl{display:flex;flex-direction:column;align-items:center;gap:.4em}
#qd .kl-big{border:0;font-family:inherit;background:linear-gradient(160deg,#f472b6,#db2777);color:#fff;border-radius:.6em;padding:.05em .7em .15em;font-size:4.2em;line-height:1.15;font-weight:800;cursor:pointer;box-shadow:0 .1em 0 #9d174d}
#qd .kl-row{display:flex;gap:.45em;flex-wrap:wrap;justify-content:center}
#qd .kl-hv{border:.12em solid #f472b6;background:#fff;border-radius:.5em;font-family:'Amiri','Traditional Arabic',serif;font-size:1.7em;font-weight:700;padding:0 .5em;cursor:pointer;color:#1f2937}
#qd .kl-fm{background:#fdf2f8;border-radius:.5em;padding:.1em .6em;text-align:center;font-size:1.5em;font-weight:800;color:#be185d}
#qd .kl-fm small{display:block;font-size:.38em;color:#6b7280;font-weight:700}
#qd .kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5em,1fr));gap:.45em}
#qd .kp button{font:inherit;border:0;background:#fff;border-radius:.7em;box-shadow:0 .12em 0 #e0e7ff,0 .2em .6em rgba(0,0,0,.06);padding:.25em .2em .3em;cursor:pointer;display:flex;flex-direction:column;align-items:center}
#qd .kp i{font-style:normal;font-size:2.4em;line-height:1.2}#qd .kp b{font-size:.95em;color:#1f2937}#qd .kp b em{font-style:normal;color:#db2777}
#qd .k-sayb{font:inherit;font-size:.8em;border:0;background:#fef3c7;color:#92400e;border-radius:999px;padding:.1em .8em;cursor:pointer;margin-bottom:.4em;align-self:flex-start}
#qd .chs.big{grid-template-columns:repeat(4,1fr)}#qd .chs.big .ch{justify-content:center;font-size:2.4em;font-weight:800;padding:.1em}#qd .chs.big .ch i{display:none}
#qd.portrait .chs.big{grid-template-columns:repeat(2,1fr)}
#tug{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:#fff;display:flex;flex-direction:column;
background:linear-gradient(180deg,#1e3a8a 0%,#3b82c4 45%,#8fd3ff 100%);user-select:none;-webkit-user-select:none;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#tug *{box-sizing:border-box}#tug button{font-family:inherit;cursor:pointer}
#tug .tg-top{display:flex;align-items:center;gap:8px;padding:8px 10px}
#tug .tg-ib{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;flex:none}
#tug .tg-ib svg{width:22px;height:22px}
#tug .tg-title{flex:1;text-align:center;font-weight:800;font-size:clamp(18px,3vmin + 8px,30px);text-shadow:0 2px 0 rgba(0,0,0,.25)}
#tug .tg-body{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,12px);padding:0 12px 12px;min-height:0;overflow:auto}
#tug .tg-card{background:#fff;color:#1b2350;border-radius:24px;padding:20px;width:min(560px,100%);margin:auto;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.25)}
#tug .tg-card h3{margin:0 0 8px;font-size:clamp(22px,3vmin + 12px,34px);color:#1e3a8a}
#tug .tg-card p{margin:6px 0;line-height:1.7;font-size:clamp(14px,1.2vmin + 10px,19px)}
#tug .tg-names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
#tug .tg-names label{font-weight:700;font-size:14px;text-align:right}
#tug .tg-names input{width:100%;margin-top:4px;font:inherit;font-weight:700;border:2px solid #dfe3f3;border-radius:12px;padding:8px 10px;color:#1b2350}
#tug .tg-names label:first-child input{border-color:#3b6cff}#tug .tg-names label:last-child input{border-color:#ff4d5e}
#tug .tg-lbl{font-weight:700;margin-top:10px!important}
#tug .tg-len{display:flex;gap:8px;justify-content:center;margin-bottom:12px}
#tug .tg-len button{flex:1;max-width:120px;border:2px solid #dfe3f3;background:#fff;border-radius:12px;padding:8px;font-weight:700;color:#1b2350}
#tug .tg-len button.on{border-color:#1e3a8a;background:#eef2ff}
#tug .tg-go{border:0;border-radius:999px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;font-size:19px;padding:11px 30px;margin:6px 4px 0;box-shadow:0 6px 0 #b77a06}
#tug .tg-go:active{transform:translateY(4px);box-shadow:0 2px 0 #b77a06}
#tug .tg-go.alt{background:#eef0f6;color:#1b2350;box-shadow:0 6px 0 #c9cee6}
#tug .tg-score{display:flex;align-items:center;justify-content:center;gap:10px}
#tug .tg-team{flex:1;max-width:280px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:16px;padding:6px 14px;font-weight:800;
font-size:clamp(14px,1.4vmin + 9px,20px);border:3px solid transparent;transition:all .3s}
#tug .tg-team span{font-size:1.4em;background:rgba(255,255,255,.25);border-radius:10px;padding:0 10px}
#tug .tg-team.t0{background:#3b6cff}#tug .tg-team.t1{background:#ff4d5e}
#tug .tg-team.now{border-color:#ffd76a;box-shadow:0 0 0 4px rgba(255,215,106,.4);transform:scale(1.05)}
#tug .tg-vs{font-weight:800;opacity:.8}
#tug .tg-arena{background:linear-gradient(#cfeeff,#eaf8ff);border-radius:20px;overflow:hidden;box-shadow:inset 0 -8px 0 rgba(0,0,0,.06);flex:none}
#tug .tg-arena svg{display:block;width:100%;height:clamp(120px,24vh,240px)}
@media (orientation:portrait){#tug .tg-arena svg{height:auto;max-height:28vh}}
#tug .tg-rope{transition:transform .9s cubic-bezier(.3,1.4,.5,1)}
#tug .tg-side.pull .tg-f{animation:tgPull .7s ease}
@keyframes tgPull{30%{transform:rotate(var(--r,8deg)) translateX(var(--x,10px))}}
#tug .tg-side.s0{--r:9deg;--x:12px}#tug .tg-side.s1{--r:-9deg;--x:-12px}
#tug .tg-play{display:flex;flex-direction:column;gap:clamp(6px,1.2vmin,10px);flex:1;min-height:0}
#tug .tg-turn{align-self:center;display:flex;align-items:center;gap:10px;border-radius:999px;padding:5px 16px;font-weight:800;font-size:clamp(14px,1.3vmin + 9px,20px)}
#tug .tg-turn.t0{background:#3b6cff}#tug .tg-turn.t1{background:#ff4d5e}
#tug .tg-t{background:#fff;color:#1b2350;border-radius:999px;min-width:2em;text-align:center;padding:0 8px}
#tug .tg-t.low{background:#ffd76a;animation:mgBlink .5s infinite}
#tug .tg-q{background:#fff;color:#1b2350;border-radius:18px;padding:clamp(8px,1.8vmin,16px) 16px;text-align:center;font-weight:800;font-size:clamp(16px,1.8vmin + 10px,28px);line-height:1.6;box-shadow:0 6px 0 rgba(0,0,0,.12)}
#tug .tg-q .q,#tug .tg-a .q,#tug .tg-a.qa span{font-family:'Amiri','Traditional Arabic',serif;color:#a8326e}
#tug .tg-ans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.2vmin,10px)}
#tug .tg-a{display:flex;align-items:center;gap:10px;text-align:right;border:0;border-radius:16px;background:#fff;color:#1b2350;padding:8px 12px;
font-weight:700;font-size:clamp(14px,1.4vmin + 9px,22px);line-height:1.45;box-shadow:0 5px 0 #c9d6f0;transition:transform .1s}
#tug .tg-a:active{transform:translateY(3px);box-shadow:0 2px 0 #c9d6f0}
#tug .tg-a b{flex:none;width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#1e3a8a}
#tug .tg-a.ok{background:#2fcf7d;color:#fff;box-shadow:0 5px 0 #13894c}#tug .tg-a.ok b{background:#fff;color:#13894c}
#tug .tg-a.no{background:#ff5d6c;color:#fff;box-shadow:0 5px 0 #a3172a;animation:tgShake .4s}
@keyframes tgShake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
#tug .tg-msg{text-align:center;font-weight:800;min-height:1.3em;font-size:clamp(15px,1.4vmin + 9px,22px);text-shadow:0 2px 0 rgba(0,0,0,.2)}
#tug .tg-win.t0 h3{color:#3b6cff}#tug .tg-win.t1 h3{color:#ff4d5e}
#tug .mg-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
#tug .mg-conf i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:mgFall linear forwards}
@media (orientation:portrait),(max-width:600px){#tug .tg-ans{grid-template-columns:1fr}#tug .tg-names{grid-template-columns:1fr}}
@media (orientation:landscape) and (max-height:520px){
#tug .tg-top{padding:4px 10px}#tug .tg-ib{width:36px;height:36px}
#tug .tg-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;align-content:start}
#tug .tg-body>.tg-card{grid-column:1/-1}
#tug .tg-score{grid-column:1}#tug .tg-arena{grid-column:1;grid-row:2;align-self:start}
#tug .tg-arena svg{height:auto}
#tug .tg-play{grid-column:2;grid-row:1/3}
#tug .tg-q{font-size:17px}#tug .tg-a{font-size:15px;padding:6px 10px}
}
#mlg{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:#fff;
background:radial-gradient(ellipse at 50% 0%,#3a2a8c 0%,#120c3d 55%,#07051c 100%);display:flex;flex-direction:column;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);user-select:none;-webkit-user-select:none}
#mlg *{box-sizing:border-box}
#mlg button{font-family:inherit;cursor:pointer}
#mlg .mg-top{display:flex;align-items:center;gap:8px;padding:8px 10px}
#mlg .mg-ib{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;flex:none}
#mlg .mg-ib svg{width:22px;height:22px}
#mlg .mg-title{flex:1;text-align:center;font-weight:800;font-size:clamp(14px,2.2vmin + 6px,22px);color:#ffd76a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mlg .mg-cur{display:none;background:linear-gradient(#ffcf4d,#e09b12);color:#2b1700;font-weight:800;border-radius:999px;padding:4px 12px;font-size:15px;white-space:nowrap}
#mlg .mg-main{flex:1;display:flex;gap:12px;padding:0 12px 12px;min-height:0}
#mlg .mg-stage{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2vmin,18px);min-width:0;min-height:0}
#mlg .mg-life{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
#mlg .mg-lf{border:2px solid #8fa0ff;background:radial-gradient(#2c3cb3,#141a5c);color:#fff;border-radius:999px;min-width:64px;height:42px;padding:0 12px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px;justify-content:center}
#mlg .mg-lf svg{width:20px;height:20px}
#mlg .mg-lf[disabled]{opacity:.3;cursor:default;position:relative}
#mlg .mg-lf.walk{border-color:#ffb36b;background:radial-gradient(#7a3b0e,#3e1d07)}
#mlg .mg-timer{align-self:center;width:clamp(48px,9vmin,72px);height:clamp(48px,9vmin,72px);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:clamp(18px,3.4vmin,28px);
background:conic-gradient(#ffd76a var(--p,100%),rgba(255,255,255,.12) 0);position:relative}
#mlg .mg-tw{display:flex;align-items:center;justify-content:center;gap:10px}
#mlg button.mg-timer{border:0;color:#fff;cursor:pointer;padding:0}
#mlg .mg-timer.paused{background:conic-gradient(#8fa0ff var(--p,100%),rgba(255,255,255,.12) 0)}
#mlg .mg-timer.off{background:rgba(255,255,255,.15)}
#mlg .mg-plus{border:2px solid #8fa0ff;background:radial-gradient(#2c3cb3,#141a5c);color:#fff;border-radius:999px;height:38px;padding:0 12px;font-weight:800;font-size:15px}
#mlg .mg-opts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px}
#mlg .mg-opts button{border:2px solid rgba(143,160,255,.5);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px}
#mlg .mg-opts button.on{background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;border-color:#ffcf4d}
#mlg .mg-hint{font-size:13px!important;color:#cdd3ff}
#mlg .mg-timer::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#140f45}
#mlg .mg-timer span{position:relative}
#mlg .mg-timer.low{background:conic-gradient(#ff5d6c var(--p,100%),rgba(255,255,255,.12) 0)}
#mlg .mg-q{background:linear-gradient(#1d2a8a,#0c1250);border:2px solid #8fa0ff;border-radius:18px;padding:clamp(10px,2.4vmin,22px) clamp(12px,3vmin,28px);text-align:center;
font-weight:700;font-size:clamp(16px,2.6vmin + 8px,30px);line-height:1.6;box-shadow:0 0 24px rgba(110,130,255,.35);overflow:auto;max-height:42vh}
#mlg .mg-q .q,#mlg .mg-a .q{font-family:'Amiri','Traditional Arabic',serif;color:#ffd9ec}
#mlg .mg-ans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.6vmin,14px)}
#mlg .mg-a{position:relative;border:0;background:#8fa0ff;padding:2px;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);min-height:clamp(46px,8vmin,70px)}
#mlg .mg-a>span{display:flex;align-items:center;gap:10px;height:100%;width:100%;background:linear-gradient(#1d2a8a,#0c1250);color:#fff;
clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);padding:6px clamp(16px,3vmin,30px);font-size:clamp(14px,2vmin + 7px,24px);font-weight:700;text-align:right;line-height:1.45}
#mlg .mg-a b{color:#ffd76a;flex:none}
#mlg .mg-a.qa>span{font-family:'Amiri','Traditional Arabic',serif;color:#ffd9ec}
#mlg .mg-a.hide{visibility:hidden}
#mlg .mg-a.sel{background:#ffb627}#mlg .mg-a.sel>span{background:linear-gradient(#ffb627,#d97a00);color:#1b0f00}#mlg .mg-a.sel b{color:#1b0f00}
#mlg .mg-a.ok{background:#3ee08f}#mlg .mg-a.ok>span{background:linear-gradient(#2fcf7d,#0f8a4a);color:#fff}#mlg .mg-a.ok b{color:#fff}
#mlg .mg-a.no{background:#ff5d6c}#mlg .mg-a.no>span{background:linear-gradient(#e7404f,#9a1424)}
#mlg .mg-a.blink{animation:mgBlink .35s 4}
@keyframes mgBlink{50%{filter:brightness(1.7)}}
#mlg .mg-msg{min-height:1.4em;text-align:center;font-weight:700;font-size:clamp(14px,1.6vmin + 8px,20px);color:#ffd76a}
#mlg .mg-ladder{width:clamp(170px,24vw,250px);display:flex;flex-direction:column-reverse;justify-content:safe center;overflow-y:auto;gap:3px;background:rgba(0,0,0,.25);border:2px solid rgba(143,160,255,.35);border-radius:16px;padding:8px;overflow:auto}
#mlg .mg-step{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 10px;border-radius:999px;font-weight:700;font-size:clamp(12px,1.4vmin + 6px,17px);color:#ffb63b}
#mlg .mg-step i{font-style:normal;color:#cdd3ff;font-size:.85em}
#mlg .mg-step.safe{color:#fff}
#mlg .mg-step.done{opacity:.55}
#mlg .mg-step.now{background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00}#mlg .mg-step.now i{color:#1b0f00}
#mlg .mg-pop{position:absolute;inset:0;background:rgba(5,4,25,.72);display:flex;align-items:center;justify-content:center;padding:16px;z-index:3}
#mlg .mg-card{background:linear-gradient(#1d2a8a,#0c1250);border:2px solid #8fa0ff;border-radius:20px;padding:18px;width:min(520px,100%);max-height:100%;overflow:auto;text-align:center}
#mlg .mg-card h3{margin:0 0 10px;color:#ffd76a;font-size:clamp(18px,2.4vmin + 10px,30px)}
#mlg .mg-card p{margin:6px 0;line-height:1.7;font-size:clamp(14px,1.4vmin + 9px,20px)}
#mlg .mg-bars{display:flex;justify-content:center;align-items:flex-end;gap:16px;height:160px;margin:12px 0}
#mlg .mg-bar{display:flex;flex-direction:column;align-items:center;gap:4px;width:44px;height:100%;justify-content:flex-end;font-weight:800}
#mlg .mg-bar div{width:100%;background:linear-gradient(#ffd76a,#e09b12);border-radius:8px 8px 0 0;transition:height 1.2s ease;height:0}
#mlg .mg-go{border:0;border-radius:999px;background:linear-gradient(#ffcf4d,#e09b12);color:#1b0f00;font-weight:800;font-size:18px;padding:10px 26px;margin:8px 4px 0}
#mlg .mg-go.alt{background:rgba(255,255,255,.12);color:#fff;border:2px solid rgba(255,255,255,.3)}
#mlg .mg-big{font-size:clamp(34px,7vmin,64px)!important;font-weight:800;color:#ffd76a;margin:6px 0!important}
#mlg .mg-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
#mlg .mg-conf i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:mgFall linear forwards}
@keyframes mgFall{to{transform:translateY(110vh) rotate(720deg)}}
@media (orientation:portrait),(max-width:600px){
#mlg .mg-ladder{display:none;position:absolute;top:64px;bottom:12px;left:12px;width:min(260px,70vw);z-index:2;background:#0d0a33}
#mlg.show-ladder .mg-ladder{display:flex}
#mlg .mg-cur{display:inline-block}
#mlg .mg-ans{grid-template-columns:1fr}
}
@media (orientation:landscape) and (max-height:500px){
#mlg .mg-top{padding:4px 10px}#mlg .mg-ib{width:36px;height:36px}
#mlg .mg-ladder{display:none;position:absolute;top:48px;bottom:8px;left:8px;width:220px;z-index:2;background:#0d0a33}
#mlg.show-ladder .mg-ladder{display:flex}#mlg .mg-cur{display:inline-block}
#mlg .mg-tw{position:absolute;top:50px;right:14px;flex-direction:column;gap:6px}
#mlg .mg-q{max-height:34vh}
}
#mlg .mg-lt{display:none}
@media (orientation:portrait),(max-width:600px),(orientation:landscape) and (max-height:500px){#mlg .mg-lt{display:grid}}
#wb{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;background:#fff;overflow:hidden;user-select:none;-webkit-user-select:none}
#wb *{box-sizing:border-box}
#wb canvas.wb-cv{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}
#wb .wb-bar{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:3px;padding:6px;background:#fff;border-radius:18px;
box-shadow:0 6px 24px rgba(20,25,60,.18);max-width:calc(100% - 20px);overflow-x:auto;scrollbar-width:none;z-index:4;touch-action:pan-x}
#wb .wb-bar::-webkit-scrollbar{display:none}
#wb .wb-b{flex:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#1b2350;display:grid;place-items:center;cursor:pointer;position:relative;font:inherit;padding:0}
#wb .wb-b svg{width:24px;height:24px}
#wb .wb-b.on{background:#3b4fc4;color:#fff}
#wb .wb-b:disabled{opacity:.3;cursor:default}
#wb .wb-b .wb-more{position:absolute;bottom:3px;left:3px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid currentColor;opacity:.7}
#wb .wb-sep{flex:none;width:1px;background:#e3e6f3;margin:6px 2px}
#wb .wb-dot{width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #c9cee6}
#wb .wb-top{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));
display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none;z-index:4;flex-wrap:wrap}
#wb .wb-top>*{pointer-events:auto}
#wb .wb-grp{display:flex;gap:3px;align-items:center;background:#fff;border-radius:16px;padding:4px;box-shadow:0 6px 24px rgba(20,25,60,.18)}
#wb .wb-pg{font-weight:800;color:#1b2350;min-width:58px;text-align:center;font-size:15px}
#wb .wb-zv{font:inherit;font-weight:800;font-size:13px;color:#1b2350;min-width:54px;height:36px;border:0;background:#f1f3fa;border-radius:10px;cursor:pointer}
#wb .wb-rec{color:#dc2626}
#wb .wb-rec .rc{width:18px;height:18px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 3px #fecaca}
#wb .wb-recbar{display:none;gap:6px;align-items:center;padding:4px 8px 4px 4px}
#wb.recording .wb-recbar{display:flex}
#wb.recording .wb-recst{display:none}
#wb .wb-rt{font-weight:800;font-variant-numeric:tabular-nums;color:#dc2626;min-width:56px;text-align:center;direction:ltr;font-size:15px}
#wb .wb-rdot{width:12px;height:12px;border-radius:50%;background:#dc2626;animation:wbBlink 1s infinite}
#wb.rec-paused .wb-rdot{animation:none;background:#f59e0b}
#wb.rec-paused .wb-rt{color:#b45309}
@keyframes wbBlink{50%{opacity:.25}}
#wb .wb-pop{position:absolute;z-index:5;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(20,25,60,.25);padding:12px;display:none;
left:50%;transform:translateX(-50%);bottom:calc(72px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100% - 20px));max-height:calc(100% - 150px);overflow:auto}
#wb .wb-pop.top{bottom:auto;top:calc(66px + env(safe-area-inset-top,0px))}
#wb .wb-pop.open{display:block}
#wb .wb-pop h4{margin:4px 2px 8px;font-size:14px;color:#4b5378;display:flex;justify-content:space-between;align-items:center}
#wb .wb-pop h4 output{color:#3b4fc4;font-weight:800}
#wb .wb-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:10px}
#wb .wb-cols button,#wb .wb-cols label{aspect-ratio:1;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #dfe3f3;cursor:pointer;position:relative;overflow:hidden;padding:0}
#wb .wb-cols button.on{box-shadow:0 0 0 3px #3b4fc4}
#wb .wb-cols label{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}
#wb .wb-cols input{position:absolute;inset:0;opacity:0;cursor:pointer}
#wb input[type=range]{width:100%;accent-color:#3b4fc4;margin:0 0 10px}
#wb .wb-prev{height:44px;border-radius:12px;background:#f5f6fb;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}
#wb .wb-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
#wb .wb-opts.two{grid-template-columns:repeat(2,1fr)}
#wb .wb-opts button{min-height:44px;border-radius:12px;border:2px solid #e3e6f3;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
font:inherit;font-size:12.5px;font-weight:700;color:#1b2350;padding:6px 4px}
#wb .wb-opts button svg{width:22px;height:22px}
#wb .wb-opts button.on{border-color:#3b4fc4;background:#eef1ff;color:#3b4fc4}
#wb .wb-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}
#wb .wb-chk{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#1b2350;margin:4px 2px 10px;cursor:pointer}
#wb .wb-chk input{width:20px;height:20px;accent-color:#3b4fc4}
#wb .wb-go{width:100%;border:0;border-radius:14px;background:#dc2626;color:#fff;font:inherit;font-weight:800;font-size:16px;padding:12px;cursor:pointer}
#wb .wb-note{font-size:12px;color:#6b7280;line-height:1.6;margin:8px 2px 0}
#wb .wb-txt{position:absolute;z-index:3;border:2px dashed #3b4fc4;background:rgba(255,255,255,.88);outline:none;font-weight:700;padding:2px 6px;min-width:140px;border-radius:6px;
line-height:1.35;resize:none;overflow:hidden;white-space:pre;direction:rtl;text-align:right}
#wb .wb-sel{position:absolute;z-index:3;display:none;gap:2px;background:#1b2350;border-radius:14px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translateX(-50%)}
#wb .wb-sel.show{display:flex}
#wb .wb-sel button{width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;font:inherit;font-weight:800;font-size:15px;padding:0}
#wb .wb-sel button:hover{background:rgba(255,255,255,.14)}
#wb .wb-sel button.del{color:#fca5a5}
#wb .wb-sel svg{width:20px;height:20px}
#wb .wb-selcol{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);display:none;grid-template-columns:repeat(7,30px);gap:6px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#wb .wb-selcol.show{display:grid}
#wb .wb-selcol button,#wb .wb-selcol label{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #dfe3f3;cursor:pointer;padding:0;position:relative;overflow:hidden}
#wb .wb-selcol button:hover{background-image:none;transform:scale(1.12)}
#wb .wb-selcol label{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}
#wb .wb-selcol input{position:absolute;inset:0;opacity:0;cursor:pointer}
#wb .wb-toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;background:rgba(27,35,80,.92);color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;
max-width:min(92%,420px);text-align:center;line-height:1.6;pointer-events:none;opacity:0;transition:opacity .25s}
#wb .wb-toast.show{opacity:1}
#wb .wb-frb.on{background:#eef1ff;color:#3b4fc4}
#wb .wb-edb{color:#7c3aed}
#wb .wb-b[hidden]{display:none}
#wb .wb-ed{position:absolute;inset:0;z-index:7;background:rgba(10,14,40,.72);display:none;align-items:center;justify-content:center;padding:12px}
#wb .wb-ed.show{display:flex}
#wb .ed-box{background:#fff;border-radius:20px;padding:14px;width:min(960px,100%);max-height:100%;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:10px}
#wb .ed-head{display:flex;align-items:center;justify-content:space-between}
#wb .ed-head h3{margin:0;font-size:19px;color:#1b2350}
#wb .ed-x{width:38px;height:38px;border:0;border-radius:50%;background:#f1f2f6;font-size:18px;cursor:pointer}
#wb .ed-stage{position:relative;background:#0b0f2a;border-radius:14px;overflow:hidden;display:grid;place-items:center}
#wb .ed-v{width:100%;max-height:46vh;display:block;background:#000}
#wb .ed-busy{position:absolute;inset:0;background:rgba(11,15,42,.88);color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}
#wb .wb-ed.busy .ed-busy{display:flex}
#wb .ed-busy b{font-size:18px}
#wb .ed-bar{width:min(420px,90%);height:12px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
#wb .ed-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55e,#3b82f6);transition:width .2s}
#wb .ed-busy button{border:0;border-radius:12px;padding:9px 16px;background:#fff;color:#1b2350;font:inherit;font-weight:800;cursor:pointer}
#wb .ed-ctrl{display:flex;align-items:center;gap:10px;direction:ltr}
#wb .ed-pl{width:44px;height:44px;border:0;border-radius:50%;background:#3b4fc4;color:#fff;font-size:18px;cursor:pointer;flex:none}
#wb .ed-sk{position:relative;flex:1;height:30px;display:flex;align-items:center}
#wb .ed-sk::before{content:"";position:absolute;left:0;right:0;height:10px;border-radius:99px;background:#e5e7eb}
#wb .ed-tr{position:absolute;height:10px;border-radius:99px;background:#a5b4fc;box-shadow:inset 0 0 0 2px #6366f1}
#wb .ed-seek{position:relative;width:100%;margin:0;background:transparent;accent-color:#1b2350;direction:ltr}
#wb .ed-time{font-weight:800;font-variant-numeric:tabular-nums;color:#1b2350;min-width:96px;text-align:center;font-size:14px}
#wb .ed-tl{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;direction:rtl;min-height:84px;align-items:stretch}
#wb .ed-clip{flex:1 1 0;min-width:96px;border:3px solid #e3e6f3;border-radius:12px;background:#f7f8fc;padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;font:inherit}
#wb .ed-clip.on{border-color:#3b4fc4;box-shadow:0 0 0 3px #c7d2fe}
#wb .ed-clip img{width:100%;height:52px;object-fit:cover;display:block;background:#fff}
#wb .ed-clip span{font-size:12px;font-weight:800;color:#1b2350;padding:4px;text-align:center}
#wb .ed-empty{color:#6b7280;margin:auto}
#wb .ed-tools,#wb .ed-foot{display:flex;flex-wrap:wrap;gap:6px}
#wb .ed-tools button,#wb .ed-foot button{flex:1 1 auto;border:2px solid #e3e6f3;background:#fff;border-radius:12px;padding:9px 10px;font:inherit;font-weight:800;font-size:13.5px;color:#1b2350;cursor:pointer}
#wb .ed-tools button:disabled,#wb .ed-foot button:disabled{opacity:.4;cursor:default}
#wb .ed-tools .ed-del{color:#b91c1c;border-color:#fecaca}
#wb .ed-foot .ed-rec{color:#dc2626;border-color:#fecaca}
#wb .ed-foot .ed-exp{background:#3b4fc4;border-color:#3b4fc4;color:#fff;font-size:15px}
#wb .ed-info{margin:0;font-size:12.5px;color:#6b7280;line-height:1.6}
@media (max-width:620px){#wb .ed-tools button{flex:1 1 45%}#wb .ed-foot button{flex:1 1 100%}#wb .ed-v{max-height:34vh}}
@media (max-width:620px) and (orientation:portrait){
#wb .wb-bar{flex-wrap:wrap;justify-content:center;width:min(358px,calc(100% - 16px));overflow:visible;gap:2px;padding:5px}
#wb .wb-b{width:42px;height:42px}
#wb .wb-pop{bottom:calc(122px + env(safe-area-inset-bottom,0px));max-height:calc(100% - 200px)}
#wb .wb-zoom{display:none}
#wb .wb-top{gap:6px}
}
@media (orientation:landscape) and (max-height:620px){
#wb .wb-bar{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,40px);gap:2px;left:auto;transform:translateY(-50%);top:50%;bottom:auto;
right:calc(10px + env(safe-area-inset-right,0px));max-width:none;overflow:visible;padding:5px}
#wb .wb-b{width:40px;height:40px}
#wb .wb-sep{display:none}
#wb .wb-pop,#wb .wb-pop.top{left:auto;right:calc(108px + env(safe-area-inset-right,0px));top:50%;bottom:auto;transform:translateY(-50%);width:320px;max-height:calc(100% - 20px)}
#wb .wb-top{right:calc(108px + env(safe-area-inset-right,0px))}
}
#bk{position:fixed;inset:0;z-index:2147483002;direction:rtl;font-family:'Tajawal',Tahoma,Arial,sans-serif;background:radial-gradient(circle at 50% 40%,#3b3550,#1a1726 70%);display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;color:#fff}
#bk *{box-sizing:border-box}
#bk .bk-top{display:flex;align-items:center;gap:6px;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));flex-wrap:wrap}
#bk .bk-ttl{flex:1;font-weight:800;font-size:clamp(15px,1.6vw,20px);min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bk .bk-b{height:40px;min-width:40px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:800;font-size:14px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
#bk .bk-b:hover{background:rgba(255,255,255,.2)}
#bk .bk-b.on{background:#facc15;color:#1a1726}
#bk .bk-b svg{width:20px;height:20px}
#bk .bk-pn{font-weight:800;font-size:14px;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;white-space:nowrap}
#bk .bk-view{position:relative;flex:1;min-height:0;overflow:hidden}
#bk .bk-zoom{position:absolute;inset:0;overflow:auto;display:grid;place-items:center;padding:10px 64px;-webkit-overflow-scrolling:touch}
#bk.zoomed .bk-zoom{place-items:start center}
#bk .bk-book{position:relative;perspective:2600px;transform-style:preserve-3d;flex:none;margin:auto}
#bk .bk-half{position:absolute;top:0;height:100%;overflow:hidden;background:#fff}
#bk .bk-half.R{right:0;box-shadow:inset 18px 0 22px -18px rgba(0,0,0,.35)}
#bk .bk-half.L{left:0;box-shadow:inset -18px 0 22px -18px rgba(0,0,0,.35)}
#bk .bk-half.S{right:0;box-shadow:0 10px 30px rgba(0,0,0,.4)}
#bk .bk-book.spread{box-shadow:0 18px 50px rgba(0,0,0,.5)}
#bk .bk-book.spread::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.1));z-index:2;pointer-events:none}
#bk .bk-pg{position:absolute;inset:0;background:#fff}
#bk .bk-pg img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}
#bk .bk-pg.blank{background:linear-gradient(135deg,#f7f3ea,#ece5d6)}
#bk .bk-leaf{position:absolute;top:0;height:100%;transform-style:preserve-3d;z-index:5;transition:transform .75s cubic-bezier(.45,.05,.3,1)}
#bk .bk-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff}
#bk .bk-face.b{transform:rotateY(180deg)}
#bk .bk-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.18),transparent 30%);opacity:.8}
#bk .bk-leaf .bk-face *{pointer-events:none}
#bk .bk-a,#bk .bk-q,#bk .bk-o{position:absolute;cursor:pointer;border-radius:6px}
#bk .bk-a{display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0 .3%}
#bk .bk-a span{display:block;white-space:pre-line;color:#1d4ed8;font-weight:800;line-height:1.25;font-family:var(--aff,'Tajawal'),Tahoma,sans-serif;opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.2,1.5,.4,1);word-break:break-word}
#bk .bk-a.on{background:rgba(255,255,255,.9);box-shadow:0 0 0 2px rgba(29,78,216,.18)}
#bk .bk-a.on span{opacity:1;transform:none}
#bk .bk-a.mark span{color:#16a34a;font-size:1.4em}
#bk .bk-a.mark.x span{color:#dc2626}
#bk .bk-q:hover,#bk .bk-a:not(.on):hover{background:rgba(250,204,21,.18)}
#bk.hint .bk-a:not(.on){outline:2px dashed rgba(29,78,216,.55);background:rgba(59,130,246,.07);animation:bkPulse 1.6s infinite}
#bk.hint .bk-q{outline:2px dotted rgba(234,179,8,.7)}
#bk.hint .bk-o{outline:2px dashed rgba(124,58,237,.5)}
@keyframes bkPulse{50%{background:rgba(59,130,246,.16)}}
#bk .bk-bub{position:absolute;max-width:62%;background:#eef4ff;color:#1d4ed8;border:2px solid #93c5fd;border-radius:12px;padding:.5em .8em;font-weight:800;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.15);
font-family:var(--aff,'Tajawal'),Tahoma,sans-serif;z-index:3;display:none;cursor:pointer}
#bk .bk-bub.on{display:block;animation:bkIn .35s cubic-bezier(.2,1.4,.4,1)}
#bk .bk-bub.side::before{top:10px;right:-9px;border:8px solid transparent;border-right:0;border-left-color:#93c5fd}
#bk .bk-bub:not(.side)::before{content:"";position:absolute;top:-9px;right:18px;border:8px solid transparent;border-top:0;border-bottom-color:#93c5fd}
@keyframes bkIn{from{opacity:0;transform:translateY(-6px) scale(.9)}}
#bk .bk-o.good{background:rgba(34,197,94,.22);box-shadow:0 0 0 3px #22c55e}
#bk .bk-o.good::after{content:"✓";position:absolute;left:-1.1em;top:50%;transform:translateY(-50%);color:#16a34a;font-weight:900;font-size:1.3em}
#bk .bk-o.bad{background:rgba(239,68,68,.2);box-shadow:0 0 0 3px #ef4444;animation:bkShake .4s}
@keyframes bkShake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
#bk .bk-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:84px;border:0;border-radius:16px;background:rgba(255,255,255,.14);color:#fff;font-size:34px;cursor:pointer;z-index:6;display:grid;place-items:center}
#bk .bk-nav:hover{background:rgba(255,255,255,.26)}
#bk .bk-nav:disabled{opacity:.15;cursor:default}
#bk .bk-next{left:8px}
#bk .bk-prev{right:8px}
#bk .bk-bot{display:flex;align-items:center;gap:10px;padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
#bk .bk-bot input{flex:1;accent-color:#facc15;direction:rtl}
#bk .bk-tip{font-size:12.5px;opacity:.75;white-space:nowrap}
#bk .bk-edit{position:absolute;border:2px solid #f97316;background:rgba(249,115,22,.12);z-index:7;pointer-events:none}
#bk.editing .bk-a,#bk.editing .bk-q,#bk.editing .bk-o{outline:2px solid rgba(249,115,22,.8)!important}
#bk .bk-out{position:absolute;inset:10%;z-index:9;background:#fff;color:#111;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
#bk .bk-out textarea{flex:1;direction:ltr;font:12px monospace}
@media (max-width:700px){#bk .bk-zoom{padding:6px 6px 6px}#bk .bk-nav{width:38px;height:64px;font-size:26px;background:rgba(0,0,0,.35)}#bk .bk-tip{display:none}#bk .bk-b .tx{display:none}}
#bkc{position:fixed;inset:0;z-index:2147483001;background:rgba(15,12,30,.7);display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl;font-family:'Tajawal',Tahoma,sans-serif}
#bkc .bkc-box{background:#fff;border-radius:20px;padding:16px;width:min(760px,100%);max-height:100%;overflow:auto}
#bkc .bkc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:18px;color:#1b2350}
#bkc .bkc-h button{border:0;background:#f1f2f6;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px}
#bkc .bkc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
#bkc .bkc-b{border:2px solid #ece7df;background:#faf8f4;border-radius:16px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;color:#1b2350;transition:transform .2s,box-shadow .2s}
#bkc .bkc-b:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12);border-color:#c08457}
#bkc .bkc-b img{width:100%;aspect-ratio:1001/1287;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);background:#eee}
#bkc .bkc-b span{font-weight:800;font-size:15px;text-align:center}
#bkc .bkc-b small{color:#8a4b22;font-weight:700;font-size:12px}
#bkc .bkc-b{position:relative}
#bkc .bkc-b.main{border-color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 3px rgba(22,163,74,.25)}
#bkc .bkc-b em{position:absolute;top:-10px;right:50%;transform:translateX(50%);background:#16a34a;color:#fff;font-style:normal;font-weight:800;font-size:12px;padding:3px 10px;border-radius:99px;white-space:nowrap;z-index:1}
#bk .bk-pg:not(.blank)::before{content:"جارٍ تحميل الصفحة…";position:absolute;inset:0;display:grid;place-items:center;color:#9ca3af;font:700 15px Tajawal,Tahoma,sans-serif;background:#f6f7f9}
#bk .bk-pg img{position:relative;z-index:1}
#bk.bk-wait .bk-view::after{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#fbbf24;animation:bkSpin .7s linear infinite;z-index:9}
@keyframes bkSpin{to{transform:rotate(360deg)}}
#bk .bk-a,#bk .bk-q,#bk .bk-o,#bk .bk-bub,#bk .bk-dt{z-index:2}
#bk .bk-dt{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;overflow:hidden}
#bk .bk-dt span{color:#1d4ed8;font-weight:800;font-family:'Amiri','Tajawal',serif;white-space:pre;line-height:1.05;text-align:center}
#bk .bk-dt.t-dmyd{background:#fff;justify-content:flex-start}
#bk .bk-dt.t-date2w{background:#fff}