:root{--sand: #f2debd;--sand-deep: #e7cfa0;--sea: #2a9db5;--leaf: #4fae6d;--gold: #ffd166;--ink: #16333a;--ink-soft: #2c4c53;--panel: rgba(255, 252, 244, .96);--shadow: 0 12px 34px rgba(12, 40, 45, .28);--radius: 18px;--font-lat: "Space Grotesk", "Tajawal", sans-serif;--font-ar: "Tajawal", "Space Grotesk", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#bfe6f2;font-family:var(--font-lat);color:var(--ink)}:root[lang=ar] body{font-family:var(--font-ar)}.app,.scene-wrap{position:fixed;inset:0}.scene-wrap{touch-action:none}canvas{display:block;outline:none}button{font-family:inherit;cursor:pointer;border:none}.btn-primary{background:linear-gradient(180deg,#ff9e4f,#f4772e);color:#fff;font-weight:700;padding:12px 20px;border-radius:999px;font-size:15px;box-shadow:0 6px 16px #e6641e66;transition:transform .12s ease,box-shadow .12s ease,filter .12s}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.3)}.btn-primary.big{padding:16px 30px;font-size:18px}.btn-ghost{background:#ffffff24;color:#fff;border:1.5px solid rgba(255,255,255,.55);padding:12px 20px;border-radius:999px;font-weight:600;backdrop-filter:blur(6px)}.btn-ghost:hover{background:#ffffff40}.btn-ghost.dark{background:#0000000d;color:var(--ink-soft);border-color:#00000026;backdrop-filter:none}.btn-ghost.dark:hover{background:#0000001a}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-skilljar{display:block;text-align:center;text-decoration:none;background:linear-gradient(180deg,#6c8ae4,#4f6fd4);color:#fff;font-weight:700;padding:13px 18px;border-radius:12px;margin:14px 0;box-shadow:0 6px 16px #4f6fd459}.btn-skilljar:hover{filter:brightness(1.06)}.start-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 0%,#7fd3e8,#3a9fc4 45%,#1d6b8c);overflow:hidden;text-align:center;padding:24px}.start-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.45),transparent 60%);top:-160px;filter:blur(20px);animation:floaty 6s ease-in-out infinite}.start-inner{position:relative;z-index:2;max-width:560px;color:#fff}.start-orb{width:96px;height:96px;border-radius:50%;margin:0 auto 10px;background:radial-gradient(circle at 35% 30%,#fff7dc,#ffd166 55%,#f4a259);box-shadow:0 0 44px 10px #ffd166bf;animation:bob 3s ease-in-out infinite}.start-title{font-family:var(--font-ar);font-size:74px;margin:6px 0 0;line-height:1;text-shadow:0 6px 22px rgba(0,0,0,.3)}.start-sub{font-weight:700;letter-spacing:2px;opacity:.95;margin-top:4px}.start-desc{font-size:17px;line-height:1.6;opacity:.95;margin:18px auto;max-width:460px}.start-hint{display:inline-block;background:#00000038;padding:8px 16px;border-radius:999px;font-size:13px;margin-bottom:22px}.start-gates{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:4px 0 20px}.start-gate{display:inline-flex;align-items:center;gap:7px;background:#0003;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:700}.start-gate-name{font-family:var(--font-ar)}.start-gate-dot{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 9px 1px currentColor}.start-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.start-account{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:#00000038;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700}.start-account-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-link{background:none;border:none;color:#fff;opacity:.8;font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer;padding:2px 4px}.btn-link:hover{opacity:1}.start-auth-note{margin:14px auto 0;max-width:420px;font-size:12.5px;opacity:.85;line-height:1.55}.start-auth-error{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px auto 0;max-width:440px;background:#78141459;border:1px solid rgba(255,120,120,.5);border-radius:14px;padding:10px 16px;font-size:13px;line-height:1.5}.auth-error-line{display:inline-flex;align-items:center;gap:6px;font-weight:700}.btn-ghost.small{padding:7px 14px;font-size:12.5px}.hud{position:fixed;inset:0;pointer-events:none;padding:14px;display:flex;justify-content:space-between;align-items:flex-start}.hud>*{pointer-events:auto}.hud-top-left{background:var(--panel);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow);min-width:220px;max-width:78vw}.brand{display:flex;flex-direction:column;line-height:1.05;margin-bottom:8px}.brand-ar{font-family:var(--font-ar);font-size:26px;font-weight:800;color:var(--ink)}.brand-en{font-size:11px;font-weight:600;color:var(--ink-soft);opacity:.8}.xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:10px}.lvl-badge{background:var(--ink);color:var(--gold);font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px}.xp-num{font-size:12px;font-weight:700;color:var(--ink-soft)}.xp-bar{height:10px;background:#e3d7bf;border-radius:999px;overflow:hidden}.xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#ff9e4f);transition:width .5s cubic-bezier(.2,.8,.2,1)}.badges{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;align-items:center}.badges-empty{font-size:11px;color:var(--ink-soft);opacity:.7}.badge{min-width:30px;height:30px;padding:0 8px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;box-shadow:0 3px 8px #0003;animation:pop .4s ease}.objective{display:flex;align-items:center;gap:7px;margin-top:10px;background:linear-gradient(90deg,#ffd16638,#ff9e4f1f);border:1px solid rgba(224,137,46,.35);padding:6px 11px;border-radius:999px}.obj-ico{font-size:14px}.obj-text{font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.hud-top-left,.hud-top-right{animation:rise .4s ease}.hud-top-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hud-btn{background:var(--panel);color:var(--ink);font-weight:700;font-size:13px;padding:9px 13px;border-radius:999px;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:7px}.hud-btn:hover{filter:brightness(.97)}.hud-ico{font-size:15px}.joystick{position:fixed;bottom:26px;inset-inline-start:26px;width:120px;height:120px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(4px);display:grid;place-items:center;touch-action:none;z-index:40;user-select:none}.joystick-knob{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd166 70%,#f4a259);box-shadow:0 4px 12px #0000004d}.dialogue{position:fixed;bottom:26px;left:50%;transform:translate(-50%);width:max-content;max-width:min(560px,88vw);background:var(--panel);border-radius:16px;box-shadow:var(--shadow);padding:12px 16px;display:flex;gap:12px;align-items:center;z-index:30;animation:rise .35s ease}.dialogue-orb{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:0 0 16px 3px #ffd166b3;animation:bob 2.4s ease-in-out infinite}.dialogue-text{font-size:15px;line-height:1.45;color:var(--ink)}.dialogue-who{font-weight:800;color:#e0892e;margin-inline-end:6px}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#0a1e238c;backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fade .2s ease}.modal-card{background:var(--panel);border-radius:22px;box-shadow:var(--shadow);width:min(560px,96vw);max-height:90vh;overflow-y:auto;padding:22px;position:relative;animation:rise .28s ease;text-align:start}.modal-close{position:absolute;inset-block-start:12px;inset-inline-end:14px;background:#0000000f;color:var(--ink-soft);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.modal-close:hover{background:#0000001f}.qh-header{display:flex;gap:12px;align-items:center;border-bottom:2px solid;padding-bottom:12px;margin-bottom:12px;margin-inline-end:60px}.qh-guardian{width:52px;height:52px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;box-shadow:0 4px 10px #0003;font-family:var(--font-ar)}.qh-eyebrow{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ink-soft);text-transform:uppercase;opacity:.8}.qh-title{margin:2px 0 0;font-size:22px}.qh-intro{color:var(--ink-soft);line-height:1.5;font-size:14px;margin:0 0 14px}.qh-section-title{font-weight:800;font-size:13px;color:var(--ink);margin:10px 0 8px;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.qh-lectures{display:flex;flex-direction:column;gap:8px}.qh-lecture{display:flex;align-items:center;gap:12px;text-align:start;background:#fff;border:1.5px solid #ecdfc4;border-radius:14px;padding:11px 13px;transition:transform .1s,border-color .1s}.qh-lecture:hover{transform:translateY(-1px);border-color:#ffbf6b}.qh-lecture.done{background:#eefaef;border-color:#a7e0b3}.qh-lec-check{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:13px;background:#ffe6c2;color:#b06a1e}.qh-lecture.done .qh-lec-check{background:#46b666;color:#fff}.qh-lec-title{flex:1;font-weight:600;font-size:14px}.qh-lec-cta{font-size:12px;font-weight:800;color:#e0892e}.qh-lecture.done .qh-lec-cta{color:#2f9e50}.qh-main{margin-top:16px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#fff7e8,#fdeccf);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qh-checks,.cert-checks{display:flex;flex-direction:column;gap:4px;margin-top:4px}.chk{font-size:12.5px;font-weight:700;color:var(--ink-soft)}.chk.ok{color:#2f9e50}.qm-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-inline-end:60px}.qm-title{margin:4px 0 14px;font-size:21px}.quiz-progress{display:flex;gap:6px;margin-bottom:12px}.qp-dot{width:22px;height:6px;border-radius:999px;background:#e3d7bf}.qp-dot.cur{background:#ff9e4f}.qp-dot.done{background:#46b666}.quiz-q{font-size:17px;line-height:1.4;margin:0 0 14px}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-opt{text-align:start;background:#fff;border:2px solid #ecdfc4;border-radius:13px;padding:13px 15px;font-size:15px;font-weight:600;color:var(--ink);transition:transform .08s,border-color .1s,background .1s}.quiz-opt:hover:not(:disabled){border-color:#ffbf6b;transform:translateY(-1px)}.quiz-opt.right{background:#eafaee;border-color:#46b666;color:#1f7a3c}.quiz-opt.wrong{background:#fdeaea;border-color:#e26b6b;color:#b23b3b}.quiz-opt.opt-highlight{border-color:#6c8ae4;box-shadow:0 0 0 3px #6c8ae438}.quiz-feedback{margin-top:12px;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.45}.quiz-feedback.ok{background:#eafaee;color:#1f7a3c}.quiz-feedback.bad{background:#fdeaea;color:#b23b3b}.quiz-feedback.ahmed-correct{box-shadow:0 0 0 3px #46b6664d}.quiz-feedback.ahmed-incorrect{box-shadow:0 0 0 3px #e26b6b4d}.quiz-feedback p{margin:6px 0 0;font-weight:500}.quiz-actions{margin-top:16px;display:flex;justify-content:flex-end}.hint-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#fff3e0;color:#b06a1e;font-size:12.5px;font-weight:800}.qm-complete{text-align:center;padding:20px 0}.qm-check{width:66px;height:66px;border-radius:50%;margin:0 auto 12px;background:#46b666;color:#fff;font-size:34px;display:grid;place-items:center;animation:pop .4s ease}.cert-challenge{margin-bottom:8px}.cert-label{display:block;font-weight:700;font-size:13px;margin:6px 0;color:var(--ink-soft)}.cert-input-row{display:flex;gap:8px;flex-wrap:wrap}.cert-input{flex:1;min-width:200px;padding:12px 14px;border-radius:12px;border:2px solid #ecdfc4;font-size:14px;outline:none}.cert-input:focus{border-color:#6c8ae4}.cert-error{color:#c0392b;font-size:13px;font-weight:600;margin-top:8px}.cert-verified-note{margin-top:14px;background:#eafaee;color:#1f7a3c;font-weight:700;padding:12px 14px;border-radius:12px}.cert-hint{font-weight:600;font-size:12.5px;color:#b06a1e;margin-top:6px}.cert-bright{font-weight:600;font-size:12.5px;color:#5a6c74;margin-top:8px}.cert-bright.ok{color:#1f7a3c}.cert-bright.bad{color:#b23a3a}.cert-bright.warn{color:#8a5a12}.cert-bright a{color:#1f6f96;font-weight:800;text-decoration:underline}.cert-bright-signin,.cert-bright-action{margin-inline-start:6px;padding:4px 10px;border:0;border-radius:999px;background:#8a5a12;color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer}.cert-bright-signin:hover,.cert-bright-action:hover{background:#6d470e}.cert-verified-note.rejected{background:#fdecec;color:#8f2f2f}.cert-verified-note.rejected .cert-bright-action{background:#b23a3a}.cert-verified-note.rejected .cert-bright-action:hover{background:#8f2f2f}.cert-bright-reason,.cert-bright-hosts{font-weight:600;font-size:12px;opacity:.85;margin-top:4px;overflow-wrap:anywhere}.cert-bright.bad .cert-bright-action{margin-top:8px;margin-inline-start:0}.cert-cleared{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#0000000a;font-weight:700;font-size:13px;color:var(--ink-soft)}.cert-cleared .btn-ghost{display:inline-flex;align-items:center;gap:7px}.quiz-results{padding-top:4px}.qr-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.qr-done-ico{width:44px;height:44px;flex:none;border-radius:50%;background:#46b666;color:#fff;display:grid;place-items:center}.qr-title{margin:2px 0 0;font-size:18px;line-height:1.3}.qr-score{margin-bottom:16px}.qr-score-num{display:flex;align-items:baseline;gap:8px}.qr-score-num strong{font-size:38px;line-height:1;color:#1f7a3c}.qr-score-num span{font-size:14px;font-weight:700;color:var(--ink-soft)}.qr-bar{margin:10px 0 6px;height:9px;border-radius:999px;background:#00000014;overflow:hidden}.qr-bar span{display:block;height:100%;border-radius:999px;background:#46b666}.qr-meta{font-size:12.5px;font-weight:700;color:var(--ink-soft)}.qr-nonote{margin:0 0 16px;padding:11px 13px;border-radius:12px;background:#0000000a;font-size:13px;line-height:1.5;color:var(--ink-soft)}.qr-review{margin-bottom:14px}.qr-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.qr-list li{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;font-size:13px;line-height:1.4;background:#00000008}.qr-list li.ok{background:#eafaee}.qr-list li.bad{background:#fdeaea}.qr-mark{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:#b23b3b}.qr-list li.ok .qr-mark{background:#46b666}.qr-qtext{flex:1;min-width:0;font-weight:600}.qr-verdict{flex:none;font-size:11.5px;font-weight:800;opacity:.75}.qr-cert{margin-bottom:14px}.qr-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-actions .btn-primary,.qr-actions .btn-ghost{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.qr-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--ink-soft);opacity:.9}.celebration{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#0a1e2380;backdrop-filter:blur(4px);overflow:hidden;animation:fade .25s ease}.celebration-card{position:relative;z-index:2;text-align:center;background:var(--panel);border-radius:24px;padding:28px 26px;width:min(440px,94vw);box-shadow:var(--shadow);border:3px solid;animation:pop .45s cubic-bezier(.2,1.2,.3,1)}.cel-levelup{font-weight:900;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#e0892e}.cel-badge{width:84px;height:84px;border-radius:20px;margin:14px auto;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;font-family:var(--font-ar);box-shadow:0 8px 22px #00000040;animation:bob 2.6s ease-in-out infinite}.cel-title{margin:4px 0;font-size:24px}.cel-zone-complete{color:#2f9e50;font-weight:800;font-size:14px}.cel-congrats{color:var(--ink-soft);line-height:1.5;font-size:15px;margin:12px 0 16px}.cel-certified{background:linear-gradient(90deg,#ffd166,#ff9e4f);color:#5a3410;font-weight:900;padding:10px;border-radius:12px;margin-bottom:16px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-piece{position:absolute;top:-20px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1}@keyframes confetti-fall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:1}to{transform:translateY(105vh) translate(var(--drift)) rotate(var(--rot));opacity:.9}}.zone-label{display:flex;flex-direction:column;align-items:center;background:none;padding:0;border:0;text-align:center;transform:translateY(-6px);font-family:var(--font-lat);user-select:none;white-space:nowrap;transition:transform .12s ease,filter .12s ease}:root[lang=ar] .zone-label{font-family:var(--font-ar)}.zone-label .zl-guardian{display:inline-block;font-weight:800;font-size:12px;color:#fff;background:#143237b8;padding:2px 10px;border-radius:999px}.zone-label .zl-title{display:block;margin-top:3px;font-weight:700;font-size:13px;color:#16333a;background:#fffcf4eb;padding:3px 10px;border-radius:8px;box-shadow:0 4px 10px #0000002e}.zone-label.locked{opacity:.85;filter:grayscale(.5)}.zone-label .zl-status{display:block;font-size:16px;margin-top:2px;color:#16333a}.zone-label.done .zl-title{background:#fff2c8}.zone-label:hover,.zone-label.hot{transform:translateY(-10px) scale(1.06)}.zone-label:hover .zl-title,.zone-label.hot .zl-title{background:#fff;box-shadow:0 6px 18px #0000004d}.zone-label.locked:hover .zl-title,.zone-label.locked.hot .zl-title{background:#eceff2}.zone-label:focus-visible{outline:none}.zone-label:focus-visible .zl-title{outline:3px solid #ff9e4f;outline-offset:2px}.landmark-label{display:block;text-align:center;transform:translateY(-6px);user-select:none;white-space:nowrap;font-family:var(--font-lat);font-weight:800;font-size:12px;color:#fff;background:#143237b8;padding:3px 12px;border-radius:999px;border:0;transition:transform .12s ease,background .12s ease}:root[lang=ar] .landmark-label{font-family:var(--font-ar)}.landmark-label:hover,.landmark-label.hot{background:#143237eb;transform:translateY(-10px) scale(1.06)}.landmark-label:focus-visible{outline:3px solid #ff9e4f;outline-offset:2px}.bp-header{display:flex;gap:14px;align-items:center;border-bottom:2px solid;padding-bottom:14px;margin-bottom:14px;margin-inline-end:60px}.bp-logo{width:64px;height:64px;flex:none;border-radius:16px;display:grid;place-items:center;padding:8px;background:#fff;box-shadow:0 4px 12px #0000001f}.bp-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.bp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ink-soft);text-transform:uppercase;opacity:.8}.bp-title{margin:3px 0 0;font-size:22px}.bp-body{color:var(--ink-soft);line-height:1.65;font-size:14.5px;margin:0 0 12px}.bp-tagline{font-weight:800;font-size:15px;line-height:1.5;margin:0 0 12px}.bp-note{color:var(--ink-soft);font-size:12.5px;opacity:.85;margin:0 0 14px;padding-inline-start:10px;border-inline-start:3px solid rgba(0,0,0,.1)}.bp-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:linear-gradient(180deg,#34c0e0,#1f9fc7);box-shadow:0 6px 16px #1e8cb466}.lecture-card{text-align:start}.lec-deck-title{margin:4px 0 14px;font-size:21px}.lec-slide{position:relative;background:linear-gradient(180deg,#fffdf8,#fff4e2);border:2px solid;border-radius:18px;padding:22px 20px 20px;min-height:240px;box-shadow:inset 0 2px 8px #0000000a;animation:slidein .28s ease}@keyframes slidein{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.lec-slide-num{width:40px;height:40px;border-radius:12px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:0 4px 10px #0000002e;margin-bottom:12px}.lec-slide-title{margin:0 0 14px;font-size:20px;line-height:1.35;color:var(--ink)}.lec-bullets{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:10px}.lec-bullets li{font-size:15.5px;line-height:1.5;color:var(--ink-soft);font-weight:600}.lec-bullets li::marker{color:#e0892e}.lec-source-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:18px;margin-inline-start:-6px;padding:4px 6px;border-radius:8px;font-size:14px;font-weight:700;color:#1f6b52;text-decoration:underline;text-underline-offset:3px;transition:color .15s,background .15s}.lec-source-link:hover{color:#155a44;background:#1f6b521f}.lec-source-link:focus-visible{outline:3px solid #1f6b52;outline-offset:2px}.lec-dots{display:flex;gap:8px;justify-content:center;margin:16px 0}.lec-dot{width:12px;height:12px;border-radius:50%;padding:0;background:#e3d7bf;transition:background .2s,transform .2s}.lec-dot.done{background:#f0b878}.lec-dot.cur{background:#ff9e4f;transform:scale(1.3)}.lec-nav{display:flex;justify-content:space-between;gap:12px}.lec-nav .btn-primary,.lec-nav .btn-ghost{min-width:120px}.ahmed-panel{background:linear-gradient(180deg,#fff7e8,#fdeccf);border:1.5px solid #ffd98f;border-radius:16px;padding:12px;margin-bottom:14px}.ahmed-panel-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ahmed-face{flex:none;border-radius:50%;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));transition:filter .2s}.ahmed-face.speaking{filter:drop-shadow(0 3px 14px rgba(255,207,94,.65))}.ahmed-info{flex:1;min-width:96px}.ahmed-name{font-weight:800;font-size:14px;color:var(--ink)}.ahmed-status{font-size:12px;font-weight:700;color:var(--ink-soft)}.ahmed-status-connecting{color:#b06a1e}.ahmed-status-speaking{color:#2f9e50}.ahmed-status-listening{color:#2f7fa8}.ahmed-status-error{color:#b23a3a}.ahmed-actions{display:flex;align-items:center;gap:8px}.ahmed-btn-call{padding:9px 16px;font-size:13px;white-space:nowrap}.ahmed-btn-mute{background:#0000000f;color:var(--ink-soft);border:1.5px solid rgba(0,0,0,.15);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700;white-space:nowrap}.ahmed-btn-mute.muted{background:#ffdede;border-color:#f0a8a8;color:#b23a3a}.ahmed-error-detail{margin-top:8px;font-size:11px;color:#b23a3a;opacity:.85}.resource-links{margin-top:16px}.resource-btns{display:flex;flex-direction:column;gap:8px}.res-btn{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:14px;padding:12px 16px;border-radius:12px;color:#fff;box-shadow:0 4px 12px #00000026;transition:filter .12s,transform .1s}.res-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.res-btn.skilljar{background:linear-gradient(180deg,#6c8ae4,#4f6fd4)}.res-btn.videos{background:linear-gradient(180deg,#e0567a,#c73d63)}.res-btn.slides{background:linear-gradient(180deg,#3aa17e,#2b8266)}.qh-lecture-cta{width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fff5e4,#ffe9c9);border:2px solid;border-radius:14px;padding:14px 15px;margin-bottom:10px;position:relative;text-align:start;transition:transform .1s,filter .1s}.qh-lecture-cta:hover{transform:translateY(-1px);filter:brightness(1.02)}.qh-lecture-cta.seen{background:#f2f6f3;border-color:#cfe3d6!important}.qh-lec-cta-ico{font-size:22px}.qh-lec-cta-txt{flex:1;font-weight:800;font-size:15px;color:var(--ink)}.qh-lec-cta-badge{width:22px;height:22px;border-radius:50%;background:#e2574a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;animation:pop .4s ease}.qh-lecture:disabled{cursor:not-allowed}.qh-cert-cta{width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#6c8ae4,#4f6fd4);color:#fff;border-radius:14px;padding:14px 16px;margin-bottom:10px;text-align:start;font-weight:800;font-size:15px;box-shadow:0 6px 16px #3c5ac84d;transition:transform .1s,filter .1s}.qh-cert-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}.qh-cert-txt{flex:1}.qh-cert-ico,.qh-cert-go{display:inline-flex;opacity:.95}.qh-cert-go{transform:scaleX(1)}:root[dir=rtl] .qh-cert-go{transform:scaleX(-1)}.qh-hint-note{display:flex;align-items:center;gap:7px;background:#fff6e2;color:#8a5a17;font-weight:700;font-size:13px;padding:9px 12px;border-radius:10px;margin-bottom:10px}.qh-lecture-row{display:flex;align-items:stretch;gap:8px}.qh-lecture-row .qh-lecture{flex:1}.qh-lecture.skipped{background:#f4f5f7;border-color:#d6dae0}.qh-lecture.skipped .qh-lec-check{background:#d6dae0;color:#5b636e}.qh-lecture.skipped .qh-lec-cta{color:#6b7280}.qh-skip-btn{background:transparent;border:1.5px dashed rgba(0,0,0,.2);color:var(--ink-soft);border-radius:12px;padding:0 14px;font-weight:700;font-size:12.5px;white-space:nowrap}.qh-skip-btn:hover{background:#0000000d;border-style:solid}.qh-skip-all{margin-top:10px;width:100%}.qh-skip-note{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-soft);background:#00000009;border-radius:10px;padding:10px 12px}.lec-skip{display:block;margin:12px auto 0;background:transparent;color:var(--ink-soft);font-weight:700;font-size:13px;border-bottom:1.5px dashed rgba(0,0,0,.25);padding:2px 2px 3px}.lec-skip:hover{color:var(--ink);border-bottom-color:var(--ink)}.cert-skip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 14px;background:#eef2ff;color:#3a4fa8;border:1.5px solid #c3cdf5;border-radius:12px;padding:11px 14px;font-weight:800;font-size:13.5px}.cert-skip:hover{background:#e2e8ff}.jump-btn{position:fixed;bottom:34px;inset-inline-end:30px;z-index:40;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd8a0,#ff9e4f 70%,#f4772e);color:#5a3410;font-weight:900;box-shadow:0 6px 18px #e6641e73,inset 0 2px 6px #ffffff80;border:3px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;user-select:none;touch-action:manipulation}.jump-btn:active{transform:scale(.93);filter:brightness(1.05)}.jump-ico{font-size:26px;line-height:1}.jump-label{font-size:12px;font-weight:800;letter-spacing:.5px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(24px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.dialogue{animation:rise .35s ease}@media (max-width: 560px){.hud{padding:8px}.hud-top-left{min-width:150px;max-width:62vw;padding:9px 10px}.brand-ar{font-size:20px}.brand-en{font-size:10px}.hud-btn{font-size:12px;padding:9px 11px}.hud-top-right{gap:6px}.obj-text{max-width:44vw}.start-title{font-size:58px}.joystick{width:140px;height:140px;bottom:30px;inset-inline-start:22px;background:#fff3;border-width:2.5px}.joystick-knob{width:62px;height:62px}.jump-btn{width:84px;height:84px;bottom:40px;inset-inline-end:22px}.modal-backdrop{padding:8px;align-items:flex-end}.modal-card{padding:16px;width:100%;max-height:94vh;border-radius:20px 20px 14px 14px}.btn-primary{padding:14px 20px;font-size:15px}.btn-primary.big{padding:16px 22px}.quiz-opt{padding:15px;font-size:15px}.lec-slide{min-height:200px;padding:18px 16px}.lec-slide-title{font-size:18px}.lec-bullets li{font-size:15px}.lec-nav .btn-primary,.lec-nav .btn-ghost{min-width:108px;padding:14px 12px}.lec-dot{width:14px;height:14px}.res-btn{padding:14px 16px}.cert-input{padding:14px;font-size:15px}.dialogue{bottom:130px}.ahmed-panel{padding:10px}.ahmed-panel-row{gap:8px}.ahmed-actions{width:100%;justify-content:stretch}.ahmed-btn-call,.ahmed-btn-mute{flex:1;padding:12px 10px}.ahmed-face{width:104px!important;height:104px!important}}@media (max-height: 420px){.jump-btn{width:72px;height:72px}.jump-label{display:none}}.welcome-card{width:min(440px,96vw);text-align:center}.welcome-face{display:grid;place-items:center;margin-bottom:6px}.welcome-title{margin:0 0 8px;font-size:22px;font-weight:800;color:var(--ink)}:root[lang=ar] .welcome-title{font-family:var(--font-ar)}.welcome-sub{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.welcome-form{display:flex;flex-direction:column;gap:12px;text-align:start}.welcome-field{display:flex;flex-direction:column;gap:5px}.welcome-label{font-weight:700;font-size:12.5px;color:var(--ink-soft)}.welcome-input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #ecdfc4;font-size:15px;outline:none;font-family:inherit;color:var(--ink);background:#fff}.welcome-input:focus{border-color:#f4772e}.welcome-error{color:#c0392b;font-size:13px;font-weight:600}.welcome-submit{margin-top:6px;width:100%}.ahmed-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--ink-soft)}.ahmed-identity-name{font-weight:700;color:var(--ink)}.ahmed-identity-reset{background:#0000000f;color:var(--ink-soft);border:none;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;cursor:pointer}.ahmed-identity-reset:hover{background:#0000001a}.ahmed-tag{text-align:center;user-select:none;white-space:nowrap;font-weight:800;font-size:12px;color:#fff;background:#1f4e5fd9;padding:3px 12px;border-radius:999px;border:1px solid rgba(255,209,102,.6)}:root[lang=ar] .ahmed-tag{font-family:var(--font-ar)}.account-chip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.account-name{font-size:12px;font-weight:700;color:var(--ink-soft);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-btn{background:#0000000f;color:var(--ink-soft);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.account-btn:hover{background:#0000001f}.account-btn.primary{background:linear-gradient(180deg,#34c0e0,#1f9fc7);color:#fff;box-shadow:0 4px 12px #1e8cb459}.account-btn.primary:disabled{opacity:.6;cursor:wait}.account-error{margin-top:6px;font-size:11.5px;font-weight:700;color:#b23a3a;display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:auto}.bright-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:linear-gradient(180deg,#ffd166,#f2b53d);color:#4a3410;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 4px 12px #c8962859}.bright-link:hover{filter:brightness(1.05)}.hud-btn-row{display:flex;gap:6px;justify-content:flex-end}.hud-btn.icon{padding:9px 12px;font-size:16px;line-height:1}.ach-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:11px;background:var(--panel);border:2px solid var(--gold);border-radius:16px;padding:10px 18px;box-shadow:var(--shadow);animation:toast-in .45s cubic-bezier(.2,1.2,.3,1);text-align:start}.ach-toast-ico{width:40px;height:40px;border-radius:12px;flex:none;background:linear-gradient(180deg,#ffd166,#ff9e4f);display:grid;place-items:center;font-size:22px}.ach-toast-text{display:flex;flex-direction:column;line-height:1.25}.ach-toast-text b{font-size:11.5px;color:#e0892e;letter-spacing:.5px;text-transform:uppercase}.ach-toast-text span{font-size:14px;font-weight:800;color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}.ach-count{margin-inline-start:10px;font-size:13px;font-weight:800;background:#ffe6c2;color:#b06a1e;padding:3px 10px;border-radius:999px;vertical-align:middle}.ach-grid{display:flex;flex-direction:column;gap:9px}.ach-item{display:flex;gap:12px;align-items:center;background:#fff;border:1.5px solid #ecdfc4;border-radius:14px;padding:11px 13px}.ach-item.earned{background:#fffaf0;border-color:#ffd166}.ach-item.locked{opacity:.62;filter:grayscale(.5)}.ach-ico{width:42px;height:42px;border-radius:12px;flex:none;background:linear-gradient(180deg,#ffd166,#ff9e4f);display:grid;place-items:center;font-size:21px;color:#fff;box-shadow:0 3px 8px #00000026}.ach-item.locked .ach-ico{background:#d8d3c6}.ach-title{font-weight:800;font-size:14px;color:var(--ink)}.ach-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.45}.lb-note{background:#eef6fb;color:#2f7fa8;font-weight:700;font-size:12.5px;padding:8px 12px;border-radius:10px;margin-bottom:12px}.lb-empty{text-align:center;color:var(--ink-soft);padding:26px 0;font-weight:600}.lb-table{display:flex;flex-direction:column;gap:5px}.lb-row{display:grid;grid-template-columns:44px 1fr 64px 56px;align-items:center;gap:8px;background:#fff;border:1.5px solid #ecdfc4;border-radius:12px;padding:9px 12px}.lb-row.lb-head{background:none;border:none;padding:2px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);opacity:.8}.lb-row.you{background:#fffaf0;border-color:#ffd166}.lb-rank{font-weight:800;font-size:15px;text-align:center}.lb-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you-tag{font-style:normal;margin-inline-start:7px;font-size:10.5px;font-weight:800;background:var(--gold);color:#5a3410;padding:1.5px 8px;border-radius:999px}.lb-xp,.lb-courses{font-weight:700;font-size:13px;color:var(--ink-soft);text-align:end}.lb-actions{display:flex;justify-content:center;margin-top:14px}.lb-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.lb-page-btn{display:inline-flex;align-items:center;gap:6px;flex:none}.lb-page-btn:disabled{pointer-events:none}.lb-status{flex:1 1 auto;min-width:0;text-align:center;font-size:11.5px;font-weight:700;color:var(--ink-soft);line-height:1.5}.lb-status:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}.lb-status b{display:block;font-size:13px;color:var(--ink)}.lb-chev{transform:scaleX(1)}.lb-chev.back{transform:scaleX(-1)}:root[dir=rtl] .lb-chev{transform:scaleX(-1)}:root[dir=rtl] .lb-chev.back{transform:scaleX(1)}.lb-busy{opacity:.5;transition:opacity .12s ease}.lb-me{margin-top:14px;padding-top:12px;border-top:2px dashed #ecdfc4}.lb-me-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);opacity:.8;padding:0 12px 6px}.lb-me-jump{margin-top:8px;width:100%;font-size:12.5px}.rewards-sub{color:var(--ink-soft);font-size:14px;line-height:1.5;margin:0 0 14px}.reward-list{display:flex;flex-direction:column;gap:12px}.reward{display:flex;gap:13px;align-items:flex-start;background:#fff;border:2px solid;border-radius:16px;padding:14px}.reward.locked{opacity:.75}.reward.locked .reward-ico{filter:grayscale(.65)}.reward-ico{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 10px #0000002e}.reward-course{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.reward-title{font-weight:800;font-size:15.5px;color:var(--ink);margin:3px 0 4px}.reward-desc{font-size:13px;color:var(--ink-soft);line-height:1.55}.reward-state{margin-top:8px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.reward-state.ok{color:#2f9e50}.reward-claim{display:inline-block;margin-top:10px;text-decoration:none;padding:10px 18px;font-size:13.5px}.reward.sealed{background:radial-gradient(140% 120% at 85% 0%,rgba(108,138,228,.13),transparent 55%),linear-gradient(180deg,#fbf7ff,#f1ecfb)}.reward.sealed .reward-ico{background:linear-gradient(180deg,#8a7bd8,#6c5fc7)!important}.reward-seal-tag{margin-inline-start:9px;font-size:10.5px;font-weight:800;vertical-align:middle;background:#6c5fc7;color:#fff;padding:2px 9px;border-radius:999px;letter-spacing:.5px}.reward.grand{flex-direction:column;align-items:stretch;border-width:3px}.reward.grand.unlocked{box-shadow:0 0 0 3px #2f9e5029}.reward-grand-media{position:relative;border-radius:12px;overflow:hidden;line-height:0}.reward-grand-media img{width:100%;display:block;transition:filter .2s ease}.reward.grand.locked .reward-grand-media img{filter:grayscale(.65) brightness(.8)}.reward-grand-tag{position:absolute;inset-inline-end:10px;inset-block-start:10px;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ffd166,#ff9e4f);color:#5a3410;font-weight:800;font-size:11px;letter-spacing:.4px;text-transform:uppercase;padding:4px 10px;border-radius:999px;box-shadow:0 3px 8px #00000040}.reward-grand-progress{position:absolute;inset-inline-start:10px;inset-block-end:10px;background:#0a1414b8;color:#fff;font-weight:800;font-size:14px;padding:4px 12px;border-radius:999px;backdrop-filter:blur(2px);direction:ltr}.reward-grand-remaining{margin-top:9px;font-size:12.5px;color:var(--ink-soft)}.reward-grand-remaining-list{display:inline-flex;flex-wrap:wrap;gap:6px;margin-inline-start:6px}.reward-grand-remaining-chip{display:inline-block;font-weight:700;font-size:12px;border:1.5px solid;border-radius:999px;padding:2px 9px}.theatre-sub{color:var(--ink-soft);font-size:13.5px;margin:0 0 14px}.theatre-soon{border:2px dashed;border-radius:16px;text-align:center;padding:24px 18px;margin-bottom:14px;background:linear-gradient(180deg,#fffdf8,#fdf3e0)}.theatre-soon-ico{font-size:40px;animation:bob 3s ease-in-out infinite}.theatre-soon-title{font-weight:800;font-size:17px;color:var(--ink);margin-top:8px}.theatre-soon-body{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-top:6px}.theatre-list{display:flex;flex-direction:column;gap:8px}.theatre-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1.5px solid #ecdfc4;border-radius:12px;padding:11px 13px}.theatre-row.live{border-color:#a7e0b3;background:#f4fbf5}.theatre-row-title{font-weight:700;font-size:13.5px}.theatre-tag{flex:none;font-size:11.5px;font-weight:800;color:#b06a1e;background:#fff3e0;padding:4px 11px;border-radius:999px;white-space:nowrap}.theatre-play{padding:8px 16px;font-size:13px;flex:none}.theatre-player{margin-bottom:14px}.theatre-player video{width:100%;border-radius:14px;background:#000;display:block}.theatre-now{margin-top:7px;font-weight:700;font-size:13px;color:var(--ink-soft)}.onboarding{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#0a1e239e;backdrop-filter:blur(5px);animation:fade .3s ease}.ob-card{background:var(--panel);border-radius:24px;box-shadow:var(--shadow);width:min(480px,96vw);max-height:92vh;overflow-y:auto;padding:26px 24px;text-align:center;animation:rise .35s ease}.ob-face{display:grid;place-items:center;margin-bottom:4px}.ob-ico{width:76px;height:76px;margin:0 auto 6px;border-radius:22px;background:linear-gradient(180deg,#fff5e4,#ffe9c9);border:2px solid #ffd98f;display:grid;place-items:center;font-size:38px;animation:bob 3s ease-in-out infinite}.ob-title{margin:6px 0 10px;font-size:22px;color:var(--ink)}.ob-body{margin:0 auto;max-width:400px;font-size:14.5px;line-height:1.7;color:var(--ink-soft)}.ob-gates{display:flex;flex-direction:column;gap:7px;margin:14px auto 0;max-width:360px}.ob-gate{display:flex;align-items:center;gap:9px;text-align:start;border:1.5px solid;border-radius:11px;padding:8px 12px;font-size:13px;font-weight:700;background:#fff}.ob-dots{display:flex;gap:8px;justify-content:center;margin:18px 0 16px}.ob-dot{width:10px;height:10px;border-radius:50%;background:#e3d7bf;transition:all .2s}.ob-dot.cur{background:#ff9e4f;transform:scale(1.35)}.ob-dot.done{background:#f0b878}.ob-actions{display:flex;gap:12px;justify-content:center}.ob-actions .btn-primary{min-width:140px}@media (max-width: 560px){.ach-toast{top:8px;width:calc(100vw - 16px)}.lb-row{grid-template-columns:36px 1fr 54px 48px;padding:9px}.lb-pager{gap:6px}.lb-page-btn{padding:10px 13px;font-size:13px}.lb-status{font-size:11px}.reward{padding:12px}.ob-card{padding:20px 16px}.ob-actions{flex-direction:row-reverse}.ob-actions .btn-primary{flex:1}.account-name{max-width:34vw}}.ico{vertical-align:-.18em;flex:none}button .ico,a .ico{pointer-events:none}.obj-ico{display:inline-grid;place-items:center;color:#e0892e}.hud-btn .ico,.hud-ico .ico{display:block}.hud-ico{display:inline-grid;place-items:center}.ob-ico{color:#b06a1e}.theatre-soon-ico{color:var(--ink-soft)}.reward-ico{color:#fff}.zl-status .ico{vertical-align:middle}.avatar{border-radius:50%;flex:none;object-fit:cover;border:1.5px solid rgba(255,255,255,.65);box-shadow:0 1px 4px #0000002e}.avatar-fallback{display:inline-grid;place-items:center;color:#fff;font-weight:800;line-height:1;user-select:none}.lb-name{display:flex;align-items:center;gap:8px;min-width:0}.lb-avatar{flex:none}.lb-certified{color:#e0892e}.lb-rank{display:grid;place-items:center}.lb-medal-1{color:#d4930d}.lb-medal-2{color:#8d99a6}.lb-medal-3{color:#b26a3c}.ach-profile{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 12px;background:#fffaf0;border:1.5px solid #ffd166;border-radius:12px}.ach-profile-name{font-weight:800;font-size:14px;color:var(--ink)}.lec-stage{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.lecture-card.with-side{width:min(1180px,96vw)}.lecture-card.with-side .lec-stage{grid-template-columns:minmax(0,1fr) 420px}.lec-main{min-width:0}.lec-side{min-width:0;position:sticky;inset-block-start:0;display:flex;flex-direction:column;gap:8px}.lec-side[hidden]{display:none}.side-head{display:flex;align-items:center;gap:8px}.side-title{margin:0;display:flex;align-items:center;gap:6px;flex:1;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;.board-cam-wrap{display:block}.board-cam{min-height:0}.board-eyebrow{display:flex;align-items:center;gap:6px;margin:2px 0 10px;font-size:11.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#9a7b45}.lec-side .board-eyebrow{color:#a4907a}.board-cam-eyebrow{margin-bottom:8px}.board-cam-who{color:#ff9e4f;text-transform:none;letter-spacing:0}.board-cam-dot{width:7px;height:7px;border-radius:50%;background:#d8452f;animation:board-cam-tally 1.9s ease-out infinite}@keyframes board-cam-tally{0%{box-shadow:0 0 #d8452f80}70%,to{box-shadow:0 0 0 7px #d8452f00}}.board-cam-view{position:relative;aspect-ratio:16 / 10;max-height:34vh;border:1px solid rgba(255,233,199,.16);border-radius:12px;overflow:hidden;background:#cfeaf0;box-shadow:inset 0 2px 12px #0c282d29}.board-cam-view canvas{display:block;width:100%;height:100%}.board-cam-view:before,.board-cam-view:after{content:"";position:absolute;z-index:1;width:15px;height:15px;border:2px solid rgba(12,40,45,.32);pointer-events:none}.board-cam-view:before{top:8px;inset-inline-start:8px;border-block-end:0;border-inline-end:0}.board-cam-view:after{bottom:8px;inset-inline-end:8px;border-block-start:0;border-inline-start:0}.board-cam-offline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;background:linear-gradient(180deg,#241b14,#16110d);color:#a4907a;font-size:12.5px;font-weight:700;line-height:1.5}color:#9a7b45}.side-switch{display:flex;gap:4px;flex:1}.side-switch-btn{display:inline-flex;align-items:center;gap:5px;background:#0000000d;color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.side-switch-btn.cur{background:var(--ink);color:#fff8ea}.side-switch-btn:focus-visible{outline:3px solid #e0892e;outline-offset:2px}.side-close{display:inline-flex;align-items:center;gap:5px;background:#0000000d;color:var(--ink-soft);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700}.side-close:hover{background:#0000001a}.side-close:focus-visible{outline:3px solid #e0892e;outline-offset:2px}.side-body{min-height:0}.side-slot[hidden]{display:none}.side-reopen{position:absolute;inset-block-start:12px;inset-inline-start:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff8ea;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800;box-shadow:0 5px 14px #0c282d47}.side-reopen:hover{filter:brightness(1.12)}.side-reopen:focus-visible{outline:3px solid #ffb066;outline-offset:3px}.side-reopen-n{min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center;font-size:10.5px;background:#ff9e4f;color:#43230a}.ahmed-panel.hero{background:linear-gradient(180deg,#fffdf7,#fbeed6);border:1.5px solid #efd9ab;border-radius:18px;padding:16px 18px;box-shadow:inset 0 1px #ffffffd9,0 6px 20px #78541e1a}.ahmed-panel.hero .ahmed-panel-row{gap:16px}.ahmed-panel.hero .ahmed-name{font-size:20px}.ahmed-panel.hero .ahmed-status{font-size:14px;margin-top:2px}.ahmed-panel.hero .ahmed-btn-call{padding:13px 22px;font-size:15px}.ahmed-panel.hero .ahmed-btn-mute{padding:11px 15px;font-size:13px}.term{--term-bg: #16110d;--term-bg-2: #1f1712;--term-ink: #f3e6cf;--term-dim: #a4907a;--term-prompt: #ff9e4f;--term-ok: #7ed092;--term-miss: #ff8f6b;--term-warn: #ffd166;--term-rule: rgba(255, 233, 199, .13);--term-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", "Tajawal", monospace;display:flex;flex-direction:column;background:var(--term-bg);border:1px solid rgba(255,233,199,.16);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #0c140c5c;font-family:var(--term-mono)}.term-chrome{display:flex;align-items:center;gap:9px;padding:8px 11px;background:var(--term-bg-2);border-bottom:1px solid var(--term-rule)}.term-lights{display:flex;gap:5px}.term-lights i{width:9px;height:9px;border-radius:50%;background:#4a3a2c}.term-lights i:first-child{background:#e06a5a}.term-lights i:nth-child(2){background:#e0b45a}.term-lights i:last-child{background:#6fbf7a}.term-name{display:inline-flex;align-items:center;gap:6px;flex:1;font-size:11.5px;font-weight:700;color:var(--term-dim);letter-spacing:.02em}.term-sim{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#43310c;background:var(--term-warn);padding:3px 8px;border-radius:5px;white-space:nowrap}.term-tabs{display:flex;align-items:stretch;gap:2px;background:var(--term-bg-2);border-bottom:1px solid var(--term-rule);padding-inline-start:6px}.term-tabstrip{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.term-tabstrip::-webkit-scrollbar{display:none}.term-tab{display:inline-flex;align-items:center;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;max-width:168px}.term-tab.cur{background:var(--term-bg);border-color:var(--term-rule)}.term-tab-btn{display:inline-flex;align-items:center;gap:6px;min-width:0;background:none;color:var(--term-dim);font-family:var(--term-mono);font-size:11.5px;font-weight:700;padding:8px 4px 8px 9px;padding-inline:9px 4px}.term-tab.cur .term-tab-btn{color:var(--term-ink)}.term-tab-btn:focus-visible{outline:2px solid var(--term-prompt);outline-offset:-2px}.term-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.term-tab-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--term-prompt)}.term-tab-dot.learner{background:var(--accent, #6fbf7a)}.term-tab-x{background:none;color:var(--term-dim);opacity:.55;padding:6px 7px 6px 3px;padding-inline:3px 7px;border-radius:6px;display:inline-flex;align-items:center}.term-tab-x:hover{opacity:1;color:var(--term-miss);background:#ffffff0f}.term-tab-x:focus-visible{outline:2px solid var(--term-prompt);outline-offset:-2px;opacity:1}.term-tab-new{background:none;color:var(--term-dim);padding:0 11px;display:inline-flex;align-items:center}.term-tab-new:hover:not(:disabled){color:var(--term-prompt)}.term-tab-new:disabled{opacity:.3;cursor:not-allowed}.term-tab-new:focus-visible{outline:2px solid var(--term-prompt);outline-offset:-2px}.term-out{min-height:168px;max-height:46vh;overflow:hidden auto;padding:12px 13px 14px;color:var(--term-ink);font-size:13px;line-height:1.62;scrollbar-width:thin;scrollbar-color:#4a3a2c transparent;cursor:text}.term-empty{margin:0;color:var(--term-dim);font-size:12.5px}.tl{margin:0 0 1px;display:grid;grid-template-columns:1.4em 1fr;gap:0 6px;align-items:start;overflow-wrap:anywhere}.tl-glyph{color:var(--term-dim);text-align:center;user-select:none}.tl-t{grid-column:2;min-width:0}.tl-gap{height:.62em}.tl-boot{color:var(--term-warn);font-weight:700}.tl-boot .tl-glyph{color:var(--term-warn)}.tl-prompt{color:#fff6e6;font-weight:700;margin-block:3px}.tl-prompt .tl-glyph{color:var(--term-prompt);font-weight:800}.tl-turn{color:var(--term-prompt);font-weight:700;margin-top:3px}.tl-turn .tl-glyph{color:var(--term-prompt)}.tl-out{color:var(--term-ink)}.tl-cont{color:#ddcbb1}.tl-meta,.tl-note{color:var(--term-dim);font-size:12px}.tl-say{color:#ffe2bd;font-style:italic;grid-template-columns:0 1fr}.tl-ok,.tl-ok .tl-glyph{color:var(--term-ok)}.tl-miss,.tl-miss .tl-glyph{color:var(--term-miss)}.tl-warn{color:var(--term-warn);font-size:12px}.tl-warn .tl-glyph{color:var(--term-warn)}.tl-step .tl-n{color:var(--term-prompt);text-align:end;font-variant-numeric:tabular-nums}.tl-step{grid-template-columns:1.4em 1fr}.tl-link a{color:#8fd0e8}.tl-link a:focus-visible{outline:2px solid var(--term-prompt);outline-offset:2px}.tl-badge{grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-top:6px;color:var(--term-warn);font-size:11px;font-weight:700}.tl-cursor{display:inline-block;width:.55em;height:1.05em;margin-inline-start:2px;vertical-align:text-bottom;background:var(--term-prompt);animation:term-blink 1.06s steps(1) infinite}@keyframes term-blink{0%,49%{opacity:1}50%,to{opacity:0}}.tl-idle{opacity:.75}.term-form{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--term-bg-2);border-top:1px solid var(--term-rule)}.term-form:focus-within{background:#251b14}.term-caret{color:var(--term-prompt);font-weight:800;font-size:14px;user-select:none}.term-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--term-ink);font-family:var(--term-mono);font-size:13px;caret-color:var(--term-prompt)}.term-input::placeholder{color:#f4e6cf6b}.term-send{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--term-prompt);color:#3a1e05}.term-send:hover:not(:disabled){filter:brightness(1.1)}.term-send:disabled{opacity:.32;cursor:not-allowed}.term-send:focus-visible{outline:3px solid #ffd166;outline-offset:2px}.term-foot{display:flex;align-items:center;gap:6px;margin:0;padding:7px 12px 8px;background:#120e0a;color:var(--term-warn);font-size:10.5px;line-height:1.45;font-weight:700;border-top:1px solid var(--term-rule)}.term-credit{margin:0;padding:6px 12px 9px;background:#120e0a;text-align:center;font-size:10.5px}.term-credit a{color:var(--term-dim);text-decoration:none;font-weight:700;border-bottom:1px dotted rgba(164,144,122,.5)}.term-credit a:hover{color:var(--term-ink)}.term-credit a:focus-visible{outline:2px solid var(--term-prompt);outline-offset:3px}.lec-example{display:inline-flex;align-items:center;gap:7px;margin:14px auto 0;background:#16110d0f;color:var(--ink-soft);border:1.5px solid rgba(22,17,13,.14);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.lec-example:hover{background:var(--ink);color:#fff8ea;border-color:var(--ink)}.lec-example:focus-visible{outline:3px solid #e0892e;outline-offset:2px}.lec-author{margin:-8px 0 14px;font-size:12.5px}.lec-author a{color:#7d6236;text-decoration:none;font-weight:700;border-bottom:1px dotted rgba(125,98,54,.55)}.lec-author a:hover{color:var(--ink)}.lec-author a:focus-visible{outline:3px solid #7d6236;outline-offset:3px}.anim-probe{min-height:100vh;padding:28px 32px 40px;background:#14100d;color:#f2e8d8;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.anim-probe h2{margin:0 0 4px;font-size:19px;letter-spacing:.01em}.anim-probe-note{margin:0 0 22px;color:#a99a86}.anim-probe code{color:#ffd166}.anim-probe-agent{border:1px solid #2f2822;border-left:3px solid #4a8f5a;border-radius:8px;padding:14px 18px;margin-bottom:14px;background:#1b1613}.anim-probe-agent.leak{border-left-color:#d8564b}.anim-probe-agent h3{margin:0 0 10px;font-size:15px;color:#ffd166}.anim-probe-id{color:#6f6357;font-weight:400;margin-inline-start:8px}.anim-probe-tag{color:#6fb3d8;font-weight:400;margin-inline-start:8px}.anim-probe dl{display:grid;grid-template-columns:220px 1fr;gap:6px 16px;margin:0}.anim-probe dt{color:#8d8073}.anim-probe dd{margin:0;word-break:break-word}.anim-probe-verdict{color:#7fd08a}.anim-probe-agent.leak .anim-probe-verdict{color:#ff8b80}.cine{position:fixed;inset:0;z-index:60;pointer-events:none}.cine-bar{position:absolute;left:0;right:0;height:8vh;background:#0b0906;animation:cine-in .5s cubic-bezier(.22,.8,.3,1) both}.cine-bar-top{top:0}.cine-bar-bottom{bottom:0}@keyframes cine-in{0%{height:0}to{height:8vh}}.cine-skip{position:absolute;inset-inline-end:22px;bottom:calc(8vh + 18px);pointer-events:auto;padding:8px 18px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#0b09068c;color:#f4ead9;font:600 13px/1 inherit;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(6px);transition:background .18s ease,border-color .18s ease}.cine-skip:hover{background:#0b0906cc;border-color:#fff9}body.cinematic .hud,body.cinematic .joystick,body.cinematic .jump-btn,body.cinematic .zone-label,body.cinematic .landmark-label,body.cinematic .theatre-label,body.cinematic .ahmed-tag,body.cinematic .dialogue{visibility:hidden}@media (max-width: 900px){.lecture-card.with-side{width:min(700px,96vw)}.lecture-card.with-side .lec-stage{grid-template-columns:1fr}.lecture-card.with-side{padding-block-end:min(64vh,580px)}.lec-main .ahmed-panel.hero{position:sticky;inset-block-start:-4px;z-index:3}.lec-side{position:fixed;inset-inline:0;inset-block-start:auto;inset-block-end:0;z-index:70;max-height:min(62vh,560px);padding:8px 10px 10px;background:#120e0af5;border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #08141873;animation:sheet-up .26s cubic-bezier(.22,.8,.3,1) both}.lec-side .side-title,.lec-side .side-switch-btn{color:#cbb79c}.lec-side .side-close{background:#ffffff17;color:#f3e6cf}.lec-side .term{max-height:calc(62vh - 46px)}.term-out{max-height:none;flex:1}@keyframes sheet-up{0%{transform:translateY(14%);opacity:0}to{transform:none;opacity:1}}}@media (max-width: 560px){.term-out{min-height:132px;font-size:12.5px}.term-input{font-size:16px}.term-send{width:38px;height:38px}.term-tab{max-width:132px}.ahmed-panel.hero{padding:12px}.ahmed-panel.hero .ahmed-name{font-size:17px}.lec-example{width:100%;justify-content:center;padding:13px 16px}}@media (prefers-reduced-motion: reduce){.tl-cursor,.lec-side{animation:none}.term-send:hover:not(:disabled){transform:none}.board-cam-dot,.lec-slide,.cine-bar{animation:none}}.soon-label{display:inline-flex;align-items:center;gap:6px;text-align:center;transform:translateY(-6px);user-select:none;white-space:nowrap;font-family:var(--font-lat);font-weight:800;font-size:12px;color:#4a3410;background:linear-gradient(180deg,#ffe1a0f5,#f4be56f5);padding:4px 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);box-shadow:0 4px 14px #0c282d4d;transition:transform .12s ease,filter .12s ease}:root[lang=ar] .soon-label{font-family:var(--font-ar)}.soon-label:hover,.soon-label.hot{filter:brightness(1.06);transform:translateY(-10px) scale(1.06)}.soon-label:focus-visible{outline:3px solid #ff9e4f;outline-offset:3px}.hud>.game-credit{position:fixed;bottom:5px;inset-inline-end:14px;z-index:20;pointer-events:none;user-select:none;white-space:nowrap;font-size:10.5px;font-weight:700;letter-spacing:.3px;color:#ffffffeb;background:#0c282d42;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 11px;text-shadow:0 1px 2px rgba(6,30,35,.65);backdrop-filter:blur(3px)}:root[lang=ar] .hud>.game-credit{font-family:var(--font-ar);letter-spacing:0}@media (max-width: 560px){.hud>.game-credit{bottom:4px;inset-inline-end:10px;font-size:10px;padding:3px 9px}}@media (prefers-reduced-motion: reduce){.soon-label:hover,.soon-label.hot{transform:translateY(-6px)}}.presence-tag-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.presence-name-tag{text-align:center;user-select:none;white-space:nowrap;font-weight:800;font-size:11px;color:#fff;background:#16333ad1;padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35)}:root[lang=ar] .presence-name-tag{font-family:var(--font-ar)}.presence-bubble{max-width:220px;text-align:center;font-size:13px;line-height:1.35;color:var(--ink);background:var(--panel);border-radius:14px;padding:8px 12px;box-shadow:var(--shadow);animation:rise .2s ease}:root[lang=ar] .presence-bubble{font-family:var(--font-ar)}.presence-card-backdrop{position:fixed;inset:0;z-index:65;background:#0a1e2373;display:grid;place-items:center;padding:16px;animation:fade .2s ease}.presence-card{position:relative;background:var(--panel);border-radius:20px;box-shadow:var(--shadow);padding:24px;width:min(320px,92vw);text-align:center;animation:rise .25s ease}.presence-card-close{position:absolute;inset-block-start:10px;inset-inline-end:12px;background:#0000000f;color:var(--ink-soft);border:none;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1;cursor:pointer}.presence-card-avatar{width:64px;height:64px;border-radius:999px;margin:0 auto 12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px}.presence-card-name{font-weight:800;font-size:17px;color:var(--ink);margin-bottom:14px}.presence-card-stats{display:flex;justify-content:center;gap:18px}.presence-card-stat{display:flex;flex-direction:column;align-items:center}.presence-card-stat-value{font-weight:800;font-size:18px;color:var(--ink)}.presence-card-stat-label{font-size:11px;color:var(--ink-soft)}.presence-chat{position:fixed;inset-block-end:14px;inset-inline-start:14px;z-index:45}.presence-chat-toggle{background:#16333ad1;color:#fff;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}.presence-chat-panel{margin-block-start:8px;width:min(280px,70vw);max-height:40vh;background:var(--panel);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:8px;animation:rise .2s ease}.presence-chat-log{overflow-y:auto;max-height:22vh;display:flex;flex-direction:column;gap:4px}.presence-chat-empty{color:var(--ink-soft);font-size:12px;text-align:center;padding:6px}.presence-chat-line{font-size:13px;line-height:1.3;color:var(--ink)}.presence-chat-sender{font-weight:800;margin-inline-end:6px;color:#e0892e}.presence-chat-error{font-size:12px;color:#b3261e;cursor:pointer}.presence-chat-form{display:flex;gap:6px}.presence-chat-input{flex:1;border-radius:999px;border:1px solid rgba(0,0,0,.12);padding:7px 12px;font-size:13px;min-width:0}.presence-chat-send{border:none;border-radius:999px;background:#e0892e;color:#fff;font-weight:700;font-size:13px;padding:7px 14px;cursor:pointer}@media (max-width: 560px){.presence-chat-panel{width:min(240px,78vw)}}