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}}
#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 .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}}
html.lp-lock,html.lp-lock body{overflow:hidden!important}
#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}
@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;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:normal;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}