:root{color-scheme:dark;--bg:#080f13;--cyan:#83d6e3;--red:#ed5757;--text:#eaf3f5;--muted:#8da7b2;--line:rgba(150,190,202,.16);--purple:#a476fc;--lime:#c3ff64}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tajawal,sans-serif;line-height:1.5;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img,svg{display:block}img{max-width:100%}::selection{background:var(--cyan);color:var(--bg)}.arrow{width:18px;height:18px;flex-shrink:0;transition:transform .25s}a:hover .arrow{transform:translate(2px,-2px)}
.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#20414e38,transparent 60%),radial-gradient(ellipse at 90% 100%,#ed575706,transparent 45%)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#83d6e307 1px,transparent 1px),linear-gradient(90deg,#83d6e307 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at 50% 24%,#000,transparent 65%)}.ambient-wolf{position:absolute;left:calc(50% - 340px);top:120px;width:370px;height:370px;background:var(--cyan);opacity:.018;mask:url('assets/logo-mask.png') center/contain no-repeat;transform:rotate(-12deg)}
.profile-page{width:min(430px,calc(100% - 36px));margin:0 auto;padding:32px 0 18px}.identity{text-align:center}.avatar-wrap{position:relative;width:124px;height:124px;margin:0 auto 15px}.avatar{position:absolute;inset:10px;border-radius:50%;overflow:hidden;border:1px solid #577f8d;box-shadow:0 0 38px #66c1d124}.avatar img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-outer{inset:-5px;border:1px dashed #83d6e33b;border-bottom-color:#ed575799;animation:rotate 38s linear infinite reverse}.orbit-inner{inset:2px;border:1px solid transparent;border-top-color:var(--cyan);border-right-color:#5e9ca8;animation:rotate 15s linear infinite}.identity h1{font-size:46px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.bio{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:7px;font-size:14px;color:#a7c2cd;font-weight:500}.bio i{width:3px;height:3px;border-radius:50%;background:#5e8d9c}.accounts{margin-top:20px}.section-label{text-align:center;font-size:11px;color:#809ca9;font-weight:500;margin-bottom:9px}.socials{display:flex;align-items:center;justify-content:center;gap:10px}.social-icon{width:42px;flex:1 1 0;max-width:42px;aspect-ratio:1;border-radius:11px;transition:transform .25s,filter .25s}.social-icon svg{width:100%;height:100%}.social-icon:hover{transform:translateY(-4px);filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--social) 30%,transparent))}.social-icon:active{transform:scale(.95)}
.support-card{display:block;position:relative;isolation:isolate;overflow:hidden;margin-top:22px;padding:18px 21px 17px;text-align:center;border:1px solid #b590fe52;border-radius:18px;background:radial-gradient(ellipse at 0% 0%,#ff815512,transparent 70%),radial-gradient(ellipse at 100% 100%,#7066ff18,transparent 65%),#171822;box-shadow:0 8px 28px #0002;transition:border-color .3s,box-shadow .3s,transform .3s}.support-card:before{content:'';position:absolute;top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#ff9773,#b590fe,transparent)}.creators-logo{width:116px;height:auto;margin-inline:auto}.support-title{display:block;margin-top:9px;font-size:27px;font-weight:800;line-height:1.25}.support-action{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:#c4b1ef;margin-top:5px}.support-action .arrow{width:15px;height:15px}.support-shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 32%,#b590fe0c 48%,transparent 65%);transform:translateX(-140%);animation:shine 6s ease-in-out infinite}.support-card:hover,.support-card:focus-visible{border-color:#b590fe99;box-shadow:0 0 25px #b590fe15;transform:translateY(-2px)}
.store-card{--store-accent:var(--lime);transition:border-color .25s,box-shadow .25s;position:relative;isolation:isolate;overflow:hidden;margin-top:18px;border:1px solid #a476fc42;border-radius:18px;padding:18px 21px 13px;background:radial-gradient(ellipse at 8% 18%,#a476fc12,transparent 65%),#070914}.store-card:before{content:'';position:absolute;top:0;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,#a476fc,#c3ff64,transparent)}.store-identity{position:relative;width:240px;max-width:100%;height:92px;margin-inline:auto;display:grid;place-items:center;direction:ltr}.store-wordmark{position:relative;width:178px;display:grid;gap:4px;line-height:1}.wordmark-line{display:block;position:relative;overflow:hidden;width:100%}.wordmark-special{aspect-ratio:2103/413}.wordmark-alerts{aspect-ratio:2103/335}.wordmark-line img{position:absolute;left:0;width:100%;height:auto;max-width:none}.wordmark-special img{top:0}.wordmark-alerts img{bottom:0}.store-star-orbit{position:absolute;left:0;top:0;width:24px;height:24px;pointer-events:none;offset-path:path("M 6 44 Q 6 0 40 0 H 200 Q 234 0 234 44 Q 234 88 200 88 H 40 Q 6 88 6 44");offset-rotate:0deg;animation:star-orbit 18s linear infinite}.store-star{width:24px;height:24px;display:grid;place-items:center;color:var(--purple);font:400 28px/1 Tajawal;filter:drop-shadow(0 0 8px #a476fc66);animation:rotate 10s linear infinite}.store-caption{text-align:center;margin-top:9px;font-size:13px;color:#b8adc9}.store-cta{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:13px;border-radius:10px;padding:10px 15px;background:var(--lime);color:#18220e;font-size:15px;font-weight:800;transition:background .25s,box-shadow .25s}.store-cta:hover{background:#d3ff8e;box-shadow:0 0 25px #c3ff6420}.store-links{display:flex;justify-content:center;gap:22px;margin-top:11px}.store-links a{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#c4b6dc;min-height:28px;transition:color .25s}.store-links svg{width:16px;height:16px;color:var(--link-accent)}.store-links a:hover{color:#fff}
.contact{margin-top:24px;text-align:center}.contact .contact-eyebrow{font-size:12px;line-height:1.4;color:#9db4bd;margin:0 0 3px}.contact h2{font-size:26px;font-weight:800;line-height:1.25;color:#edf8fa}.contact-links{display:grid;gap:8px;margin-top:12px}.contact-links>a{--contact-accent:var(--cyan);display:grid;grid-template-columns:auto minmax(0,1fr) 15px;align-items:center;column-gap:10px;min-height:50px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--contact-accent) 45%,transparent);border-radius:11px;background:#10232c;text-align:right;transition:border-color .25s,box-shadow .25s,background .25s}.contact-links>.contact-whatsapp{--contact-accent:#25d366;background:linear-gradient(110deg,#102820,#10221c)}.contact-links>.contact-email{background:linear-gradient(110deg,#132b36,#11222c)}.contact-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;color:#e8f7f1;white-space:nowrap}.contact-label svg{width:23px;height:23px;color:var(--contact-accent);flex-shrink:0}.contact-links bdi{display:block;direction:ltr;unicode-bidi:isolate;text-align:left;font-family:Arial,sans-serif;font-size:14px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:#f0fbff;white-space:nowrap}.contact-whatsapp bdi{font-size:16px;letter-spacing:.025em}.contact-links .arrow{width:15px;height:15px;color:var(--contact-accent)}.contact-links>a:is(:hover,:focus-visible){border-color:var(--contact-accent);box-shadow:0 0 18px color-mix(in srgb,var(--contact-accent) 12%,transparent);outline-color:var(--contact-accent)}
.store-orbit-track{position:absolute;inset:0;width:240px;height:92px;pointer-events:none;transform-origin:top left}
footer{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px;color:#718e9b;font-size:10px}footer>[lang]{font:700 9px Orbitron;letter-spacing:.07em}.footer-dot{color:var(--red)}footer>span+span{border-inline-start:1px solid #47647155;padding-inline-start:10px}
/* The outer card follows the link receiving pointer or keyboard attention. */
.store-discord{--link-accent:#5865f2}.store-support{--link-accent:#25d366}
.store-links a:focus-visible{color:#fff;outline-color:var(--link-accent)}
.store-cta:focus-visible{outline-color:var(--lime)}
.store-card:has(.store-cta:focus-visible){--store-accent:var(--lime)}
.store-card:has(.store-discord:focus-visible){--store-accent:#5865f2}
.store-card:has(.store-support:focus-visible){--store-accent:#25d366}
.store-card:has(a:focus-visible){border-color:color-mix(in srgb,var(--store-accent) 85%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--store-accent) 16%,transparent),0 0 24px color-mix(in srgb,var(--store-accent) 12%,transparent)}
.store-card:has(a:focus-visible):before{background:linear-gradient(90deg,transparent,var(--store-accent),transparent)}
@media(hover:hover){
 .store-card:has(.store-cta:hover){--store-accent:var(--lime)}
 .store-card:has(.store-discord:hover){--store-accent:#5865f2}
 .store-card:has(.store-support:hover){--store-accent:#25d366}
 .store-card:has(a:hover){border-color:color-mix(in srgb,var(--store-accent) 85%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--store-accent) 16%,transparent),0 0 24px color-mix(in srgb,var(--store-accent) 12%,transparent)}
 .store-card:has(a:hover):before{background:linear-gradient(90deg,transparent,var(--store-accent),transparent)}
 .store-links a:hover svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--link-accent) 35%,transparent))}
}
@keyframes star-orbit{to{offset-distance:100%}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes shine{0%,20%{transform:translateX(-140%)}70%,100%{transform:translateX(140%)}}
@media(max-width:380px){.profile-page{width:calc(100% - 32px);padding-top:26px}.socials{gap:8px}.support-card{padding-inline:17px}.support-title{font-size:25px}.store-card{padding-inline:17px}.contact-links>a{gap:7px;padding-inline:10px}.contact-label{gap:6px;font-size:11px}.contact-links bdi{font-size:12px}.contact-links .arrow{width:13px}.contact h2{font-size:21px}}
@media(max-width:340px){.socials{gap:7px}.support-title{font-size:24px}.store-links{gap:15px}.store-links a{font-size:10.5px}.contact-label>span{display:none}.contact-label svg{width:18px;height:18px}.contact-links bdi{font-size:13px}.contact-links .arrow{margin-inline-start:auto}.creators-logo{width:110px}}
/* Fit the vertical profile to mobile viewports without clipping content. */
@media(max-width:600px){
 .profile-page{width:min(430px,calc(100% - 32px));padding:12px 0;min-height:min(100svh,860px);display:flex;flex-direction:column;justify-content:space-between}
 .avatar-wrap{width:88px;height:88px;margin-bottom:6px}.avatar{inset:6px}.orbit-outer{inset:-3px}.identity h1{font-size:36px;line-height:1.15}.bio{font-size:12px;line-height:1.3;margin-top:2px;gap:10px}
 .accounts{margin-top:10px}.section-label{font-size:11px;line-height:1.2;margin-bottom:5px}.socials{gap:9px}.social-icon{max-width:34px;width:34px;border-radius:9px}
 .support-card{margin-top:12px;padding:11px 16px 10px;border-radius:15px}.creators-logo{width:90px}.support-title{font-size:23px;line-height:1.15;margin-top:5px}.support-action{font-size:11px;line-height:1.35;margin-top:3px}.support-action .arrow{width:13px;height:13px}
 .store-card{margin-top:12px;padding:11px 16px 9px;border-radius:15px}.store-identity{width:182.4px;height:70px}.store-orbit-track{transform:scale(.76)}.store-wordmark{width:136px;gap:4px}.store-caption{font-size:11px;line-height:1.4;margin-top:3px}.store-cta{font-size:14px;line-height:20px;padding:8px 12px;margin-top:8px;border-radius:9px}.store-links{margin-top:5px;gap:22px}.store-links a{min-height:28px;font-size:11px;line-height:1.3}.store-links svg{width:16px;height:16px}
 .contact{margin-top:14px}.contact .contact-eyebrow{font-size:11px;line-height:1.35;margin-bottom:2px}.contact h2{font-size:23px;line-height:1.2}.contact-links{margin-top:8px;gap:6px}.contact-links>a{min-height:44px;padding:8px 11px;column-gap:8px;grid-template-columns:auto minmax(0,1fr) 14px}.contact-label{font-size:13px;gap:7px}.contact-label>span{display:inline}.contact-label svg{width:21px;height:21px}.contact-links bdi{font-size:13px;line-height:1.2;margin:0}.contact-whatsapp bdi{font-size:15px}.contact-links .arrow{width:14px;height:14px;margin:0}
 footer{display:none}
}
@media(max-width:600px) and (max-height:720px){
 .profile-page{padding:8px 0;min-height:100svh}.avatar-wrap{width:72px;height:72px}.identity h1{font-size:32px}.accounts{margin-top:7px}.section-label{margin-bottom:4px}.social-icon{max-width:32px;width:32px}
 .support-card{margin-top:9px;padding-block:8px}.creators-logo{width:82px}.support-title{font-size:22px;margin-top:3px}
 .store-card{margin-top:9px;padding-block:9px}.store-identity{width:163.2px;height:62.56px}.store-orbit-track{transform:scale(.68)}.store-wordmark{width:124px}.store-cta{margin-top:6px}.store-links{margin-top:3px}
 .contact{margin-top:10px}.contact h2{font-size:22px}
}
@media(max-width:600px) and (max-height:620px){
 .profile-page{padding:6px 0}.avatar-wrap{width:52px;height:52px;margin-bottom:4px}.avatar{inset:4px}.identity h1{font-size:28px}.bio{font-size:11px}.accounts{margin-top:5px}.section-label{font-size:10px;margin-bottom:3px}
 .support-card{margin-top:7px;padding-block:6px}.creators-logo{width:74px}.support-title{font-size:21px}.support-action{font-size:10.5px;margin-top:2px}
 .store-card{margin-top:7px;padding-block:7px}.store-identity{width:146.4px;height:56.12px}.store-orbit-track{transform:scale(.61)}.store-wordmark{width:110px;gap:3px}.store-caption{margin-top:1px}.store-cta{font-size:13px;padding-block:7px}.store-links a{min-height:26px}
 .contact{margin-top:8px}.contact .contact-eyebrow{font-size:10px}.contact h2{font-size:21px}.contact-links{margin-top:6px;gap:5px}.contact-links>a{min-height:40px;padding-block:6px}.contact-label{font-size:12px}.contact-label svg{width:19px;height:19px}.contact-whatsapp bdi{font-size:14px}
}
.contact-email bdi{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.support-shine{display:none}.store-star-orbit{offset-distance:0%}}