:root{--paper:#f6f5ef;--ink:#292731;--muted:#8d8892;--purple:#7953d1;--line:#dedcd5;--lavender:#e9e2fa;--green:#d8e7c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button{border:0}img{max-width:100%}.wrap{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.nav{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{width:43px;height:43px}.nav-links{display:flex;gap:35px;font-size:12px;color:#756e7e}.nav-download{border:1px solid #4a4353;border-radius:100px;padding:9px 18px;font-size:11px;display:flex;gap:25px;align-items:center}.nav-download:hover{background:#ece6f7}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;padding-top:30px;padding-bottom:95px;gap:15px}.eyebrow{font-family:"Microsoft YaHei",sans-serif;font-size:10px;letter-spacing:2px;display:inline-flex;align-items:center;gap:8px;color:#9688a9}.eyebrow i{width:6px;height:6px;background:var(--purple);border-radius:50%}.hero h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-2.5px;line-height:1.32;font-weight:800;margin:25px 0 28px}.playground{color:var(--purple);position:relative;white-space:nowrap}.playground svg{position:absolute;bottom:-20px;left:0;width:100%;fill:none;stroke:#bca4e9;stroke-width:3;stroke-linecap:round}.hero-description{color:#938a9d;font-size:15px;line-height:1.95;margin:0 0 29px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;font-size:12px;border-radius:10px;padding:15px 22px;font-weight:500;transition:transform .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn.dark{background:#302a3c;color:#fff}.btn.outline{border:1px solid #cfc8d7;color:#7f6e92;background:transparent}.btn.white{background:#f7f4fd;color:#5c466f}.windows{font-size:22px;line-height:18px;font-weight:400;margin-right:-8px}.download-meta{font-size:9px;color:#b0a7b5;display:flex;gap:18px;margin-top:18px}.hero-scene{height:440px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #d8d0e24d;border-radius:50%;z-index:-1}.orbit-one{width:440px;height:440px;left:40px;top:-5px}.orbit-two{width:530px;height:530px;left:-5px;top:-50px}.hero-scene:before{content:'';position:absolute;z-index:-1;inset:30px;background:radial-gradient(ellipse,#ddd3f6a1,transparent 68%)}.scene-window{position:absolute;left:5px;right:-12px;top:85px;background:#e6e0ef;padding:8px;border-radius:15px;box-shadow:0 28px 40px #30274223,0 0 0 1px #d1c9de;transform:rotate(-5deg);overflow:hidden}.window-chrome{height:25px;display:flex;align-items:center;justify-content:space-between;color:#9889ac;font-size:10px;margin:-2px 5px 6px}.window-chrome small{font-size:8px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#c4b3d4}.window-dots i:nth-child(2){background:#d9ccbd}.window-dots i:nth-child(3){background:#bfcbb9}.scene-window>img{display:block;width:100%;height:280px;object-fit:cover;border-radius:6px;object-position:center 60%}.scene-overlay{position:absolute;top:72px;left:32px;display:flex;flex-direction:column;color:#f9e6bf;text-shadow:0 2px 6px #161d39;gap:4px}.scene-tag{font-size:8px;letter-spacing:1px;color:#c4bdc7}.scene-overlay strong{font-family:"STSong","SimSun",serif;font-size:36px;font-weight:400;letter-spacing:3px}.scene-overlay small{font-size:5px;letter-spacing:2.1px;color:#c3b4b9}.scene-footer{font-size:8px;display:flex;align-items:center;justify-content:space-between;padding:10px 8px 1px;color:#988aaa}.scene-footer b{font-size:7px;font-weight:400}.scene-footer i{display:inline-block;width:4px;height:4px;background:#a595bc;border-radius:50%;margin-right:5px}.floating-chat{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fffdfa;padding:12px 15px;border:1px solid #e5dfeb;border-radius:13px;box-shadow:0 12px 22px #61517213;font-size:11px}.floating-chat small{display:block;font-size:8px;color:#aba0b5;margin-bottom:3px}.floating-chat b{font-weight:500;white-space:nowrap}.chat-one{top:15px;left:-10px;transform:rotate(-7deg)}.chat-one i{font-style:normal;font-size:18px;color:#b7c48d;margin-left:4px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px}.avatar.lemon{background:#e2ebcf;color:#82965b}.avatar.violet{background:#e9dcfb;color:#9f78d5}.chat-two{bottom:-2px;right:39px;transform:rotate(6deg)}.chat-heart{font-size:22px;color:#cbb4dc;margin-left:7px}.sticker{position:absolute;bottom:20px;left:-22px;transform:rotate(-12deg);z-index:4;background:#dce8cf;padding:12px;border-radius:15px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #4c3c5c15}.sticker img{width:41px;height:41px}.sticker span{font-size:10px;line-height:1.5;color:#687758;font-weight:600}.sparkle{position:absolute;color:#9a7bbd;font-size:48px;z-index:4}.sparkle-one{right:-15px;top:7px}.sparkle-two{left:-48px;top:176px;font-size:25px;color:#b4bf98}.scene-caption{position:absolute;bottom:-40px;left:120px;font:6px Arial,sans-serif;letter-spacing:2px;color:#b7acbe}.ticker{background:#eeece5;border-top:1px solid #e4e1d8;border-bottom:1px solid #e4e1d8}.ticker-inner{display:flex;justify-content:space-between;align-items:center;padding-top:19px;padding-bottom:19px;gap:18px;font-size:11px;letter-spacing:1.5px;color:#9d91a8}.ticker i{font-size:16px;font-style:normal;color:#b3a7be}.games{padding-top:98px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading h2,.faq h2{font-size:38px;letter-spacing:-1.3px;line-height:1.45;margin:16px 0 0;font-weight:700}.section-heading>p{font-size:12px;line-height:2;color:#9c909f;margin:0 0 4px}.ticket{position:absolute;left:27px;top:27px;color:#e9dcbd;border:1px solid #b6aa8b60;padding:10px 16px;background:#1d2746aa;display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:5px 12px;border-radius:3px;font-family:serif;font-size:15px;letter-spacing:2px}.ticket small{grid-column:1/-1;font:6px Arial,sans-serif;letter-spacing:1.3px;color:#b8b0aa}.ticket b{font-weight:400;text-align:center}.featured-no{position:absolute;bottom:18px;left:27px;color:#8c8b9f88;font:47px Georgia,serif}.label{font-size:9px;padding:4px 9px;background:#eee5fa;color:#9473b8;border-radius:4px}.text-link{font-size:11px;color:#7d6595;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #c3b2d4;padding:5px 0}.more-games{display:flex;align-items:center;gap:25px;margin-top:22px;padding:25px 30px;border:1px dashed #d7cfdc;border-radius:13px}.more-games>span{font-size:33px;color:#bcafcb;font-weight:200}.more-games h3{margin:0;font-size:13px;font-weight:500;color:#8d7a9f}.more-games p{font-size:10px;color:#b0a1bd;margin:4px 0}.more-games small{margin-left:auto;font:7px Arial,sans-serif;letter-spacing:1.5px;color:#bcaec8}.setup{padding:80px 0 90px;background:#ece9f1}.setup .eyebrow{color:#a495b5}.setup .section-heading{margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{position:relative}.number{font:42px Georgia,serif;font-style:italic;color:#cec5d9;line-height:1}.step-visual{height:110px;margin:12px 0 22px;display:flex;align-items:center;justify-content:center;background:#f6f3f9;border:1px solid #e1dbe8;border-radius:12px;gap:13px;color:#857095}.app-visual img{width:43px;height:43px}.app-visual span{font-weight:700;font-size:18px;color:#604b75}.app-visual b{color:#af9cc4;font-size:28px;font-weight:400;margin-left:24px}.plugin-visual>span{border:1px solid #ddd5e6;background:#fff;border-radius:7px;padding:7px 14px;font-size:12px;color:#93879b}.plugin-visual i{font-style:normal;letter-spacing:5px;color:#b7a5c8}.plugin-visual img{width:37px;height:37px}.chat-visual{position:relative;overflow:hidden}.chat-visual span{background:#e3d9f3;color:#9777b5;border-radius:9px;padding:7px 12px;font-size:10px;position:absolute;transform:rotate(-7deg);top:19px;left:28px}.chat-visual span:nth-child(2){background:#e3e9d8;color:#9baa83;transform:rotate(6deg);top:53px;left:56px}.chat-visual span:nth-child(3){background:#f0e0d4;color:#c19a7f;transform:rotate(4deg);top:27px;left:auto;right:23px}.steps h3{font-size:17px;letter-spacing:-.4px;margin:0 0 12px}.steps p{font-size:11px;color:#a192ae;line-height:2.05;margin:0 0 15px;max-width:295px}.steps a,.steps button{font-size:10px;color:#9874b6;background:transparent;padding:0}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:90px;padding-top:100px;padding-bottom:100px}.faq-cat{width:74px;opacity:.8;transform:rotate(-13deg);margin-top:35px}.faq details{border-bottom:1px solid #e0d9e4}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;padding:22px 0}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#b5a2c6;font-size:19px;font-weight:300}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:11px;color:#a18fae;line-height:2.2;margin:0 0 23px;padding-right:20px}.download{text-align:center;position:relative;background:#e4dbf4;max-width:1160px;margin-bottom:80px;border:1px solid #d9ceeb;padding-top:59px;padding-bottom:59px;border-radius:20px;overflow:hidden}.download:before,.download:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #d3c3e9;border-radius:50%;z-index:0;pointer-events:none}.download:before{left:-220px;top:-220px}.download:after{right:-220px;bottom:-220px}.download h2{font-size:49px;line-height:1.3;letter-spacing:-2px;margin:16px 0;color:#534164}.download>p{font-size:12px;color:#9a7eb1;margin:16px 0 24px}.download-buttons{display:flex;justify-content:center;gap:12px}.download>small{display:block;font-size:8px;color:#b39bc5;margin-top:19px;letter-spacing:.6px}.download-star{position:absolute;left:16%;top:32%;color:#9c7eb9;font-size:70px;transform:rotate(18deg)}.download-scribble{font-family:Georgia,serif;font-style:italic;position:absolute;right:55px;bottom:59px;transform:rotate(-10deg);color:#b097c2;font-size:16px}footer{padding-bottom:25px}.footer-main{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dfd9e3;padding-bottom:25px}.footer-main .brand{font-size:21px}.footer-main .brand img{width:33px;height:33px}.footer-main>span{font-size:10px;color:#b0a0bc;border-left:1px solid #d4cbdc;padding-left:20px}.footer-main>div{margin-left:auto;display:flex;gap:26px;font-size:10px;color:#a18cae}.footer-main button{background:transparent;font-size:10px;color:inherit;padding:0}.footer-bottom{display:flex;justify-content:space-between;color:#baadbf;font-size:8px;padding-top:22px;letter-spacing:.4px}.footer-bottom>span:last-child{font:7px Arial,sans-serif;letter-spacing:1px}dialog{border:1px solid #e5dcec;border-radius:18px;max-width:600px;width:calc(100% - 32px);padding:35px;background:#fdfbf8;color:var(--ink);box-shadow:0 20px 100px #21173340}dialog::backdrop{background:#34254499;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin:10px 0 22px}dialog p,dialog li{font-size:12px;color:#9b83ad;line-height:2}dialog ol{padding-left:20px}dialog li{padding-left:3px;margin:12px 0}dialog code{background:#eee6f5;padding:2px 5px;border-radius:4px;font-size:11px}dialog .btn{margin-top:20px}.close-dialog{position:absolute;top:12px;right:16px;background:transparent;color:#ad98bd;font-size:25px}.download-unavailable{opacity:.5}#siteToast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#30273d;color:#fff;border-radius:9px;font-size:12px;max-width:90%;z-index:20}@media(min-width:1500px){.hero{min-height:670px}.hero h1{font-size:72px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:12px;min-height:560px}.hero h1{font-size:48px}.hero-scene{transform:scale(.87);transform-origin:center right}.scene-window{left:-60px;right:0}.chat-one{left:-65px}.chat-two{right:3px}.sticker{left:-70px}.orbit-one{left:-25px}.orbit-two{left:-70px}.hero-buttons{gap:10px}.btn{padding:13px 15px;gap:12px;font-size:10px}.download-meta{flex-direction:column;gap:2px}.steps{gap:24px}.faq{gap:45px}.download{margin-left:30px;margin-right:30px}.download-scribble{display:none}.download-star{left:9%}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{height:83px}.brand{font-size:21px;gap:8px}.brand img{width:35px;height:35px}.nav-links{display:none}.nav-download{font-size:10px;padding:8px 13px;gap:14px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:65px;gap:28px;overflow:hidden}.hero h1{font-size:50px;letter-spacing:-2px;margin:22px 0}.hero-description{font-size:13px}.hero-buttons{gap:10px}.btn{padding:14px 18px;font-size:11px}.download-meta{flex-direction:row;gap:13px;font-size:8px}.hero-scene{transform:none;height:345px;max-width:450px;width:100%;margin:auto}.scene-window{left:16px;right:13px;top:50px}.scene-window>img{height:210px}.scene-overlay{top:60px;left:25px}.scene-overlay strong{font-size:28px}.floating-chat{padding:9px 12px;font-size:9px}.chat-one{left:0;top:0}.chat-two{right:0;bottom:0}.sticker{left:0;bottom:1px;padding:9px}.sticker img{width:30px;height:30px}.sticker span{font-size:8px}.sparkle-one{right:7px;top:-5px;font-size:36px}.sparkle-two{left:0;top:145px}.orbit-one{width:330px;height:330px;left:35px}.orbit-two{width:400px;height:400px;left:0;top:-35px}.scene-caption{bottom:-27px;left:65px;font-size:5px}.ticker-inner{flex-wrap:wrap;justify-content:center;gap:12px;font-size:9px;padding:13px}.ticker-inner>span:first-child,.ticker-inner>i:last-child{display:none}.ticker-inner i{font-size:11px}.games{padding-top:62px;padding-bottom:58px}.section-heading{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:25px}.section-heading h2,.faq h2{font-size:29px;margin-top:12px}.section-heading>p{font-size:10px}.more-games{padding:20px;gap:16px}.more-games small{display:none}.more-games h3{font-size:12px}.more-games p{font-size:9px}.setup{padding:55px 0 60px}.steps{grid-template-columns:1fr;gap:32px}.steps article{padding-left:53px}.number{position:absolute;left:0;top:10px;font-size:30px}.step-visual{margin:0 0 18px;height:95px}.steps h3{font-size:16px}.steps p{max-width:none;font-size:11px}.faq{grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:65px}.faq>div:first-child{position:relative}.faq-cat{position:absolute;right:15px;top:10px;width:65px;margin-top:0}.faq summary{font-size:11px;padding:20px 0}.faq details p{font-size:10px}.download{margin:0 16px 50px;padding-top:43px;padding-bottom:43px;border-radius:14px}.download h2{font-size:40px}.download .eyebrow{font-size:7px;letter-spacing:1.5px}.download-star{font-size:35px;left:24px;top:110px}.download-buttons{flex-direction:column;align-items:center;gap:10px}.download-buttons .btn{min-width:240px}.download>small{font-size:7px}.footer-main{gap:15px;flex-wrap:wrap}.footer-main>span{font-size:8px;padding-left:15px}.footer-main>div{width:100%;margin:0;justify-content:space-between}.footer-bottom{gap:12px;font-size:7px;flex-wrap:wrap}.footer-bottom>span:last-child{font-size:6px}.footer-main .brand{font-size:18px}.footer-main .brand img{width:28px;height:28px}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.featured + .featured{margin-top:32px}.lighthouse-feature .label{background:#e8f1ed;color:#507c6b}
.hero-scene .scene-window{left:50%;right:auto;top:10px;width:230px;transform:translateX(-50%) rotate(-6deg)}
.hero-scene .scene-window>img{height:340px;width:100%;aspect-ratio:auto;object-fit:contain}.scene-caption{font:10px sans-serif;letter-spacing:1px;bottom:-12px;left:100px}
@media(max-width:700px){.hero-scene .scene-window{width:190px;top:8px}.hero-scene .scene-window>img{height:252px}.scene-caption{font-size:8px;left:65px;bottom:4px}}

.home-feature .label{background:#d9efc9;color:#33523c}
/* Account and support stay accessible on phones as well as desktop. */
.nav-links{gap:22px;align-items:center}.nav-links>a{white-space:nowrap}#siteNoticeCount{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:12px;background:#e75280;color:#fff;font-size:10px}#siteNoticeCount[hidden]{display:none}
@media(max-width:1000px){.nav{flex-wrap:wrap;height:auto;min-height:106px;padding-top:18px;padding-bottom:18px;gap:14px}.nav-links{order:3;display:flex;width:100%;flex-wrap:wrap;gap:12px 24px;font-size:12px}.nav-download{margin-left:auto}}

/* Membership promotion is inserted only for an eligible, non-member account. */
.diamond-offer{display:flex;align-items:center;gap:22px;padding:26px 28px;margin:0 0 28px;border:1px solid #66518e;border-radius:20px;background:linear-gradient(120deg,#26203d,#42345f);color:#fff;box-shadow:0 10px 30px #27203d12;text-align:left}
.diamond-offer[hidden],.diamond-badge[hidden]{display:none!important}
.diamond-symbol{flex:none;color:#ecd8a6;font-size:68px;line-height:1;font-family:Georgia,serif}
.diamond-copy{flex:1;min-width:0}
.diamond-offer .diamond-kicker{color:#e5cca1;font-size:11px;font-weight:700;letter-spacing:1px}
.diamond-offer .diamond-copy h2{font-size:23px;line-height:1.45;letter-spacing:0;margin:7px 0;color:#fff}
.diamond-offer .diamond-copy p{font-size:13px;line-height:1.8;margin:0;color:#e0d8ee}
.diamond-action{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px}
.diamond-offer .diamond-action strong{font-size:28px;line-height:1.2;color:#f3dfb8;letter-spacing:-.5px}
.diamond-offer .diamond-buy{display:inline-block;border:0;border-radius:10px;background:#f4e8ce;color:#322442;padding:12px 18px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none}
.diamond-offer .diamond-buy:hover{background:#fff3d9}
.diamond-offer .diamond-buy:focus-visible{outline:3px solid #fff;outline-offset:4px}
.diamond-badge{display:inline-block;margin:4px 8px;padding:5px 10px;border:1px solid #d6c6a6;border-radius:7px;background:#faf3e4;color:#705326;font-size:12px;font-weight:600;white-space:nowrap}
@media(max-width:1100px){.diamond-offer{gap:16px;padding:22px}.diamond-symbol{display:none}.diamond-offer .diamond-copy h2{font-size:20px}}
@media(max-width:640px){.diamond-offer{flex-wrap:wrap}.diamond-copy{flex-basis:100%}.diamond-action{width:100%;flex-direction:row;justify-content:space-between}.diamond-offer .diamond-action strong{font-size:25px}}
.original-price{display:inline-block;margin-left:10px;color:#9a8ea6;font-size:12px;font-weight:400}.discount-badge,.hot-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle}.discount-badge{color:#8047b7;background:#efe2ff}.hot-badge{color:#b73e26;background:#ffeadf}.promotion-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.promotion-line:empty{display:none}.promotion-line .original-price,.promotion-line .discount-badge,.promotion-line .hot-badge{margin-left:0}

/* Media keeps its own shape; the card gives portrait and landscape images different space. */
.featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:36px;padding:32px;border:1px solid #e4e0da;border-radius:24px;background:#fffefa;box-shadow:0 8px 28px #352b4410;overflow:visible}
.featured[data-media-layout="portrait"]{grid-template-columns:280px minmax(0,1fr);gap:64px;padding:32px 52px}
.featured .featured-art{min-width:0;height:auto;min-height:0;display:block;padding:0;background:none}
.featured[data-media-layout="portrait"] .game-media-open{width:fit-content;max-width:100%;margin:0 auto}
.featured[data-media-layout="portrait"] .game-media-open img{width:auto;height:auto;max-width:100%}
.featured-copy{min-width:0;padding:0}
.featured-copy .label{display:inline-flex;font-size:10px;letter-spacing:.5px;padding:3px 9px;border-radius:6px}
.featured-copy h3{font-family:inherit;font-size:30px;line-height:1.4;font-weight:700;letter-spacing:.5px;margin:12px 0 18px}
.featured-copy h3 .hot-badge{font-size:11px;letter-spacing:0;margin-left:12px;vertical-align:middle}
.featured-copy>p{font-size:14px;line-height:1.95;color:#756d7b;margin:0 0 18px}
.featured-copy .tag-list{display:flex;flex-wrap:wrap;gap:7px}
.featured-copy .tag-list span{padding:4px 10px;border:0;background:#f1eef5;color:#766582;font-size:11px;border-radius:6px}
.featured-copy .commands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;padding:20px 0;border-top:1px solid #ece6ed;border-bottom:1px solid #ece6ed}
.featured-copy .commands span{color:#978b9d;font-size:11px;line-height:1.7}
.featured-copy .commands b{display:block;margin:0 0 5px;color:#695179;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.game-purchase{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;justify-content:space-between}
.game-purchase .game-pricing{flex:1;min-width:145px;margin:0;color:#64506f;font-size:13px;line-height:2;font-weight:600}
.game-purchase .btn{flex:none;justify-content:center;padding:13px 18px;font-size:13px;line-height:1.6;border-radius:10px;background:#302838;transition:background .15s,transform .15s}
.game-purchase .btn:hover{background:#7953d1;transform:translateY(-1px)}

@media(max-width:1100px){
  .hero{overflow:clip}
  .featured{padding:26px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .featured[data-media-layout="portrait"]{grid-template-columns:240px minmax(0,1fr);padding:28px 36px;gap:40px}
  .featured-copy h3{font-size:27px}
  .game-purchase{gap:10px}
  .game-purchase .game-pricing{flex-basis:100%}
}
@media(min-width:761px) and (max-width:950px){
  .featured[data-media-layout="landscape"]{grid-template-columns:minmax(0,1fr)}
  .featured[data-media-layout="landscape"] .game-purchase .game-pricing{flex-basis:auto}
}
@media(max-width:760px){
  .featured,.featured[data-media-layout="portrait"]{grid-template-columns:minmax(0,1fr);gap:26px;padding:22px;border-radius:20px}
  .featured[data-media-layout="portrait"] .featured-art{max-width:320px;width:100%;justify-self:center}
  .featured[data-media-layout="portrait"] .game-media-open img{max-height:380px}
  .featured-copy h3{font-size:26px;margin-top:10px;margin-bottom:14px}
  .featured-copy>p{font-size:13px}
  .featured-copy .commands{gap:10px;margin:20px 0;padding:17px 0}
  .featured-copy .commands b{font-size:12px}
  .game-purchase .game-pricing{flex-basis:auto}
  .game-purchase .btn{padding:12px 16px}
}
@media(max-width:420px){
  .games.wrap{padding-left:16px;padding-right:16px}
  .featured,.featured[data-media-layout="portrait"]{padding:18px;gap:22px}
  .featured[data-media-layout="portrait"] .game-media-open img{max-height:360px}
  .game-purchase .game-pricing{flex-basis:100%}
  .game-purchase .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-purchase .btn{transition:none}}