*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#060d18;color:#f2f7ff;font:16px/1.85 'Vazirmatn',sans-serif;overflow-x:hidden}body[dir=ltr]{font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}:root{--bg:#060d18;--panel:#0c1a2b;--line:rgba(157,190,223,.14);--text:#f2f7ff;--muted:#9aacc1;--cyan:#47e2e4;--blue:#3a8cff;--green:#a8ff5e}.container{width:min(1160px,calc(100% - 42px));margin:auto}.section{padding:100px 0}.header{position:sticky;top:0;z-index:50;background:rgba(6,13,24,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.head{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand b{font:900 17px Inter,sans-serif;letter-spacing:.7px}.brand b span{color:var(--cyan)}.mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #47e2e4a0;border-radius:10px;background:linear-gradient(140deg,#3a8cff55,#47e2e40b);font:900 15px Inter;color:var(--cyan);transform:skew(-7deg)}.mark span{color:var(--green)}nav{display:flex;align-items:center;gap:22px;color:#c1cedd;font-size:16px;font-weight:600}nav>a:hover,.footcol a:hover{color:var(--cyan)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 17px;border-radius:11px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(105deg,#367fff,#3aabff 60%,#3ed9df);color:#04111d;box-shadow:0 9px 25px #2882ff28}.ghost{background:#ffffff05;border-color:var(--line);color:#e0eafa}.big{padding:14px 20px}.hamb{display:none;background:none;border:0;padding:6px}.hamb i{display:block;width:23px;height:2px;background:#eef6ff;margin:5px;border-radius:3px}.hero{padding:68px 0 25px}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:14px;font-weight:800}.eyebrow{padding:6px 12px;border:1px solid #47e2e433;border-radius:40px;background:#47e2e409}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #a8ff5e99}.hero h1{font-size:clamp(39px,5vw,63px);line-height:1.27;letter-spacing:-1.3px;margin:22px 0 15px;font-weight:900}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(95deg,var(--cyan),#69aaff 70%,var(--green));background-clip:text}.lead{font-size:16px;color:var(--muted);line-height:2.15;max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.pills{display:flex;flex-wrap:wrap;gap:19px;margin-top:30px;color:#9aadc0;font-size:12px}.pills span{display:flex;align-items:center;gap:7px}.pills span:first-letter{color:var(--cyan)}.hero-art{position:relative;min-height:450px;display:grid;place-items:center}.glow{position:absolute;width:90%;aspect-ratio:1;background:radial-gradient(circle,#168cff3d,#1cd2cd12 50%,transparent 70%);filter:blur(15px)}.heroimg{position:relative;width:min(100%,470px);aspect-ratio:1/1.08;border-radius:30px;overflow:hidden;border:1px solid #7bc2ff44;background:linear-gradient(145deg,#102c49,#071321);box-shadow:0 25px 70px #0007;transform:rotate(-2deg)}.heroimg>img,.cardimg>img,.gameart>img{width:100%;height:100%;object-fit:cover}.heroimg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050d18c9,transparent 65%);pointer-events:none}.heroimg label{position:absolute;z-index:2;bottom:18px;right:20px;color:#d9e9f7;font-size:14px}.heroimg label:first-letter{color:var(--green)}.fallback{display:none;position:absolute;inset:0;place-items:center;align-content:center;gap:12px;text-align:center;font:800 17px Inter,sans-serif;letter-spacing:2px;color:#e3faff;background:radial-gradient(circle at 60% 30%,#1e5b79,#0b1b2d 65%)}.fallback span{font-size:65px}.fallback small{font-size:12px;color:var(--cyan)}.float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#0a1a2be8;border:1px solid #8abeee38;border-radius:13px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(12px);color:var(--cyan)}.float span{display:grid}.float b{font-size:14px;color:#f2f7ff}.float small{font-size:12px;color:var(--muted)}.f1{top:45px;right:-5px}.f2{bottom:54px;left:-13px;color:var(--green)}.scrollhint{display:flex;align-items:center;gap:14px;color:#70849b;font-size:12px;margin-top:30px}.scrollhint i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#47e2e455)}.intro{padding:60px 0;border-block:1px solid var(--line);background:#0c1d302e}.introgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.intro h2,.sectionhead h2,.guide h2,.faq h2,.community h2{font-size:clamp(28px,3.5vw,42px);line-height:1.4;margin:8px 0 0;letter-spacing:-.6px}.intro p,.sectionhead>p,.muted{color:var(--muted);font-size:14px;line-height:2.2;margin:0}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.sectionhead>p{max-width:420px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#0f2136,#081422);transition:.25s}.card:hover,.news:hover{transform:translateY(-4px);border-color:#47e2e44d}.cardwide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.cardimg{position:relative;min-height:200px;overflow:hidden;background:#10253a}.cardimg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050d18a8,transparent 65%)}.cardimg i{position:absolute;z-index:2;top:14px;left:14px;font:800 14px Inter;background:#040d18a8;border:1px solid #ffffff24;padding:4px 8px;border-radius:7px;font-style:normal}.cardbody{position:relative;padding:23px}.cardbody>small{display:inline-block;padding:4px 8px;border-radius:6px;background:#47e2e411;color:var(--cyan);font-size:12px;font-weight:800}.cardbody h3{font-size:18px;margin:11px 0 7px}.cardbody p{font-size:14px;color:var(--muted);line-height:2.05;margin:0 0 14px}.textlink{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:14px;font-weight:800}.accent{background:linear-gradient(145deg,#112d45,#0b1c2d)}.watermark{position:absolute;bottom:-50px;left:12px;color:#47e2e410;font:900 110px Inter;letter-spacing:-12px}.guide{background:linear-gradient(180deg,transparent,#0b1b2c8c,transparent)}.guidegrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.gameart{position:relative;min-height:455px;border:1px solid #47e2e42c;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#112d45,#071321);box-shadow:0 25px 70px #0005}.gameart:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040c16d9,transparent 65%)}.gameart label{position:absolute;z-index:2;bottom:20px;right:23px;left:23px;display:flex;justify-content:space-between;font:800 14px Inter;letter-spacing:1px}.gameart label span{font:500 12px 'Vazirmatn';color:#a7bfd1;letter-spacing:0}.pitch{width:70%;aspect-ratio:1.2;border:2px solid #a8ff5e77;background:repeating-linear-gradient(90deg,#a8ff5e0c 0 32px,transparent 32px 64px);display:grid;place-items:center;font-size:55px}.guide h2{margin-bottom:14px}.guide .muted{margin:12px 0 20px}.steps{margin:0 0 24px}.step{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.step>b{font:800 14px Inter;color:var(--cyan);padding-top:2px}.step h3{font-size:13px;margin:0 0 4px}.step p{font-size:14px;color:var(--muted);margin:0;line-height:1.9}.tokenbox{padding:30px;border:1px solid #47e2e433;border-radius:25px;background:linear-gradient(130deg,#0e2339f0,#071320f5);box-shadow:0 25px 70px #0004}.tokenintro{display:flex;align-items:center;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--line)}.tokenlogo,.communitylogo{display:grid;place-items:center;flex-shrink:0;width:65px;height:65px;border-radius:19px;background:linear-gradient(140deg,#3a8cff,#47e2e4);color:#051321;font:900 23px Inter;box-shadow:0 0 30px #3a8cff24}.tokenlogo span{color:#eaffd6}.tokenintro small{font:800 12px Inter;letter-spacing:2px;color:var(--cyan)}.tokenintro h3{font-size:18px;margin:4px 0}.tokenintro p{font-size:14px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px;padding:25px 0}.stats>div{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-width:0}.stats span{font-size:12px;color:var(--muted)}.stats strong{font:800 16px Inter;overflow-wrap:anywhere}.stats small{font-size:12px;color:#728ba4}.stats>div:nth-child(2) strong{font:700 16px 'Vazirmatn'}.contract{font-size:12px!important;color:var(--green);direction:ltr;text-align:left}.copy{font-size:12px;color:var(--cyan);background:#47e2e40b;border:1px solid #47e2e444;border-radius:7px;padding:5px 9px}.warning,.riskbox{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #ffba482a;border-radius:12px;background:#ffba4808}.warning>b,.riskbox>b{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#ffba4818;color:#ffc86a}.warning p,.riskbox p{font-size:12px;line-height:2;color:#b7aa91;margin:0}.tokenlinks{display:flex;gap:22px;padding-top:20px}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--panel);transition:.2s}.newsart{height:150px;margin:12px 12px 0;border-radius:12px;display:grid;place-items:center;position:relative;font-size:39px;color:var(--cyan);background:radial-gradient(circle,#17476b,#0b1b2e);overflow:hidden}.newsart:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#47e2e410 1px,transparent 1px),linear-gradient(90deg,#47e2e410 1px,transparent 1px);background-size:22px 22px}.newsart small{position:absolute;bottom:12px;left:13px;font:800 8px Inter;letter-spacing:2px;color:#d9edff99}.art2{background:radial-gradient(circle,#343c68,#101b35)}.art3{background:radial-gradient(circle,#174d55,#0b1b2d)}.newstext{padding:18px}.newstext>small{color:var(--cyan);font-size:12px}.newstext h3{font-size:15px;margin:7px 0}.newstext p{font-size:14px;color:var(--muted);line-height:2;margin:0}.faq{background:linear-gradient(180deg,transparent,#0b1b2c70,transparent)}.faqgrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faqgrid>div:first-child p{margin:16px 0}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 3px}summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;padding:18px 0;font-size:14px;font-weight:700}summary::-webkit-details-marker{display:none}summary b{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font-size:17px;transition:.2s}details[open] summary b{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);line-height:2;margin:0;padding:0 0 18px}.communitybox{display:flex;align-items:center;gap:25px;padding:35px;border:1px solid #47e2e433;border-radius:24px;background:radial-gradient(circle at 85% 50%,#3a8cff22,transparent 36%),linear-gradient(110deg,#0d2034,#0a1929)}.communitylogo{width:76px;height:76px;border:1px solid #47e2e455;background:#3a8cff22;color:var(--cyan);transform:rotate(-7deg)}.communitycopy{flex:1}.community h2{font-size:25px}.community p{font-size:14px;color:var(--muted);margin:7px 0 0}.communityactions{display:flex;flex-direction:column;gap:9px;min-width:155px}.risk{padding-top:25px;padding-bottom:70px}.riskbox{padding:21px}.riskbox h3{font-size:13px;color:#e8d5b4;margin:0 0 5px}footer{border-top:1px solid var(--line);background:#050b14}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px;padding:48px 0 40px}.footbrand p{max-width:240px;color:var(--muted);font-size:16px;line-height:2;margin-top:15px}.footcol{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footcol h3{font-size:16px;margin:0 0 6px}.footcol a{font-size:16px;color:#8296ad}.footbottom{display:flex;align-items:center;gap:18px;min-height:62px;border-top:1px solid var(--line);font-size:16px;color:#70849b}.footbottom>span:first-child{margin-inline-end:auto}.footbottom>a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font-size:16px}#toast{position:fixed;z-index:99;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#142c40;border:1px solid #47e2e455;color:white;padding:10px 16px;border-radius:10px;font-size:14px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}body[dir=ltr] .hero-copy,body[dir=ltr] .introgrid,body[dir=ltr] .sectionhead,body[dir=ltr] .guidegrid,body[dir=ltr] .faqgrid{text-align:left}body[dir=ltr] .heroimg label,body[dir=ltr] .gameart label{right:auto;left:20px}body[dir=ltr] .cardimg i{left:auto;right:14px}body[dir=ltr] .footcol{align-items:flex-start}
@media(max-width:1000px){nav{gap:13px;font-size:16px}.herogrid{gap:30px}.hero h1{font-size:51px}.guidegrid{gap:40px}.footgrid{gap:23px}}
@media(max-width:820px){.section{padding:75px 0}.head{height:70px}.hamb{display:block;order:3}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 22px 22px;background:#060d18f7;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px}nav.open{display:flex}nav>a:not(.btn){padding:9px 5px}.herogrid{grid-template-columns:1fr;gap:32px}.hero-art{min-height:410px}.heroimg{width:min(82%,460px);aspect-ratio:1.15}.introgrid{grid-template-columns:1fr;gap:18px}.sectionhead{align-items:flex-start;flex-direction:column;gap:12px}.features{grid-template-columns:1fr 1fr}.cardwide{grid-column:span 2}.guidegrid{grid-template-columns:1fr;gap:35px}.gameart{min-height:390px}.faqgrid{grid-template-columns:1fr;gap:25px}.communitybox{flex-wrap:wrap}.communitycopy{min-width:calc(100% - 110px)}.communityactions{flex-direction:row;width:100%}.communityactions>*{flex:1}.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:span 2}.stats{grid-template-columns:1fr 1fr}.stats>div:last-child{grid-column:span 2}}
@media(max-width:540px){.container{width:calc(100% - 30px)}.section{padding:60px 0}.hero{padding-top:40px}.hero h1{font-size:clamp(37px,10vw,48px)}.lead{font-size:14px}.pills{gap:11px}.pills span{font-size:12px}.hero-art{min-height:330px}.heroimg{width:87%;aspect-ratio:1.1;border-radius:23px}.float{padding:9px 11px;gap:8px}.float b{font-size:12px}.float small{font-size:8px}.f1{top:20px}.f2{bottom:24px}.intro{padding:43px 0}.intro h2,.sectionhead h2,.guide h2,.faq h2{font-size:29px}.features,.newsgrid{grid-template-columns:1fr}.cardwide{grid-column:auto;display:block}.cardimg{min-height:190px}.cardbody{padding:20px}.gameart{min-height:310px}.tokenbox{padding:20px 15px}.tokenintro{align-items:flex-start;gap:12px}.tokenlogo{width:52px;height:52px;font-size:19px}.tokenintro h3{font-size:15px}.stats{grid-template-columns:1fr;gap:18px;padding:20px 0}.stats>div:last-child{grid-column:auto}.stats strong{font-size:15px}.tokenlinks{flex-wrap:wrap;gap:15px}.newsart{height:160px}.communitybox{padding:22px 17px;gap:15px}.communitylogo{width:58px;height:58px;font-size:18px}.communitycopy{min-width:calc(100% - 75px)}.community h2{font-size:20px}.communityactions{flex-direction:column}.footgrid{gap:25px 17px;padding-top:38px}.footbottom{flex-wrap:wrap;padding:13px 0;gap:8px}.footbottom>span:first-child{width:calc(100% - 45px);margin:0}.footbottom>span:nth-child(2){width:100%;order:3}.footbottom>a{margin-inline-start:auto}.btn.big{padding:12px 14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* ===== Header frame (fixed, never mirrored) + language selector =====
Logo left · menu middle · [language][Enter-game] right — the SAME physical positions in every language (also RTL: fa, ar).
Texts inside keep their own direction; only the frame is fixed. */
.header .head{direction:ltr}
.head nav{flex:1;justify-content:center}
.headend{display:flex;align-items:center;gap:10px;flex:none}
.headend .btn{width:164px;padding-left:8px;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-cta{display:none}
html[dir=rtl] .head nav a,html[dir=rtl] .headend .btn{direction:rtl}
.langsel{position:relative;flex:none}
.langbtn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:86px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#fff;font:700 16px Inter,sans-serif;cursor:pointer;direction:ltr}
.langbtn:hover,.langsel.open .langbtn{border-color:var(--cyan)}
.langbtn:focus-visible,.langlist:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.flag{display:block;width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:none}
.langcode{letter-spacing:.5px}
.caret{width:7px;height:7px;border-right:2px solid #9fb2c8;border-bottom:2px solid #9fb2c8;transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .15s}
.langsel.open .caret{transform:rotate(-135deg) translateY(-2px)}
.langlist{position:absolute;top:calc(100% + 8px);right:0;width:224px;margin:0;padding:6px;list-style:none;background:#0b1626;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:90;max-height:min(70vh,420px);overflow-y:auto;direction:ltr}
.langlist[hidden]{display:none}
.langlist li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#d7e3f1;font:600 16px/1.2 Inter,sans-serif;cursor:pointer}
.langlist li .langname{flex:1;white-space:nowrap}
.langlist li .langname[dir=rtl]{text-align:right;font-family:'Vazirmatn',Inter,sans-serif}
.langlist li:hover,.langlist li.active{background:rgba(71,226,228,.12);color:#fff}
.langlist li .check{visibility:hidden;color:var(--green);font-weight:900}
.langlist li[aria-selected=true] .check{visibility:visible}
@media(max-width:1060px){
/* the menu collapses into the hamburger earlier than the rest of the page: translated menu texts need the room */
.head{height:70px}
.hamb{display:block;order:3}
nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 22px 22px;background:#060d18f7;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px}
nav.open{display:flex}
nav>a:not(.btn){padding:9px 5px}
.headend{margin-left:auto}
.headend .btn{display:none}
.mobile-cta{display:inline-flex;justify-content:center}
html[dir=rtl] nav>a:not(.btn){text-align:right}
.langbtn{width:86px;height:38px}
}
/* parked content: sections/links carrying the hidden attribute stay invisible even when another rule sets display */
[hidden]{display:none!important}
/* the real logo (img/logo-*.png, made from whitepaper/img/logo.png) instead of the old "SM" text marks */
.brand .logo{display:block;width:36px;height:36px;object-fit:contain;flex:none}
.communitylogo,.tokenlogo{background:none;border:0;box-shadow:none;transform:none;padding:0}
.communitylogo img,.tokenlogo img{display:block;width:100%;height:100%;object-fit:contain}
img.watermark{position:absolute;bottom:-40px;left:12px;width:190px;height:auto;opacity:.07;letter-spacing:0;pointer-events:none}
/* header buttons (Play now): 16px like the rest of the header */ .header .btn{font-size:16px}
/* small phones: tighter header gaps so logo + language button (16px text) + menu button fit */ @media(max-width:540px){.head{gap:12px}}
/* whitepaper PDF download: icon button between the menu and the language box (desktop); a menu item in the hamburger menu (phones) */
.pdfbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:#fff;transition:border-color .2s}
.pdfbtn:hover,.pdfbtn:focus-visible{border-color:var(--cyan)}
.pdfbtn:focus-visible,.pdfmenu:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.pdfmenu{display:none}
.pdfbtn svg,.pdfmenu svg{width:20px;height:20px;flex:none}
@media(max-width:1060px){.pdfbtn{display:none}.pdfmenu{display:flex;align-items:center;gap:10px}}
/* menu item of the section being viewed (set by js/script.js "nav-spy"): cyan text + a line under it; the line does not change any size */
nav>a:not(.btn).active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}