@font-face{font-family:El Messiri;src:url(./ElMessiri-500-ByM1XsMv.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:El Messiri;src:url(./ElMessiri-500-ByM1XsMv.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:El Messiri;src:url(./ElMessiri-500-ByM1XsMv.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-400-CyU-ddYS.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-500-C4MQITzh.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-600-0pRdybE_.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-700-DrtBj6UE.woff2) format("woff2");font-weight:700;font-display:swap}:root{--night: #070b16;--night-2: #0b1224;--surface: #111a2f;--surface-2: #17223c;--surface-3: #1e2a49;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--ink: #eef3ff;--ink-dim: #9fadcf;--ink-faint: #6b7a9d;--gold: #f5b83d;--gold-soft: #f7d08a;--teal: #22c3a6;--ember: #ff6b4a;--violet: #8b7cff;--success: #34d399;--danger: #f87171;--radius: 20px;--radius-sm: 13px;--radius-xs: 9px;--shadow: 0 24px 70px -28px rgba(0, 0, 0, .85);--shadow-soft: 0 12px 34px -18px rgba(0, 0, 0, .7);--stage-a: #f5b83d;--stage-b: #f7d08a;--stage-glow: rgba(245, 184, 61, .3);--max: 1180px}[data-stage=desert]{--stage-a: #e8a33d;--stage-b: #f7d08a;--stage-glow: rgba(232, 163, 61, .32)}[data-stage=sea]{--stage-a: #1fb5c9;--stage-b: #0e6a8c;--stage-glow: rgba(31, 181, 201, .3)}[data-stage=oasis]{--stage-a: #3dbe7a;--stage-b: #1e7a4d;--stage-glow: rgba(61, 190, 122, .28)}[data-stage=fort]{--stage-a: #e2583e;--stage-b: #8e2a1e;--stage-glow: rgba(226, 88, 62, .3)}[data-stage=stars]{--stage-a: #8b7cff;--stage-b: #4a3aa8;--stage-glow: rgba(139, 124, 255, .3)}[data-stage=grand]{--stage-a: #f5d77a;--stage-b: #fff4d6;--stage-glow: rgba(245, 215, 122, .34)}*,*:before,*:after{box-sizing:border-box}html{direction:rtl;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(1100px 620px at 88% -12%,rgba(35,60,120,.55) 0%,transparent 62%),radial-gradient(900px 520px at -8% 108%,rgba(70,40,120,.45) 0%,transparent 58%),var(--night);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:El Messiri,IBM Plex Sans Arabic,serif;margin:0;line-height:1.35;letter-spacing:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}::selection{background:#f5b83d4d}.mono{font-variant-numeric:tabular-nums;letter-spacing:.05em}.shell{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.stack{display:grid;gap:18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.small{font-size:.86rem}.center{text-align:center}.grow{flex:1}.display{font-family:El Messiri,serif}.nav{position:sticky;top:0;z-index:40;background:#070b16b8;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;gap:18px;height:66px}.nav__brand{display:flex;align-items:center;gap:10px;font-family:El Messiri,serif;font-size:1.15rem;font-weight:600}.nav__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--stage-a),var(--stage-b));color:#0a0f1c;box-shadow:0 8px 22px -10px var(--stage-glow)}.nav__links{display:flex;gap:4px;margin-inline-start:auto;align-items:center}.nav__link{padding:7px 13px;border-radius:10px;font-size:.92rem;color:var(--ink-dim);transition:color .18s,background .18s}.nav__link:hover{color:var(--ink);background:#ffffff0d}.nav__link--active{color:var(--ink);background:#ffffff14}.nav__user{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;border-radius:999px;font-weight:600;font-size:.98rem;color:#0b0f1c;background:linear-gradient(135deg,var(--stage-a),var(--stage-b));box-shadow:0 14px 34px -14px var(--stage-glow);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none;font-weight:500}.btn--ghost:hover:not(:disabled){background:#ffffff0f;filter:none}.btn--sm{min-height:38px;padding:0 15px;font-size:.87rem}.btn--block{width:100%}.btn--danger{background:linear-gradient(135deg,#f87171,#b91c1c);color:#fff;box-shadow:none}.card{background:linear-gradient(180deg,#ffffff0e,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.card__pad{padding:clamp(18px,3vw,26px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:500;border:1px solid var(--line-strong);color:var(--ink-dim);background:#ffffff0a}.badge--gold{color:#ffe9b8;border-color:#f5b83d66;background:#f5b83d1f}.badge--ok{color:#b9f8e4;border-color:#34d39966;background:#34d3991f}.badge--warn{color:#ffd5c9;border-color:#f8717166;background:#f871711f}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.7,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.hero{padding:clamp(40px,8vw,96px) 0 clamp(28px,5vw,48px);position:relative;overflow:hidden}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.hero__title{font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.12;margin-bottom:14px}.hero__title em{font-style:normal;color:var(--gold)}.hero__lead{font-size:clamp(1rem,2vw,1.2rem);color:var(--ink-dim);max-width:56ch}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:34px;max-width:620px}.stat{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff09}.stat__v{font-family:El Messiri,serif;font-size:1.5rem;color:var(--gold)}.stat__l{font-size:.78rem;color:var(--ink-faint)}.gates{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.gate-card{position:relative;overflow:hidden;padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(155deg,#ffffff0f,#ffffff04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:grid;gap:8px;min-height:176px;align-content:start}.gate-card:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--stage-glow),transparent 70%);opacity:.55;pointer-events:none}.gate-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.gate-card--locked{opacity:.55}.gate-card--locked:hover{transform:none}.gate-card__idx{font-family:El Messiri,serif;font-size:2.1rem;color:var(--stage-a);line-height:1}.gate-card__title{font-size:1.12rem}.gate-card__meta{font-size:.82rem;color:var(--ink-faint)}.gate-card__foot{display:flex;align-items:center;gap:8px;margin-top:6px}.hud{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.hud__avatar{width:62px;height:62px}.hud__stats{display:flex;gap:22px;flex-wrap:wrap}.hud__stat{display:grid;gap:2px}.hud__stat b{font-family:El Messiri,serif;font-size:1.35rem;line-height:1}.hud__stat span{font-size:.76rem;color:var(--ink-faint)}.ring{--p: 0;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--stage-a) calc(var(--p) * 1%),rgba(255,255,255,.09) 0);position:relative}.ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--night-2)}.ring b{position:relative;font-family:El Messiri,serif;font-size:1.15rem}.form{display:grid;gap:16px}.field{display:grid;gap:6px}.field__label{font-size:.86rem;color:var(--ink-dim)}.field__label span{color:var(--danger)}.input{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);outline:none;transition:border-color .16s,box-shadow .16s}.input:focus{border-color:var(--stage-a);box-shadow:0 0 0 4px var(--stage-glow)}.input::placeholder{color:var(--ink-faint)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-dim) 50%),linear-gradient(135deg,var(--ink-dim) 50%,transparent 50%);background-position:calc(0% + 18px) 22px,calc(0% + 23px) 22px;background-size:5px 5px;background-repeat:no-repeat}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink-dim)}.checkbox input{margin-top:4px;accent-color:var(--gold);width:18px;height:18px}.avatars{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px}.avatar-btn{display:grid;place-items:center;gap:4px;padding:10px 6px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);transition:transform .16s,border-color .16s,background .16s}.avatar-btn:hover{transform:translateY(-2px)}.avatar-btn--on{border-color:var(--stage-a);background:#f5b83d1a;box-shadow:0 0 0 3px var(--stage-glow)}.avatar{width:100%;height:100%;border-radius:50%;display:block}.avatar-wrap{border-radius:50%;overflow:hidden;background:#ffffff0f}.clues{display:grid;gap:10px}.clue{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line)}.clue__n{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f5b83d29;color:var(--gold);font-size:.8rem;font-weight:600}.codelock{display:grid;gap:18px;justify-items:center}.code-groups{display:flex;gap:26px;flex-wrap:wrap;justify-content:center}.code-group{display:grid;gap:8px;justify-items:center}.code-group__label{font-size:.78rem;color:var(--ink-faint)}.code-row{display:flex;gap:8px;direction:ltr}.code-box{width:52px;height:64px;text-align:center;font:700 1.6rem IBM Plex Sans Arabic,sans-serif;color:var(--ink);background:var(--surface-2);border:2px solid var(--line-strong);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s,transform .15s}.code-box:focus{border-color:var(--stage-a);box-shadow:0 0 0 4px var(--stage-glow);transform:translateY(-2px)}.code-group--personal .code-box{border-style:dashed;border-color:#f5b83d80}.q-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.q-prompt{font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.6;margin-bottom:18px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:start;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);transition:border-color .16s,background .16s,transform .16s}.option:hover{border-color:var(--line-strong);transform:translate(-2px)}.option--on{border-color:var(--stage-a);background:#f5b83d1a}.option__key{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffffff12;font-size:.8rem}.option--on .option__key{background:var(--gold);color:#14100a}.order-pool{display:flex;flex-wrap:wrap;gap:8px}.order-chip{padding:9px 15px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-strong);font-size:.9rem;transition:opacity .15s,transform .15s}.order-chip:hover{transform:translateY(-1px)}.order-chip--used{opacity:.28;pointer-events:none}.order-seq{display:grid;gap:8px}.order-slot{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);background:#ffffff05;min-height:46px}.order-slot--filled{border-style:solid;border-color:#f5b83d73;background:#f5b83d0f}.match-list{display:grid;gap:12px}.match-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.match-row__left{padding:11px 14px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--line);font-size:.92rem}.seal{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px dashed rgba(245,184,61,.4);background:#f5b83d0d}.seal input{width:92px;min-height:42px;text-align:center;font-weight:700;letter-spacing:.25em;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;outline:none}.seal input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--stage-glow)}.mentor{display:grid;gap:10px}.mentor__msg{padding:12px 14px;border-radius:14px 14px 4px;background:#8b7cff1f;border:1px solid rgba(139,124,255,.28);font-size:.9rem;line-height:1.8}.mentor__msg--me{border-radius:14px 14px 14px 4px;background:#ffffff0d;border-color:var(--line)}.reader{display:grid;gap:14px}.reader__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reader__jump{display:flex;align-items:center;gap:6px;color:var(--ink-faint);font-size:.85rem}.reader__jump input{width:58px;min-height:36px;text-align:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px}.page{position:relative;margin-inline:auto;width:100%;max-width:720px;min-height:520px;padding:clamp(22px,4vw,40px) clamp(20px,4vw,44px) 56px;border-radius:8px 8px 14px 14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#f7f3e8,#efe9da);color:#22201b;box-shadow:0 30px 60px -30px #000c,inset 0 0 60px #a08c6414;overflow:hidden;-webkit-user-select:none;user-select:none}.page__chapter{font-size:.76rem;letter-spacing:.08em;color:#8a7a5c;margin-bottom:6px}.page__title{font-family:El Messiri,serif;font-size:clamp(1.4rem,3vw,1.9rem);color:#1c1a15;margin-bottom:16px}.page__body{font-size:1rem;line-height:2.05;color:#2c2a24;display:grid;gap:14px}.page__seal{position:absolute;top:16px;inset-inline-start:16px;width:58px;height:58px;border-radius:50%;display:grid;place-content:center;justify-items:center;border:2px solid rgba(120,92,40,.55);color:#6a5320;font-weight:700;transform:rotate(-8deg);background:#ffffff59}.page__seal small{font-size:.55rem;letter-spacing:.06em;opacity:.8}.page__seal b{font-size:1.05rem;letter-spacing:.12em}.page__rune{position:absolute;bottom:16px;inset-inline-end:16px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:El Messiri,serif;font-size:1.6rem;color:#10131f;background:radial-gradient(circle at 40% 35%,#ffe9a8,#e6a52e);box-shadow:0 0 0 5px #e6a52e40,0 0 26px #e6a52e8c}.page__rune small{position:absolute;bottom:-16px;font-size:.55rem;color:#6a5320;font-family:IBM Plex Sans Arabic}.page__watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;font-family:El Messiri,serif;font-size:2.6rem;color:#78643c12;transform:rotate(-24deg);letter-spacing:.2em;white-space:nowrap}.page__foot{position:absolute;bottom:16px;inset-inline-start:22px;font-size:.72rem;color:#8a7a5c}.rank{display:grid;grid-template-columns:52px 1fr auto auto auto;gap:14px;align-items:center;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid transparent}.rank:nth-child(odd){background:#ffffff06}.rank--me{border-color:#f5b83d66;background:#f5b83d14}.rank__n{font-family:El Messiri,serif;font-size:1.2rem;color:var(--ink-dim)}.rank__n--top{color:var(--gold)}.cert{position:relative;padding:clamp(28px,5vw,52px);border-radius:20px;color:#201c12;background:linear-gradient(160deg,#fbf6e9,#efe3c9);border:1px solid #d8c69a;box-shadow:0 40px 80px -40px #000000e6}.cert:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px solid rgba(150,118,52,.4);border-radius:12px;pointer-events:none}.cert__kicker{font-size:.8rem;letter-spacing:.18em;color:#8a6f2c;text-align:center}.cert__name{font-family:El Messiri,serif;font-size:clamp(1.9rem,5vw,3rem);text-align:center;margin:12px 0 4px}.cert__line{text-align:center;color:#5c5240}.cert__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:26px}.cert__cell{text-align:center;padding:10px;border-top:1px solid rgba(150,118,52,.3)}.cert__cell b{display:block;font-family:El Messiri,serif;font-size:1.2rem}.cert__cell span{font-size:.72rem;color:#7a6b4c}.cert__code{text-align:center;margin-top:22px;font-size:.76rem;letter-spacing:.2em;color:#7a6b4c}.toast-wrap{position:fixed;inset-inline:0;bottom:22px;display:grid;justify-items:center;gap:8px;z-index:90;pointer-events:none}.toast{padding:11px 20px;border-radius:999px;font-size:.9rem;max-width:min(92vw,520px);background:#111a2ff5;border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:fadeUp .28s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast--ok{border-color:#34d39973}.toast--err{border-color:#f8717180}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line)}.tab{padding:7px 15px;border-radius:999px;border:0;background:transparent;color:var(--ink-dim);font-size:.86rem}.tab--on{background:#ffffff1a;color:var(--ink)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:start;padding:10px 12px;color:var(--ink-faint);font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.table tr:last-child td{border-bottom:0}.empty{padding:34px 20px;text-align:center;color:var(--ink-faint);border:1px dashed var(--line-strong);border-radius:var(--radius-sm)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--ink);animation:spin .7s linear infinite}.dots{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%;background:#ffffff29}.dot--on{background:var(--gold)}.dot--ok{background:var(--success)}@media (max-width: 760px){.nav__links .nav__label{display:none}.hud{grid-template-columns:auto 1fr}.match-row{grid-template-columns:1fr}.rank{grid-template-columns:40px 1fr auto}.rank__hide{display:none}.page{min-height:460px}}@media (max-width: 400px){.code-box{width:40px;height:52px;font-size:1.2rem}.code-groups{gap:14px}}@media print{body{background:#fff}.nav,.no-print,.toast-wrap{display:none!important}.cert{box-shadow:none;border:1px solid #cbb98e}.container{max-width:none;padding:0}}