@font-face{font-family:Vazirmatn;src:url("/assets/Vazirmatn.woff2") format("woff2");font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.games-site{margin:0;background:#fafbfe;color:#171a2d;font-family:Vazirmatn,system-ui,sans-serif}
.ecosystem-nav{max-width:1240px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ecosystem-nav nav{display:flex;align-items:center;gap:20px}
.ecosystem-nav a{text-decoration:none;color:inherit}
.ecosystem-logo{display:flex;align-items:center;gap:12px}
.ecosystem-logo span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1367e8,#22d3a5);color:#fff;font-weight:900}
.ecosystem-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:14px;background:#1367e8;color:#fff!important;text-decoration:none;font-weight:700}
.ecosystem-link{padding:12px 18px;color:inherit}
.games-shell{max-width:1240px;margin:auto;padding:30px 28px 80px}
.games-hero{min-height:540px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding:70px;border-radius:40px;background:radial-gradient(circle at 85% 15%,rgba(19,103,232,.32),transparent 34%),linear-gradient(145deg,#08111f,#101c2c);color:#fff;overflow:hidden}
.games-hero h1{font-size:clamp(48px,7vw,92px);line-height:1.03;margin:16px 0}
.games-hero p{max-width:670px;color:#c9cde1;font-size:19px;line-height:1.9}
.eyebrow{font-weight:800;letter-spacing:.16em;color:#34d7ab}
.hero-actions{display:flex;gap:12px;margin-top:30px}
.games-orbit{height:360px;position:relative;display:grid;place-items:center}
.games-orbit:before,.games-orbit:after{content:"";position:absolute;border:1px solid #ffffff33;border-radius:50%;inset:25px}
.games-orbit:after{inset:70px}
.games-orbit b{display:grid;place-items:center;width:130px;height:130px;border-radius:38px;background:linear-gradient(135deg,#1367e8,#25c99a);font-size:68px;box-shadow:0 30px 90px #1367e866}
.games-orbit span{position:absolute;display:grid;place-items:center;width:74px;height:74px;border-radius:24px;background:#fff;color:#171a38;font-size:28px;font-weight:900}
.games-orbit span:first-child{top:18px;right:48px}
.games-orbit span:nth-child(2){bottom:18px;left:46px}
.games-orbit span:nth-child(3){top:40px;left:36px}
.games-section{padding:90px 0 40px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.section-heading h2,.games-platform h2{font-size:38px;margin:8px 0}
.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.game-card{display:grid;grid-template-columns:220px 1fr;border:1px solid #e5e7ef;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #20244114}
.game-art{min-height:310px;display:grid;place-items:center;background:linear-gradient(145deg,var(--game-accent),#08111f)}
.game-art span{font-size:96px;color:#fff;font-weight:900}
.game-copy{padding:34px}
.game-copy h3{font-size:29px;margin:14px 0}
.game-copy p{color:#687083;line-height:1.8;min-height:80px}
.game-meta{display:flex;justify-content:space-between;color:var(--game-accent);font-size:12px;font-weight:800}
.games-platform{margin-top:50px;padding:44px;border-radius:30px;background:#f1f4fa;display:flex;justify-content:space-between;align-items:center;gap:30px}
.platform-points{display:flex;gap:34px}
.platform-points span{font-weight:800}
.platform-points small{color:#72798b;font-weight:400}
@media(max-width:900px){.games-hero{grid-template-columns:1fr;padding:42px 28px}.games-orbit{height:260px}.games-grid{grid-template-columns:1fr}.games-platform{align-items:flex-start;flex-direction:column}.ecosystem-nav nav>a:not(.ecosystem-button){display:none}}
@media(max-width:560px){.games-shell{padding:16px 16px 60px}.ecosystem-nav{padding:16px}.games-hero{border-radius:26px}.game-card{grid-template-columns:1fr}.game-art{min-height:190px}.platform-points{flex-direction:column}.hero-actions{align-items:stretch;flex-direction:column}}