.language-picker{display:inline-flex;align-items:center;gap:6px;font-size:12px;flex-shrink:0}.language-picker>.icon{width:15px;height:15px}.language-picker select{font:inherit;color:inherit;border:0;border-radius:5px;background:transparent;padding:8px 2px;cursor:pointer;max-width:135px;min-height:36px}.language-picker select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero-tags{flex-wrap:wrap}.demo-meta>div{min-width:0}.demo-meta strong{overflow-wrap:anywhere}.demo-switch{white-space:normal;flex-shrink:0;max-width:47%;text-align:start}.demo-start>span:not(.demo-play-circle){text-align:center}.guide-steps>li>div{min-width:0}.guide-steps p{overflow-wrap:anywhere}.guide-install .button{white-space:normal;text-align:center;flex-shrink:0;max-width:49%}.hero-buttons .button{flex-shrink:0;text-align:center}.section-heading>div{min-width:0}.footer-links a{overflow-wrap:anywhere}.hero-art{direction:ltr}.art-caption{direction:inherit;unicode-bidi:plaintext}.brand{direction:ltr;unicode-bidi:isolate}.support-note a{unicode-bidi:isolate;direction:ltr;display:inline-flex;align-items:center}.cta-app>span,.app-identity strong,.guide-app strong{unicode-bidi:isolate}.gallery-section figcaption{align-items:flex-start}.screenshot-grid figcaption>span{flex-shrink:0}
html:lang(zh) h1{letter-spacing:-2px;font-size:clamp(40px,4.8vw,60px);line-height:1.3}html:lang(zh) h2{letter-spacing:-.8px}html:lang(zh) .hero-description{line-height:1.95}html:lang(zh) .eyebrow{letter-spacing:2.5px}html:lang(zh) .guide-heading h1{font-size:36px;letter-spacing:-1px}html:lang(zh) .guide-steps h2{font-size:14px;letter-spacing:0}
html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3{line-height:1.55;letter-spacing:0}html:lang(hi) p{line-height:1.95}html:lang(hi) .eyebrow{letter-spacing:0;font-size:11px}html:lang(hi) .hero h1{font-size:clamp(38px,4.6vw,58px)}html:lang(hi) .hero-description{line-height:1.95}html:lang(hi) .demo-start>span:not(.demo-play-circle){line-height:1.7}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3{letter-spacing:0;line-height:1.5}html:lang(ar) .eyebrow{letter-spacing:0;font-size:12px}html:lang(ar) .hero-description{font-size:17px;line-height:1.95}html:lang(ar) p{line-height:1.9}
[dir=rtl] .nav-wrap nav{margin-left:0;margin-inline-start:auto}[dir=rtl] .all-apps{padding-left:0;padding-inline-start:25px;border-left:0;border-inline-start:1px solid var(--line)}[dir=rtl] .feature{padding-right:0;padding-inline-end:22px;border-right:0;border-inline-end:1px solid #e3eaf5}[dir=rtl] .feature:last-child{padding:0;border:0}[dir=rtl] .button>.icon:last-child,[dir=rtl] .text-link>.icon,[dir=rtl] .nav-download>.icon,[dir=rtl] .footer-links a>.icon,[dir=rtl] .guide-back>.icon,[dir=rtl] .demo-credit a>.icon{transform:rotate(180deg)}[dir=rtl] .button .icon{margin-left:0;margin-inline-start:8px}[dir=rtl] .guide-back{margin-left:0;margin-inline-start:auto}[dir=rtl] .guide-app-icon{margin-left:0;margin-inline-start:auto}[dir=rtl] .guide-app>span{border-left:0;border-inline-start:1px solid var(--line);padding-left:0;padding-inline-start:11px;margin-left:0;margin-inline-start:4px}[dir=rtl] .lightbox-prev{left:auto;right:8px;transform:none}[dir=rtl] .lightbox-next{left:8px;right:auto;transform:rotate(180deg)}[dir=rtl] .lightbox-close{left:15px;right:auto}[dir=rtl] .faq-list details>p{padding-right:0;padding-inline-end:25px}[dir=rtl] .guide-copy .icon{margin:0}[dir=rtl] .support-note a>.icon{transform:rotate(180deg)}[dir=rtl] .demo-short-steps{padding:0}[dir=rtl] .step-copy{text-align:start}[dir=rtl] .brand-symbol{margin-right:0;margin-inline-end:9px}
@media(max-width:1150px){.nav-wrap{gap:18px}.nav-wrap nav{gap:18px}.nav-actions{gap:16px}[dir=rtl] .all-apps{padding-inline-start:18px}}
@media(max-width:1000px){.nav-wrap nav>a:nth-child(3){display:none}.nav-download{display:none}.hero-buttons{flex-wrap:wrap}.hero h1{font-size:clamp(39px,5.3vw,55px)}[dir=rtl] .feature:nth-child(2){border:0}}
@media(max-width:900px){[dir=rtl] .feature{padding-inline-end:15px}[dir=rtl] .feature:nth-child(2){border:0}.guide-header .language-picker{font-size:11px}.cta-action .store-button{max-width:275px;text-align:center}.gallery-section figcaption{line-height:1.7}}
@media(max-width:650px){.language-picker{font-size:11px;gap:5px}.language-picker select{max-width:126px;padding-inline:1px}.language-picker>.icon{width:14px;height:14px}.nav-wrap nav>a:nth-child(3){display:block}.hero-buttons{gap:16px}.hero-buttons .text-link{line-height:1.7}.hero-buttons .button{max-width:100%}.hero-copy h1{font-size:clamp(38px,9.3vw,50px);letter-spacing:-1.7px;overflow-wrap:normal}.guide-heading h1{font-size:29px}.guide-header{height:auto;min-height:65px;flex-wrap:wrap;padding-block:12px;gap:12px}.guide-header .language-picker{margin-inline-start:auto}.guide-back{margin-inline-start:0}.guide-app{flex-wrap:wrap;row-gap:7px}.guide-app>span{letter-spacing:.5px}.guide-install .button{max-width:100%;text-align:center}.hero-tags{gap:10px 16px;line-height:1.7}.demo-start>small{letter-spacing:0}.demo-player .demo-meta{align-items:flex-start}.demo-switch{max-width:46%;line-height:1.65}.demo-credit{line-height:1.9}.demo-copy .button{max-width:100%;text-align:center}.nav-wrap .nav-actions{margin-left:0;margin-right:0;margin-inline-start:auto;margin-inline-end:38px}html:lang(zh) .hero h1{font-size:43px;letter-spacing:-1.5px}html:lang(zh) .hero-description{font-size:14px}html:lang(zh) .hero-tags{gap:19px}html:lang(zh) h2{font-size:26px}html:lang(zh) .guide-heading h1{font-size:29px}html:lang(zh) .guide-steps h2{font-size:13px}html:lang(hi) .hero h1{font-size:39px;line-height:1.5}html:lang(ar) .hero h1{font-size:42px;line-height:1.5}html:lang(ar) .hero-description{font-size:15px}[dir=rtl] .mobile-menu{left:14px;right:auto}[dir=rtl] .all-apps{border:0;padding:0}[dir=rtl] .feature{border:0;padding:0}[dir=rtl] .lightbox-prev{left:auto;right:0}[dir=rtl] .lightbox-next{left:0;right:auto}[dir=rtl] .lightbox-close{left:0;right:auto}}
@media(max-width:400px){.guide-back{order:3;flex-basis:100%;margin:0!important}.guide-header .language-picker{margin-inline-start:auto}.guide-header .brand{font-size:20px}html:lang(zh) .hero h1{font-size:38px}html:lang(hi) .hero h1{font-size:35px}html:lang(ar) .hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.demo-play-circle{transition:none}}

.app-card{display:flex;flex-direction:column;align-items:flex-start}.app-card .text-link{margin-top:auto;color:var(--card-accent,var(--accent))}.app-card[data-app=sanguo-conquest]{background:linear-gradient(145deg,#f5edde,#fffdf9);border-color:#e8ddcb}.app-card-languages{display:flex;flex-wrap:wrap;gap:5px 9px;margin-bottom:22px;font-size:9px;line-height:1.8;color:#87909a}.app-card[data-app=sanguo-conquest] .app-card-languages{color:#998b77}
html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3{line-height:1.5;letter-spacing:0}html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3{word-break:keep-all;line-height:1.45;letter-spacing:-.5px}html:lang(ja) .hero-description,html:lang(ko) .hero-description{line-height:2}html:lang(ja) .eyebrow,html:lang(ko) .eyebrow{letter-spacing:.7px}