/* Language picker, plus type for scripts the brand fonts don't cover (Cyrillic, Armenian, Japanese, Korean, Chinese) */

/* ---------- picker ---------- */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px 0 11px;border-radius:999px;border:1.5px solid rgba(245,239,228,.22);background:rgba(8,6,12,.4);font-family:var(--pix);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,color .15s}
.lang-btn:hover,.lang.open .lang-btn{border-color:var(--gold);color:var(--gold)}
.lang-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lang-btn .chev{width:14px;height:14px;stroke-width:2.4;transition:transform .25s var(--ease)}
.lang.open .chev{transform:rotate(180deg)}
.lang-list{position:absolute;right:0;top:calc(100% + 12px);z-index:70;list-style:none;margin:0;padding:8px;width:max-content;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-radius:18px;background:rgba(14,10,19,.97);box-shadow:inset 0 0 0 1px rgba(245,239,228,.12),0 30px 60px -20px rgba(0,0,0,.85);animation:gpLangIn .25s var(--ease)}
@keyframes gpLangIn{from{opacity:0;transform:translateY(-8px)}}
.menu .lang-list a{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:11px;color:var(--bone);text-decoration:none;font-family:var(--body);font-size:15px;font-weight:500;white-space:nowrap;background:none;transition:background-color .15s,color .15s}
.menu .lang-list a:hover,.menu .lang-list a:focus-visible{background:rgba(255,193,46,.12);color:var(--gold)}
.menu .lang-list a[aria-current]{color:#1A0D05;background:var(--gold)}
@media (max-width:900px){
  .lang{order:5;margin-top:22px;display:flex;flex-direction:column;align-items:center}
  .lang-list{position:static;margin-top:12px;width:min(92vw,460px);grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(22,17,29,.9)}
  .menu .lang-list a{justify-content:center;padding:0 6px;font-family:var(--body);font-size:14px;font-weight:500}
  .menu{overflow-y:auto;justify-content:safe center;padding:90px 0 40px}
}
@media (max-width:380px){ .lang-list{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- other scripts: a heavy display face and a bold label face instead of Lilita One / Silkscreen ---------- */
html[data-lang=ru]{--disp:'Rubik',system-ui,sans-serif;--pix:'Rubik',system-ui,sans-serif}
html[data-lang=hy]{--disp:'Noto Sans Armenian','Rubik',sans-serif;--pix:'Noto Sans Armenian','Rubik',sans-serif;--body:'Rubik','Noto Sans Armenian',sans-serif}
html[data-lang=ja]{--disp:'M PLUS Rounded 1c','Rubik',sans-serif;--pix:'M PLUS Rounded 1c','Rubik',sans-serif;--body:'Rubik','Hiragino Sans','Noto Sans JP',sans-serif}
html[data-lang=ko]{--disp:'Jua','Rubik',sans-serif;--pix:'Rubik','Apple SD Gothic Neo','Noto Sans KR',sans-serif;--body:'Rubik','Apple SD Gothic Neo','Noto Sans KR',sans-serif;word-break:keep-all}
html[data-lang=zh]{--disp:'ZCOOL KuaiLe','Rubik',sans-serif;--pix:'Rubik','PingFang SC','Noto Sans SC',sans-serif;--body:'Rubik','PingFang SC','Noto Sans SC',sans-serif}
:is(html[data-lang=ru],html[data-lang=hy],html[data-lang=ja]) :is(.btn,.press,.menu a,.sec-h,.band span,.words,.g-title,.facts dd,.stats b,.pw,.rg-count,.rg-cap,.card h3,.card-n,.pk-t,.pk-go,.pk-word,.pk-or,.pk-tags b,.demo-count span){font-weight:800}
html[data-lang=hy] :is(.btn,.press,.menu a,.sec-h,.band span,.words,.g-title,.facts dd,.stats b,.pw,.card h3,.pk-t,.pk-go){font-weight:900}
:is(html[data-lang=ru],html[data-lang=hy],html[data-lang=ja],html[data-lang=ko],html[data-lang=zh]) :is(.label,.kick,.meta,.facts dt,.stats span,.meter-row,.gate-note,.pill,.replay,.shot-cap b,.lightbox figcaption b,.pk-k,.pt-hint,.totop,.foot p,.lang-btn){font-weight:700;letter-spacing:.03em}
:is(html[data-lang=ja],html[data-lang=ko],html[data-lang=zh]) :is(.label,.kick,.meta,.facts dt,.stats span,.pt-hint,.pk-k,.shot-cap b){letter-spacing:.02em}
:is(html[data-lang=ja],html[data-lang=zh]) .words{line-height:1.25}
html[data-lang=hy] .words{line-height:1.15}
html[data-lang=hy] .sec-h{font-size:clamp(30px,4.4vw,68px);line-height:1.08}
html[data-lang=hy] :is(.g-title,.pk-t){font-size:clamp(34px,4.6vw,76px);line-height:1}
html[data-lang=hy] .card h3{font-size:clamp(24px,2.1vw,34px);line-height:1.12}
html[data-lang=hy] .words{font-size:clamp(26px,3.6vw,56px)}