@font-face{font-family:CosmoInternational;src:url('./assets/fonts/CosmoInternational.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:CosmoKorean;src:url('./assets/fonts/CosmoKorean.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:CosmoJapanese;src:url('./assets/fonts/CosmoJapanese.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:CosmoChinese;src:url('./assets/fonts/CosmoChinese.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:CosmoArabic;src:url('./assets/fonts/CosmoArabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:CosmoHindi;src:url('./assets/fonts/CosmoHindi.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{--heading-font:Silkscreen,CosmoInternational,monospace;--body-font:Arial,Helvetica,sans-serif}
html:lang(ru),html:lang(pl){--heading-font:CosmoInternational,monospace}
html:lang(ar){--heading-font:CosmoArabic,sans-serif;--body-font:CosmoArabic,sans-serif}
html:lang(hi){--heading-font:CosmoHindi,sans-serif;--body-font:CosmoHindi,sans-serif}
html:lang(ko){--heading-font:CosmoKorean,sans-serif;--body-font:CosmoKorean,sans-serif}
html:lang(ja){--heading-font:CosmoJapanese,sans-serif;--body-font:CosmoJapanese,sans-serif}
html:lang(zh){--heading-font:CosmoChinese,sans-serif;--body-font:CosmoChinese,sans-serif}
body{font-family:var(--body-font)}
h1,h2,h3,.nav-link,.eyebrow,.pixel-button,.platform-note,.hero-stamp,.image-label,.feature-number,.galaxy-tag,.future-symbol,.edition-kind,.edition-price,.availability,.faq summary,.store-status small{font-family:var(--heading-font)}
html:is(:lang(ar),:lang(hi),:lang(ko),:lang(ja),:lang(zh)) :is(h1,h2,h3,.eyebrow,.pixel-button,.platform-note,.hero-stamp,.galaxy-tag,.edition-kind,.edition-price,.availability,.store-status small){letter-spacing:0}
html:is(:lang(ar),:lang(hi)) :is(.eyebrow,.galaxy-tag,.edition-kind,.availability,.store-status small,.platform-note){font-size:12px;line-height:1.7}
html:is(:lang(ar),:lang(hi)) .pixel-button{font-size:15px}
html:is(:lang(ar),:lang(hi)) .faq summary{font-size:17px}
html:is(:lang(ko),:lang(ja),:lang(zh)) :is(.eyebrow,.galaxy-tag,.edition-kind,.availability,.store-status small,.platform-note){font-size:12px;line-height:1.6}
.hero-actions{max-width:600px}
.edition,.galaxy,.future-expansion>div,.faq-list{min-width:0}
.edition-price,.galaxy h3,.document-main a{overflow-wrap:anywhere}
.brand,.studio-brand,.store-status b{direction:ltr;unicode-bidi:isolate}
[data-price=complete],.future-symbol,.feature-number{direction:ltr;unicode-bidi:isolate}

.language-picker{position:relative;flex:none;max-width:170px}
.language-current{list-style:none;display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 12px;border:2px solid #526281;background:#182339;cursor:pointer;font:13px/1.5 Arial,Helvetica,sans-serif}
.language-current::-webkit-details-marker{display:none}
.language-current:hover{border-color:var(--mint)}
.language-current>span:nth-child(2){flex:1;min-width:0}
.language-flag{font:20px/1.2 Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;flex:none}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:10;width:222px;max-width:calc(100vw - 32px);max-height:min(560px,70vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#121a32;border:2px solid #526281;padding:6px;box-shadow:6px 6px 0 #03091be6}
.language-options button{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:44px;width:100%;text-align:start;cursor:pointer;font:15px/1.6 Arial,Helvetica,sans-serif;direction:ltr}
.language-options button:hover,.language-options button:focus-visible{background:#243650}
.language-options button[aria-pressed=true]{background:var(--mint);color:var(--bg)}
.language-options bdi{flex:1;min-width:0}
.language-options :lang(ar),[data-current-language]:lang(ar){font-family:CosmoArabic,sans-serif}
.language-options :lang(hi),[data-current-language]:lang(hi){font-family:CosmoHindi,sans-serif}
.language-options :lang(ko),[data-current-language]:lang(ko){font-family:CosmoKorean,sans-serif}
.language-options :lang(ja),[data-current-language]:lang(ja){font-family:CosmoJapanese,sans-serif}
.language-options :lang(zh),[data-current-language]:lang(zh){font-family:CosmoChinese,sans-serif}
.language-options :lang(ru),.language-options :lang(pl),[data-current-language]:lang(ru),[data-current-language]:lang(pl){font-family:CosmoInternational,sans-serif}

[dir=rtl] .skip-link{left:auto;right:16px}
[dir=rtl] .hero-art,[dir=rtl] .hero-figure{inset:0 44% 0 0}
[dir=rtl] .hero:after{background:linear-gradient(270deg,#080d21 0%,#080d21 30%,#080d21db 43%,#080d2100 64%),linear-gradient(0deg,#080d21 0%,#080d2100 23%)}
[dir=rtl] .hero-content>:is(h1,p,.hero-actions,.hero-stamp){margin-left:auto;margin-right:0}
[dir=rtl] .mission-details article{padding-left:0;padding-right:48px}
[dir=rtl] .feature-number{left:auto;right:0}
[dir=rtl] .edition li{padding-left:0;padding-right:22px}
[dir=rtl] .edition li:before{left:auto;right:0}
[dir=rtl] .route-connector{direction:ltr;transform:scaleX(-1)}
[dir=rtl] .faq details p{margin-left:30px;margin-right:0}
[dir=rtl] .launch-section{text-align:right}
@media(min-width:1600px){[dir=rtl] .hero-art,[dir=rtl] .hero-figure{right:46%}}
@media(max-width:1020px) and (min-width:701px){[dir=rtl] .hero-art,[dir=rtl] .hero-figure{right:35%}[dir=rtl] .hero:after{background:linear-gradient(270deg,#080d21 0%,#080d21f0 23%,#080d21b0 46%,transparent 73%),linear-gradient(0deg,#080d21 0%,transparent 25%)}}
@media(max-width:700px){
  .site-header{padding-inline:16px}.site-header nav{gap:10px}.language-current{font-size:12px;padding:8px;gap:6px}.language-picker{max-width:154px}
  html:is(:lang(ar),:lang(hi)) .pixel-button{font-size:13px}
  [dir=rtl] .hero-art{inset:290px 0 0}[dir=rtl] .hero-figure{inset:0}[dir=rtl] .hero:after{background:linear-gradient(180deg,#080d21 0%,#080d21 13%,#080d21b0 31%,transparent 51%,#080d21cc 96%,#080d21 100%)}
  [dir=rtl] .hero-stamp{left:auto;right:22px}[dir=rtl] .route-connector{margin-left:0;margin-right:41px;transform:rotate(90deg)}[dir=rtl] .faq details p{margin-left:0}
}
@media(max-width:359px){.brand{font-size:21px}.language-current{font-size:11px}.language-picker{max-width:142px}[dir=rtl] .hero-art{inset:380px 0 0}[dir=rtl] .route-connector{margin-right:30px}}
