:root{--bg: #0b0d0b;--bg-2: #121611;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--olive: #a3c063;--olive-2: #7d9a43;--olive-deep: #2c3a1e;--sand: #dcb75f;--sand-2: #b8912f;--text: #edeae4;--muted: #9aa294;--dim: #6d7468;--danger: #e0645c;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 46px rgba(0, 0, 0, .55);--ease: cubic-bezier(.22, .61, .36, 1);--font-head: "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, sans-serif;--font-body: "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Oswald", "Noto Kufi Arabic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--olive-2);color:#0b0d0b}.wrap{width:min(1180px,92vw);margin:0 auto}.num,.mono{font-family:var(--font-mono)}.nav{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0d0bb8;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:18px;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,var(--olive-2),var(--olive-deep));border:1px solid rgba(255,255,255,.16);color:#f4f7ec}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text b{font-family:var(--font-head);font-size:15px;font-weight:700}.brand-text span{font-size:11px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase}.nav-links{display:flex;gap:4px;margin-inline-start:auto;flex-wrap:wrap}.nav-link{padding:8px 13px;border-radius:999px;border:1px solid transparent;color:var(--muted);font-size:14px;transition:all .22s var(--ease)}.nav-link:hover{color:var(--text);background:var(--panel);border-color:var(--border);transform:translateY(-2px)}.nav-link.on{color:#0b0d0b;background:var(--olive);border-color:var(--olive);font-weight:600}.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px}.cover{position:relative;min-height:460px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(120% 140% at 80% 0%,#2b3520,#141a12 42%,#0a0c0a)}.cover-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cover-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#080a08f7 4%,#080a088c 46%,#080a0840),linear-gradient(to left,#080a08d9,#080a0800 62%)}.cover-inner{position:relative;padding:96px 0 40px;width:100%}.cover-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--olive);border:1px solid rgba(163,192,99,.35);background:#a3c06314;padding:6px 12px;border-radius:999px}.cover-title{font-family:var(--font-display);font-weight:700;font-size:clamp(46px,9vw,104px);line-height:.94;letter-spacing:.03em;margin:18px 0 0;text-transform:uppercase;color:#f6f8f1;text-shadow:0 12px 40px rgba(0,0,0,.7)}.cover-title small{display:block;font-size:clamp(15px,2.4vw,26px);letter-spacing:.5em;color:var(--sand);font-weight:500;margin-top:10px}.cover-sub{color:var(--muted);max-width:640px;margin:20px 0 0;font-size:15px}.page-head{padding:44px 0 8px}.stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand);border:1px dashed rgba(220,183,95,.5);padding:5px 11px;border-radius:6px;transform:rotate(-1.2deg)}.page-title{font-family:var(--font-head);font-weight:800;font-size:clamp(26px,4.4vw,44px);line-height:1.25;margin:18px 0 0}.page-title .en{color:var(--dim);font-weight:600;font-size:.62em}.rule{height:1px;border:0;margin:26px 0 0;background:linear-gradient(to left,var(--olive-2),rgba(163,192,99,.05))}.grid{display:grid;gap:14px;margin:26px 0 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.stats{grid-template-columns:repeat(4,1fr)}.card{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease);overflow:hidden}.card:after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--olive),transparent);opacity:0;transition:opacity .24s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong);background:var(--panel-2)}.card:hover:after{opacity:1}.card-ico{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#a3c0631a;border:1px solid rgba(163,192,99,.22);color:var(--olive)}.card-body{flex:1;min-width:0}.card-en{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f2f4ee}.card-ar{color:var(--muted);font-size:14.5px}.card-go{color:var(--dim);transition:transform .24s var(--ease),color .24s var(--ease)}.card:hover .card-go{color:var(--olive);transform:translate(-5px)}.card-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-top:18px}.panel h3{font-family:var(--font-head);font-size:19px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:10px}.panel p{color:var(--muted);margin:8px 0}.panel ul{margin:10px 0 0;padding-inline-start:20px;color:var(--muted)}.panel li{margin:7px 0}.panel li b{color:var(--text);font-weight:600}.tbl-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:560px}thead th{text-align:start;font-family:var(--font-head);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--olive);background:#a3c06312;padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:14.5px}tbody tr{transition:background .2s var(--ease)}tbody tr:hover{background:#ffffff09}tbody tr:last-child td{border-bottom:0}tbody td b{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px;transition:all .2s var(--ease)}.chip:hover{border-color:var(--olive);color:var(--olive);transform:translateY(-2px)}.chip.copied{border-color:var(--sand);color:var(--sand)}.ladder{display:grid;gap:10px;margin-top:18px}.rank{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);transition:all .22s var(--ease)}.rank:hover{border-color:var(--border-strong);transform:translate(-4px)}.rank-no{font-family:var(--font-mono);color:var(--olive);font-size:15px}.rank-name{font-weight:600}.rank-name span{display:block;color:var(--dim);font-size:12.5px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase}.rank-meta{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-align:end}.foot{margin-top:64px;border-top:1px solid var(--border);padding:30px 0 44px;color:var(--dim);font-size:13.5px}.foot-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.credit{display:inline-flex;align-items:center;gap:9px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-family:var(--font-mono);font-size:12px}.credit b{color:var(--sand)}.toast{position:fixed;inset-block-end:26px;inset-inline-start:26px;z-index:90;display:flex;align-items:center;gap:10px;background:#141a12f5;border:1px solid rgba(163,192,99,.45);color:var(--text);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);animation:fadeUp .3s var(--ease) both}.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;border:1px solid var(--border);border-radius:999px;padding:8px 15px;margin-top:22px;transition:all .22s var(--ease)}.back:hover{color:var(--olive);border-color:var(--olive);transform:translateY(-2px)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--olive)}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 16px;margin-top:22px;max-width:460px}.search input{background:none;border:0;outline:none;color:var(--text);font-family:inherit;font-size:15px;width:100%}.search input::placeholder{color:var(--dim)}.tabs{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.tab{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 15px;font-size:13.5px;transition:all .22s var(--ease)}.tab:hover{transform:translateY(-2px);color:var(--text)}.tab.on{background:var(--olive);border-color:var(--olive);color:#0b0d0b;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fadeUp .55s var(--ease) both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1024px){.grid.three,.grid.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 780px){.grid.two,.grid.three,.grid.stats{grid-template-columns:1fr}.nav-links{position:absolute;inset-inline:0;top:68px;flex-direction:column;gap:6px;padding:14px 5vw 20px;background:#0b0d0bfa;border-bottom:1px solid var(--border);display:none}.nav-links.open{display:flex}.nav-toggle{display:grid;place-items:center;margin-inline-start:auto}.cover{min-height:380px}.cover-title small{letter-spacing:.34em}.rank{grid-template-columns:40px 1fr}.rank-meta{grid-column:2;text-align:start}.panel{padding:18px}.toast{inset-inline:16px;inset-block-end:16px}}