/* Language controls and resilient layouts for all 17 game languages. */
.header-actions{display:flex;align-items:center;gap:14px;min-width:0}
.language-picker{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);background:#080a0ee6;min-width:0;color:var(--paper)}
.language-picker svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.3}
.language-picker select{width:121px;max-width:100%;min-width:0;min-height:26px;color:var(--paper);background:#080a0e;border:0;outline-offset:4px;font:14px/1.5 var(--sans);cursor:pointer}
.language-picker select:focus-visible{outline:2px solid var(--gold)}
.language-picker option{color:var(--paper);background:#101015;font:16px/1.6 var(--sans)}
.hero-description,.heading-row>p{white-space:pre-line}
.hero-eyebrow>span[data-i18n]{min-width:0;line-height:1.6}
.hero-bottom>span{display:flex;align-items:center;gap:8px;min-width:0;max-width:75%}
.hero-bottom b{padding-right:0;flex:none}
.hero-bottom>span>span{min-width:0}
.world-grid figcaption>span:first-child,.image-label,.studio-copy>.eyebrow [data-i18n]{text-transform:uppercase}
.heading-row h2,.studio-copy h2{overflow-wrap:break-word}
.outline-label{max-width:28%;line-height:1.6}
.game-note p{min-width:0}
.text-button>span[data-i18n]{min-width:0;line-height:1.5}
.footer-credits{color:#aaa2ad;font-size:12px;line-height:1.8;min-width:0}
.footer-credits .footer-product{margin-top:8px;font-size:14px;color:#cfc6cc}
.footer-product a{color:var(--gold);border-bottom:1px solid #cfad7266;padding-bottom:2px;white-space:nowrap;display:inline-block;direction:ltr;unicode-bidi:isolate}
.footer-product a:hover{color:#f3d9a4;border-color:currentColor}
.site-footer{gap:34px;flex-wrap:wrap}
.footer-note{max-width:30%;line-height:1.5}
.cinema-label{margin-inline-start:auto;margin-inline-end:28px}
.cinema-top .language-picker{border-color:#b8d2d54d;background:#05090ee6}
.cinema-top .language-picker svg{stroke:#b8d2d5}
.cinema-bottom{flex-wrap:wrap}
.cinema-control,.cinema-skip{min-width:44px}
.cinema-skip{max-width:65%}
.cinema-controls{max-width:100%;min-width:0}
.cinema-control span{overflow-wrap:break-word}
.cinema-message{overflow-wrap:break-word}
.cinema-top,.cinema-bottom{gap:18px}
.lightbox figcaption{max-width:100%;overflow-wrap:break-word;line-height:1.6}

html[dir=rtl] .wordmark,html[dir=rtl] .cinema-brand{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .hero-content{text-align:right}
html[dir=rtl] h1,html[dir=rtl] .game-subtitle{direction:ltr;text-align:right}
html[dir=rtl] .sword-stage{left:5%;right:auto}
html[dir=rtl] .hero-landscape{left:0;right:30%}
html[dir=rtl] .hero-landscape:after{background:linear-gradient(270deg,var(--ink),transparent 60%),linear-gradient(0deg,var(--ink),transparent 36%,#080a0e44 90%)}
html[dir=rtl] .hero-aura{background:radial-gradient(ellipse at 17% 74%,#a7572422,transparent 36%),linear-gradient(270deg,#080a0e 0,#080a0e88 35%,transparent 75%)}
html[dir=rtl] .game-subtitle{margin-left:0;margin-right:4px}
html[dir=rtl] .hero-bottom b{padding:0}
html[dir=rtl] .footer-note{margin-left:0;margin-right:auto}
html[dir=rtl] .text-button>span:last-child{margin-left:0;margin-right:22px}
html[dir=rtl] .button>span:last-child,html[dir=rtl] .cinema-skip>span:last-child{transform:scaleX(-1)}
html[dir=rtl] .artwork{text-align:right}
html:lang(ar){--serif:Tahoma,Arial,sans-serif;--sans:Tahoma,Arial,sans-serif}
html:lang(ar) h2,html:lang(hi) h2,html:lang(th) h2{line-height:1.5}
html:lang(ar) h2 em,html:lang(hi) h2 em,html:lang(th) h2 em,html:lang(ja) h2 em,html:lang(zh) h2 em,html:lang(ko) h2 em{font-style:normal}
html:lang(ar) [data-i18n],html:lang(hi) [data-i18n],html:lang(th) [data-i18n]{letter-spacing:normal}
html:lang(ja) h2,html:lang(zh) h2,html:lang(ko) h2{font-family:var(--sans);font-size:clamp(34px,3.5vw,58px);line-height:1.35;letter-spacing:.015em}
html:lang(hi) h2,html:lang(th) h2{font-size:clamp(34px,3.6vw,56px)}

@media(max-width:1100px){.header-actions{gap:10px}.header-replay{padding:12px;width:44px;height:46px;justify-content:center}.header-replay span{display:none}.site-header nav{gap:22px}.language-picker select{width:105px}.footer-note{font-size:12px}}
@media(max-width:1050px){html[dir=rtl] .sword-stage{left:-5%;right:auto}}
@media(max-width:700px){
  .site-header{height:128px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:76px 42px;gap:0 16px;align-content:start}
  .site-header>.wordmark{justify-self:start}
  .header-actions{grid-column:2;grid-row:1;justify-content:flex-end;gap:10px}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:28px;font-size:14px;min-width:0}
  .site-header nav a,.site-header nav a:first-child{max-width:none;line-height:1.5;font-size:14px;padding:8px 0}
  .header-replay{width:38px;height:42px;padding:9px;flex:none}
  .language-picker{padding:7px 8px;gap:7px;max-width:152px}
  .language-picker select{width:106px;font-size:14px;min-height:26px}
  .hero{padding-top:171px;min-height:max(925px,100svh)}
  .hero-eyebrow{font-size:12px;letter-spacing:.1em;max-width:100%}
  .hero-description{max-width:245px}
  .heading-row>p{white-space:normal}
  .hero-bottom{gap:18px;align-items:flex-end}
  .hero-bottom>span{font-size:12px;max-width:72%;line-height:1.6}
  .hero-bottom a{font-size:12px;flex:none}
  .hero-bottom>span>span{max-width:230px}
  .outline-label{max-width:100%;font-size:12px}
  .world-grid figcaption{font-size:12px;flex-wrap:wrap}
  .world-poster figcaption{gap:3px}
  .site-footer{gap:23px}
  .site-footer .wordmark{margin-right:0}
  .footer-credits{flex:1;min-width:180px}
  .footer-note{max-width:75%;margin-left:0;font-size:12px}
  .back-top{margin-inline-start:auto;margin-inline-end:0}
  .cinema-top{top:24px;gap:16px}
  .cinema-label{display:none}
  .cinema-bottom{bottom:26px;gap:12px;align-items:center}
  .cinema-controls{flex-shrink:1}
  .cinema-skip{margin-inline-start:auto;max-width:100%;font-size:13px;line-height:1.5}
  .cinema-control{font-size:13px;line-height:1.5}
  .cinema-message{bottom:150px}
  html[dir=rtl] .sword-stage{left:-12%;right:auto}
  html[dir=rtl] .hero-landscape{left:0;right:0}
  html[dir=rtl] .footer-note{margin-right:0;margin-left:0}
  html[dir=rtl] .site-footer .wordmark{margin-left:0}
  html[dir=rtl] .game-subtitle{margin-right:0}
}
@media(max-width:380px){.site-header{column-gap:8px}.header-actions{gap:8px}.language-picker{max-width:116px;padding:7px 6px;gap:5px}.language-picker select{width:74px}.language-picker svg{width:16px}.hero{min-height:max(970px,100svh)}.cinema-bottom{left:20px;right:20px}.cinema-skip{gap:10px}.cinema-control{padding:10px}.cinema-controls{gap:6px}.cinema-skip{padding:10px 12px}.hero-bottom>span{max-width:70%}.footer-credits{min-width:160px}}
