/* v0.50 모바일 보정: 한국어가 글자 단위로 꺾여 찌그러지는 것을 막고, 칩 줄은 줄바꿈, 표는 가로로 밀리게, 필사 실시간 랭킹은 작게 */
body{word-break:keep-all;overflow-wrap:break-word}
@media (max-width:640px){
  a[class~="py-1"],a[class~="py-1.5"],button[class~="py-1"],button[class~="py-1.5"],button[class~="py-2"],a[class~="py-2"]{white-space:nowrap;flex-shrink:0}
  .flex.gap-1\.5{flex-wrap:wrap}
  .card.overflow-hidden{overflow-x:auto}
  .card table{font-size:.84rem}
  .card td,.card th{padding-left:.55rem!important;padding-right:.55rem!important;word-break:keep-all}
  .card td:last-child,.card td.font-mono,.card td[class*="tabular"]{white-space:nowrap}
  .card td a,.card td button{white-space:nowrap}
  /* 타자 중 실시간 랭킹: 화면을 덮는 떠 있는 상자 → 본문 아래 얇은 한 줄(내 순위·입력 절수만) */
  #tpRank{position:static!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 14px;width:fit-content;max-width:92vw;margin:8px auto 22px!important;padding:6px 14px!important;min-width:0!important;border-radius:999px!important;font-size:.72rem!important;line-height:1.4!important;box-shadow:none!important;opacity:.88}
  #tpRank>div:first-child,#tpRank>#tpRt{display:none}
}