/* Язык: переключатель, полоса-предложение, подвал-языки, шрифты и зеркало для арабского. Подключается после site.css и стилей страницы. */
.nav-right{display:flex;align-items:center;gap:12px}
.lang-select{appearance:none;-webkit-appearance:none;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--txt-2,#a9b4c9);
  background:rgba(255,255,255,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a9b4c9' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
  border:1px solid var(--line-lit,#35486e);border-radius:8px;padding:8px 28px 8px 12px;cursor:pointer;max-width:150px;transition:border-color .2s,color .2s}
.lang-select:hover,.lang-select:focus{border-color:var(--gold,#f0b74a);color:var(--txt,#e8eefb);outline:none}
.lang-select option{background:#101827;color:#e8eefb}
.legal-note{margin:22px 0 0;padding:12px 18px;border:1px solid var(--line-lit,#35486e);border-inline-start:4px solid var(--gold,#f0b74a);
  border-radius:10px;background:var(--panel,#182338);color:var(--txt-2,#a9b4c9);font-size:14.5px;line-height:1.55}
.legal-note a{color:var(--gold,#f0b74a);text-decoration:underline}
.foot{flex-wrap:wrap}
.foot-langs{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--txt-3,#6b7893);padding-top:14px;margin-top:6px;border-top:1px solid var(--line,#263450)}
.foot-langs a:hover,.foot-langs a[aria-current]{color:var(--gold,#f0b74a)}
.foot-links{flex-wrap:wrap}
.lang-banner{position:fixed;inset-inline:12px;bottom:12px;z-index:90;max-width:560px;margin-inline:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--panel,#182338);border:1px solid var(--line-lit,#35486e);border-radius:12px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,.45);font-size:14.5px;line-height:1.4;color:var(--txt,#e8eefb)}
.lang-banner span{flex:1 1 200px}
.lang-banner-go{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid var(--line-lit,#35486e);background:rgba(255,255,255,.08);font-weight:700}
.lang-banner-go:hover{border-color:var(--gold,#f0b74a)}
.lang-banner-x{background:none;border:0;color:var(--txt-2,#a9b4c9);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px}
@media (max-width:860px){.nav-right{gap:8px}.lang-select{max-width:118px;padding:8px 24px 8px 10px;font-size:12px}.btn-login{white-space:nowrap;padding:10px 16px}}
@media (max-width:560px){.nav-logo span{display:none}.nav{gap:8px}.lang-select{max-width:100px}.btn-login{padding:10px 12px;letter-spacing:.08em}.nav-user b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-links{gap:12px 16px}}
/* арабский и японский: интервал между буквами и ПРОПИСНЫЕ рвут письмо; своё семейство шрифтов (Manrope/Unbounded знают только латиницу, кириллицу, вьетнамский) */
html[lang=ar] *,html[lang=ja] *{letter-spacing:normal!important;text-transform:none!important}
html[lang=ja] body,html[lang=ja] .caps,html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{font-family:"Manrope","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",system-ui,sans-serif}
html[lang=ar] body,html[lang=ar] .caps,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:"Manrope","Noto Sans Arabic","Segoe UI","Tahoma",system-ui,sans-serif}
/* зеркало */
[dir=rtl] .lang-select{background-position:left 10px center;padding:8px 12px 8px 28px}
[dir=rtl] .news-body{padding:22px 0 20px 26px}
[dir=rtl] .step::before{right:auto;left:14px}
[dir=rtl] .nav-links a::after{left:100%;right:0}[dir=rtl] .nav-links a:hover::after,[dir=rtl] .nav-links a.active::after{left:0}
[dir=rtl] .store-btn,[dir=rtl] .btn-play{direction:rtl}
[dir=rtl] .legal ul,[dir=rtl] .legal ol{margin:0 22px 14px 0}
[dir=rtl] .legal th,[dir=rtl] .legal td{text-align:right}
[dir=rtl] .legal .box{border-left:1px solid var(--line-lit);border-right:3px solid var(--gold)}
[dir=rtl] .legal .box.warn{border-right-color:var(--bad,#e2604b)}
/* телефон: поля не меньше 16px — иначе iOS при фокусе приближает страницу и ломает раскладку */
@media (max-width:860px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}