:root{--bg:#07080f;--bg2:#0a0c16;--bg3:#0e1020;--surface:#12152a;--surface2:#171b32;--surface3:#1d2240;--border:#ffffff0f;--border-hover:#ffffff21;--border-gold:#dcaf3c59;--border-glow:#dcaf3c26;--text:#f0f2fa;--text2:#aab3d4;--text3:#737da4;--gold:#d4a017;--gold2:#f0c84a;--gold3:#fde68a;--gold-glow:#d4a01740;--gold-glow2:#d4a0171a;--teal:#2dd4bf;--teal-glow:#2dd4bf2e;--spy:#e879a0;--spy-glow:#e879a033;--green:#34d399;--green-glow:#34d3992e;--red:#f87171;--orange:#fb923c;--blue:#60a5fa;--r-sm:8px;--r:14px;--r-lg:20px;--r-xl:28px;--shadow:0 4px 24px #00000080;--shadow-lg:0 12px 60px #000000b3;--shadow-gold:0 8px 40px #d4a01733}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100dvh;font-family:Tajawal,Cairo,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 15% 0,#d4a01712 0%,#0000 55%),radial-gradient(50% 40% at 85% 100%,#2dd4bf0d 0%,#0000 50%),radial-gradient(40% 30%,#e879a008 0%,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Cairo,sans-serif;font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.page{flex-direction:column;min-height:100dvh;display:flex}.page-content{flex:1;padding:32px 0 64px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.w-full{width:100%}.relative{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatAlt{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--gold-glow)}50%{box-shadow:0 0 50px var(--gold-glow), 0 0 100px var(--gold-glow2)}}@keyframes orb{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@keyframes borderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.anim-fade{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.anim-scale{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.anim-slide{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.card:hover{border-color:var(--border-hover)}.card-glow{border-color:var(--border-gold);box-shadow:0 0 0 1px var(--border-glow), var(--shadow-gold)}.card-glass{-webkit-backdrop-filter:blur(20px);background:#12152aa6}.btn{border-radius:var(--r-sm);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#fff0;transition:background .15s;position:absolute;inset:0}.btn:hover:before{background:#ffffff0d}.btn:active{transform:scale(.95)!important}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, #b8860b 100%);color:#0a0800;box-shadow:0 4px 20px var(--gold-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #d4a01761}.btn-secondary{background:var(--surface2);color:var(--text2);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text)}.btn-danger{color:var(--red);background:#f871711a;border-color:#f8717138}.btn-danger:hover{background:#f8717133;border-color:#f8717161}.btn-gold{background:linear-gradient(135deg, #a36b00, var(--gold2), var(--gold3), var(--gold2));color:#1a0f00;box-shadow:0 4px 28px var(--gold-glow);background-size:300% 300%;font-weight:900;animation:3s infinite borderFlow}.btn-gold:hover{box-shadow:0 8px 40px var(--gold-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:var(--border-hover)}.btn-teal{color:var(--teal);background:#2dd4bf1f;border-color:#2dd4bf40}.btn-teal:hover{background:#2dd4bf33;border-color:#2dd4bf66}.btn-sm{border-radius:8px;padding:7px 14px;font-size:.8rem}.btn-lg{border-radius:var(--r);padding:14px 28px;font-size:1rem}.btn-xl{border-radius:var(--r);padding:16px 36px;font-size:1.05rem}.btn-icon{aspect-ratio:1;border-radius:9px;padding:9px}.input-group{flex-direction:column;gap:7px;display:flex}.input-label{color:var(--text2);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);direction:rtl;width:100%;padding:13px 16px;font-size:.93rem;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow2);outline:none}.input:hover:not(:focus){border-color:var(--border-hover)}select.input{cursor:pointer}option{background:var(--bg3);color:var(--text)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-purple{color:var(--gold2);background:#d4a0171f;border:1px solid #d4a01747}.badge-green{color:var(--green);background:#34d3991a;border:1px solid #34d39938}.badge-red{color:var(--red);background:#f871711a;border:1px solid #f8717138}.badge-gold{color:var(--gold2);background:#f0c84a1a;border:1px solid #f0c84a40}.badge-blue{color:var(--blue);background:#60a5fa1a;border:1px solid #60a5fa38}.badge-teal{color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf38}.badge-orange{color:var(--orange);background:#fb923c1a;border:1px solid #fb923c38}.divider{background:var(--border);height:1px;margin:20px 0}.spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}.spinner-sm{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.avatar{background:linear-gradient(135deg, var(--gold), var(--teal));color:#0a0800;width:40px;height:40px;box-shadow:0 2px 12px var(--gold-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.progress-track{background:var(--bg3);border-radius:999px;height:5px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.gradient-text{background:linear-gradient(135deg, var(--gold2), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gold-text{background:linear-gradient(135deg, var(--gold), var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spy-text{color:var(--spy)}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text3);pointer-events:none;z-index:1;position:absolute;right:14px}.input-with-icon{padding-right:42px!important}.input-with-toggle{padding-left:42px!important}.pass-toggle{color:var(--text3);cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;left:14px}.pass-toggle:hover{color:var(--text2)}@media (width<=768px){html{font-size:16px}.container{padding:0 16px}.card{border-radius:var(--r);padding:18px}.page-content{padding:20px 0 80px}.btn-xl{padding:14px 24px;font-size:.98rem}}@media (width<=480px){html{font-size:15.5px}.container{padding:0 12px}.card{padding:14px}}body{font-size:1rem;line-height:1.75}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f0c84a9e}button{min-height:40px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{z-index:200;-webkit-backdrop-filter:blur(28px)saturate(160%);border-bottom:1px solid var(--border);background:#07080fe0;position:sticky;top:0;overflow:visible}.navbar:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-glow), var(--teal-glow), transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.nav-guest-badge{color:var(--text2);align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.nav-guest-badge small{color:var(--teal);border:1px solid #12cfbe40;border-radius:999px;padding:2px 7px}.navbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar-logo-full{object-fit:contain;filter:drop-shadow(0 5px 15px #01d3db14);width:auto;height:45px;display:block}.navbar-logo-mark{object-fit:contain;filter:drop-shadow(0 5px 14px #ffc21324);width:40px;height:40px;display:none}.navbar-links{align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text3);align-items:center;gap:6px;padding:8px 12px;font-size:.83rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-link:hover{color:var(--text2);background:var(--surface)}.nav-link.active{color:var(--gold2);background:#d4a0171a}.nav-link.active:after{content:"";background:var(--gold2);border-radius:999px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-username{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.avatar-sm{width:26px!important;height:26px!important;font-size:.72rem!important}.nav-logout{color:var(--text3)!important;background:0 0!important;border-color:#0000!important;padding:8px 9px!important}.nav-logout:hover{color:var(--red)!important;background:#f8717114!important;border-color:#f8717126!important}.nav-link-admin{border:1px solid var(--border-gold);background:#d4a01712;color:var(--gold2)!important}.nav-link-admin:hover{background:#d4a01726}.nav-link-admin.active{background:#d4a0172e}@media (width<=600px){.nav-link span:not(.nav-badge){display:none}.nav-link{gap:0;padding:8px}.nav-username{display:none}.navbar-inner{height:54px}}@media (width<=430px){.navbar-logo-full{display:none}.navbar-logo-mark{display:block}}.refresh-track{opacity:0;pointer-events:none;z-index:201;background:0 0;height:2px;transition:opacity .6s;position:absolute;bottom:-1px;left:0;right:0;overflow:visible}.refresh-track.ri-visible{opacity:1}.refresh-fill{background:linear-gradient(90deg, transparent 0%, var(--accent) 25%, var(--accent2) 60%, var(--cyan) 100%);height:100%;box-shadow:0 0 10px var(--accent-glow), 0 0 20px #74b9ff26;border-radius:0 2px 2px 0;transition:width .1s linear;position:relative}.refresh-fill.ri-pulsing{background:linear-gradient(90deg, var(--accent), var(--cyan), var(--accent2), var(--cyan));box-shadow:0 0 14px var(--accent-glow), 0 0 28px #74b9ff33;background-size:300% 100%;animation:.9s linear infinite borderFlow}.ri-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan), 0 0 16px #74b9ff99;border-radius:50%;animation:.5s ease-in-out infinite alternate ri-dot-pulse;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}@keyframes ri-dot-pulse{0%{opacity:.7;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1.3)}}.devnook-credit{width:fit-content;max-width:100%;color:var(--text3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;line-height:1;display:inline-flex}.devnook-credit strong{color:var(--text2);letter-spacing:.01em;font-weight:800}.devnook-credit>span:first-child{color:var(--spy);font-size:.9rem}.devnook-credit.compact{padding:7px 11px;font-size:.72rem}@media (width<=520px){.devnook-credit{gap:6px;padding:8px 11px;font-size:.7rem}}.site-footer{border-top:1px solid var(--border);background:linear-gradient(#07080f73,#07080ff5);margin-top:auto;padding:34px 0 24px}.site-footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px 36px;display:grid}.site-footer-brand img{object-fit:contain;object-position:right center;width:154px;height:48px}.site-footer-brand p{color:var(--text3);margin-top:5px;font-size:.72rem}.site-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.site-footer-links a{color:var(--text2);font-size:.78rem;font-weight:700;transition:color .18s}.site-footer-links a:hover{color:var(--gold2)}.site-footer-email{color:var(--teal);direction:ltr;align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:inline-flex}.site-footer-bottom{border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.site-footer-bottom>p{color:var(--text3);font-size:.7rem}@media (width<=820px){.site-footer-inner{text-align:center;grid-template-columns:1fr;justify-items:center}.site-footer-brand img{object-position:center}.site-footer-bottom{flex-direction:column;width:100%}}@media (width<=520px){.site-footer{padding-top:28px}.site-footer-links{gap:10px 16px}.site-footer-links a{font-size:.74rem}}.leaderboard-consent-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03040ad1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leaderboard-consent{text-align:center;background:radial-gradient(circle at 50% 0%, #d4a01724, transparent 42%), var(--surface);border:1px solid var(--border-gold);border-radius:var(--r-xl);width:min(100%,470px);box-shadow:var(--shadow-lg), var(--shadow-gold);padding:34px;animation:.3s both consentEnter}@keyframes consentEnter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.consent-icon-wrap{color:#111;background:linear-gradient(135deg, var(--gold3), var(--gold));width:72px;height:72px;box-shadow:0 14px 36px var(--gold-glow);border-radius:22px;place-items:center;margin:0 auto 14px;display:grid}.consent-kicker{color:var(--teal);align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.leaderboard-consent h2{margin:10px 0;font-size:1.55rem}.leaderboard-consent p{color:var(--text2);font-size:.92rem;line-height:1.8}.consent-actions{gap:10px;margin-top:24px;display:grid}.consent-actions button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-family:inherit;font-weight:800;display:flex}.consent-show{color:#111;background:linear-gradient(135deg, var(--gold3), var(--gold2))}.consent-hide{color:var(--text2);background:var(--surface2);border:1px solid var(--border)}.consent-actions button:disabled{opacity:.65;cursor:wait}.leaderboard-consent small{color:var(--text3);margin-top:16px;display:block}@media (width<=480px){.leaderboard-consent{padding:28px 20px}}