/* ── /ko: landing coreana (14/10/2026) ───────────────────────────────────
   Carregado DEPOIS do home.css, que e' a pele aprovada (topo, janela de
   entrada com as bordas e os botoes originais do jogo, cards e guia) e nao
   muda. Aqui so' o que a pagina coreana precisa, tudo sob body.ko. */

/* Hangul: o GTH (EB Garamond) nao tem o alfabeto, entao cada pilha diz qual
   fonte coreana usar depois dele. keep-all nao parte palavra no meio. */
body.ko{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR",Arial,sans-serif;word-break:keep-all;overflow-wrap:break-word}
body.ko h1,body.ko h2,body.ko h3,body.ko .journey-kicker{font-family:GTH,"Nanum Myeongjo","Noto Serif KR","Noto Serif CJK KR",AppleMyungjo,Batang,Georgia,serif}
body.ko .button,body.ko .join,body.ko .topo-login,body.ko .gth-login,body.ko .journey-link{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR",Arial,sans-serif}
body.ko .intro{font-size:14px}
body.ko .feature-copy p,body.ko .journey-steps p{font-size:13px}

/* Hero com o poster aprovado no lugar do video: mesma caixa do video. */
body.ko .ko-hero-arte{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}

/* "게임플레이 영상" abre o video no YouTube: mesmo acabamento ambar do
   "Watch gameplay" da home. */
body.ko .panel-community .ko-gameplay{width:100%;font-weight:bold;filter:sepia(.85) saturate(1.65);color:#fff0d2}
body.ko .panel-community .ko-gameplay:hover{filter:sepia(.85) saturate(1.65) brightness(1.1);color:#fff5e3}

/* English: fica visivel tambem no celular, onde o home.css esconde .nav-text. */
body.ko .ko-idioma{font:12px Arial,sans-serif;letter-spacing:.06em;color:#bccace;padding:10px 4px}
body.ko .ko-idioma:hover{color:#fff;text-decoration:underline}

/* Pagina de destino em ingles: marca pequena, sem tirar a atencao. */
body.ko .ko-en{display:inline-block;margin-left:5px;padding:0 4px;border:1px solid #8c8e8480;border-radius:2px;font:10px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#a7b6bb;vertical-align:1px}
body.ko .ko-aviso{margin:2px 0 0;font-size:11px;line-height:1.5;color:#a7b6bb;text-align:center}
body.ko footer .ko-aviso{margin-top:6px;text-align:left}

@media(max-width:700px){
  body.ko .ko-hero-arte{object-position:58% center}
  body.ko .intro{font-size:13px}
  body.ko header nav{gap:8px}
}
/* Logado no celular sao tres botoes no topo; com o English junto passavam
   da tela (16 px em 360). O English continua no rodape. */
@media(max-width:420px){body.ko header nav:has(form) .ko-idioma{display:none}}