.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-label{display:flex;align-items:center}.language-label select{font-size:11px;padding:9px 22px 9px 10px;width:100px;background:#151910;border:1px solid #38422a;cursor:pointer}
html:not([lang=en]) h1,html:not([lang=en]) h2{line-height:1.13}
html[lang^=zh],html[lang=ja],html[lang=ko]{--heading:'Microsoft JhengHei','Yu Gothic','Malgun Gothic',Arial,sans-serif;font-family:DM,'Microsoft JhengHei','Yu Gothic','Malgun Gothic',sans-serif}
html[lang^=zh] h1,html[lang=ja] h1,html[lang=ko] h1{letter-spacing:-.055em;font-weight:900}
html[lang^=zh] h2,html[lang=ja] h2,html[lang=ko] h2{letter-spacing:-.035em;font-weight:900}
html[lang^=zh] .hero h1,html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:clamp(65px,6.1vw,91px);line-height:1.16}
html[lang^=zh] .page-intro h1,html[lang=ja] .page-intro h1,html[lang=ko] .page-intro h1{font-size:75px}
html[lang^=zh] .detail-copy h1,html[lang=ja] .detail-copy h1,html[lang=ko] .detail-copy h1{font-family:Barlow,Impact,sans-serif;font-size:84px;letter-spacing:-.02em}
html[lang^=zh] .section-heading h2,html[lang=ja] .section-heading h2,html[lang=ko] .section-heading h2{font-size:34px}
html[lang^=zh] .story-teaser h2,html[lang=ja] .story-teaser h2,html[lang=ko] .story-teaser h2{font-size:44px;line-height:1.25}
html[lang^=zh] .upcoming h2,html[lang=ja] .upcoming h2,html[lang=ko] .upcoming h2{font-size:37px;line-height:1.3}
html[lang=ko] .hero h1{font-size:clamp(57px,5.4vw,82px)}
html[lang=ja] .hero h1{font-size:clamp(57px,5.2vw,80px)}
html[lang=vi] .hero h1{font-size:clamp(70px,7.4vw,105px)}
html[lang=id] .hero h1{font-size:clamp(74px,7.7vw,113px)}
html[lang=vi] h1,html[lang=vi] h2{line-height:1.13}
html:not([lang=en]) .hero-copy .eyebrow{letter-spacing:.1em}
html:not([lang=en]) .hero-caption a{text-align:center;line-height:1.5}
html:not([lang=en]) .brand-strip{font-size:18px}
html:not([lang=en]) .section-heading h2{max-width:800px}
html:not([lang=en]) .story-teaser p{line-height:1.9}
html:not([lang=en]) .empty-wins h3{line-height:1.5}
html:not([lang=en]) .upcoming-copy{max-width:64%}
html:not([lang=en]) .upcoming-copy h2{font-size:37px}
html:not([lang=en]) .upcoming{min-height:400px}
html:not([lang=en]) .footer-top>p{min-width:170px}
html:not([lang=en]) .about-intro h1{font-size:90px}
html:not([lang=en]) .about-values h2{font-size:38px}
html:not([lang=en]) .contact-layout h2{font-size:38px}
html:not([lang=en]) .demo-heading h1{font-family:Barlow,Impact,sans-serif;letter-spacing:-.02em}
@media(max-width:1150px){.header-actions{gap:12px}.desktop-nav{gap:20px;margin-left:10px}.site-header{gap:20px}html:not([lang=en]) .hero h1{font-size:74px}html[lang=ko] .hero h1,html[lang=ja] .hero h1{font-size:63px}html:not([lang=en]) .hero-copy{padding-top:83px}html:not([lang=en]) .upcoming-copy h2{font-size:33px}html:not([lang=en]) .section-heading h2{font-size:31px}html:not([lang=en]) .footer-top{flex-wrap:wrap}}
@media(max-width:900px){html:not([lang=en]) .desktop-nav{gap:17px}.header-actions .button{display:none}.language-label select{width:97px}.site-header{gap:15px}html:not([lang=en]) .upcoming-copy{max-width:73%}html:not([lang=en]) .story-teaser h2{font-size:35px}html:not([lang=en]) .brand-strip{font-size:15px}}
@media(max-width:800px){html:not([lang=en]) .hero h1{font-size:69px}html[lang=ko] .hero h1,html[lang=ja] .hero h1{font-size:54px}html:not([lang=en]) .section-heading h2{font-size:28px}html:not([lang=en]) .hero-copy{width:70%}html:not([lang=en]) .page-intro h1{font-size:62px}html:not([lang=en]) .detail-copy h1{font-size:67px}html:not([lang=en]) .about-intro h1{font-size:72px}html:not([lang=en]) .about-intro>p{max-width:60%}html:not([lang=en]) .about-cta h2{font-size:40px}}
@media(max-width:560px){.header-actions{gap:10px}.language-label select{width:95px;font-size:10px;height:35px;padding:6px 15px 6px 8px}.site-header{gap:12px}.brand img{width:126px}html:not([lang=en]) .hero-copy{width:calc(100% - 40px);padding-top:75px}html:not([lang=en]) .hero h1{font-size:clamp(43px,12vw,65px);line-height:1.18}html[lang=ko] .hero h1,html[lang=ja] .hero h1{font-size:clamp(38px,10vw,53px)}html[lang=vi] .hero h1,html[lang=id] .hero h1{font-size:clamp(56px,15vw,74px)}html:not([lang=en]) .hero-copy .eyebrow{font-size:7px;letter-spacing:.04em}html:not([lang=en]) .hero .button-row{flex-wrap:wrap}html:not([lang=en]) .hero .button{font-size:10px;gap:8px;padding:0 12px}html:not([lang=en]) .hero-description{font-size:12px;max-width:290px}html:not([lang=en]) .hero{height:650px}html:not([lang=en]) .section-heading h2{font-size:26px;max-width:235px}html:not([lang=en]) .section-heading .text-link{white-space:normal;min-width:63px;max-width:96px;line-height:1.6}html:not([lang=en]) .section-heading{gap:10px}html:not([lang=en]) .upcoming-copy{max-width:100%;padding:29px 21px}html:not([lang=en]) .upcoming-copy h2{font-size:30px;line-height:1.25;max-width:270px}html:not([lang=en]) .upcoming{height:475px}html:not([lang=en]) .upcoming .button{font-size:10px}html:not([lang=en]) .upcoming-copy>p:not(.eyebrow){max-width:240px}html:not([lang=en]) .story-teaser h2{font-size:36px}html:not([lang=en]) .footer-top>p{min-width:0;flex:1}html:not([lang=en]) .footer-links{flex-wrap:wrap;gap:18px;font-size:10px}html:not([lang=en]) .footer-bottom>div{gap:15px;flex-wrap:wrap}html:not([lang=en]) .page-intro h1{font-size:46px}html[lang=vi] .page-intro h1,html[lang=id] .page-intro h1{font-size:57px}html:not([lang=en]) .detail-copy h1{font-size:68px}html:not([lang=en]) .detail-copy>.button-row .button{white-space:normal;min-height:48px;padding:10px 14px}html:not([lang=en]) .game-story h2{font-size:32px}html:not([lang=en]) .filter-tabs{flex-wrap:wrap;gap:7px}html:not([lang=en]) .filter-tabs button{font-size:10px;padding:10px}html:not([lang=en]) .empty-wins{gap:16px}html:not([lang=en]) .empty-wins h3{font-size:15px}html:not([lang=en]) .empty-wins .button{margin-left:0}html:not([lang=en]) .about-intro h1{font-size:57px}html:not([lang=en]) .about-intro>p{max-width:85%;font-size:12px}html:not([lang=en]) .about-values h2{font-size:29px}html:not([lang=en]) .about-cta h2{font-size:34px}html:not([lang=en]) .contact-layout h2{font-size:30px}html:not([lang=en]) .demo-start .button{font-size:12px;padding:0 18px}html:not([lang=en]) .demo-toolbar{font-size:7px}html:not([lang=en]) .demo-toolbar button{font-size:8px;padding:6px}html:not([lang=en]) .not-found h1{font-size:45px}}
