/* Scoped locale controls. Original global style.css intentionally unchanged. */
.site-locale { position:relative; display:inline-flex; flex:0 0 auto; z-index:65; vertical-align:middle; }
.site-locale-trigger { appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border-radius:50%; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.15); color:#dbe9ed; cursor:pointer; transition:background .18s, color .18s, border-color .18s; }
.site-locale-trigger svg {width:19px;height:19px;display:block;}
.site-locale-trigger:hover, .site-locale-trigger[aria-expanded="true"] {background:rgba(46,211,223,.12);border-color:rgba(84,219,232,.46);color:#86eaf2;}
.site-locale-trigger:focus-visible,.site-locale-menu button:focus-visible {outline:2px solid #70e0ed;outline-offset:3px;}
.site-locale-menu {position:absolute;top:calc(100% + 9px);right:0;min-width:155px;padding:7px;border-radius:14px;border:1px solid rgba(128,191,198,.24);background:rgba(10,27,32,.98);box-shadow:0 18px 45px rgba(0,0,0,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:site-locale-drop .18s ease-out;z-index:9999;}
.site-locale-menu[hidden]{display:none!important}
.site-locale-menu button {width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;padding:11px 12px;border-radius:9px;color:#dcebed;background:transparent;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;white-space:nowrap;}
.site-locale-menu button:hover,.site-locale-menu button[aria-checked="true"]{background:rgba(75,211,222,.10);color:#87ecf3;}
.site-locale-menu button span{opacity:0;}.site-locale-menu button[aria-checked="true"] span{opacity:1;}
body.is-home-page .auth-nav>.site-locale,body.is-home-page .mobile-header-actions>.site-locale{display:none!important}
/* Native container typography stays unchanged; guard long English labels without forced heights. */
body[data-site-lang="en"] .eyebrow.site-korean-eyebrow{letter-spacing:.04em;word-break:keep-all;}
body[data-site-lang="en"] .site-english-heading{letter-spacing:-.035em;overflow-wrap:normal;word-break:keep-all;text-wrap:balance;}
body[data-site-lang="en"] .team-badge{white-space:nowrap;font-size:.90em;}
body[data-site-lang="en"] .site-locale-menu{font-size:13px;}
@keyframes site-locale-drop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.mobile-header-actions .site-locale-trigger{width:32px;height:32px}.mobile-header-actions .site-locale-trigger svg{width:17px;height:17px}.site-locale-menu{min-width:146px}.site-locale{margin-inline:1px}}
@media(prefers-reduced-motion:reduce){.site-locale-menu{animation:none}.site-locale-trigger{transition:none}}

/* 15Pick locale v3: English desktop nav must fit ONE line. Korean and mobile layouts untouched.
   Adjust column allocation (not text scale), then modest padding/gaps at tighter desktop widths. */
@media (min-width: 1180px) {
  body[data-site-lang="en"] .site-header .header-inner {
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    column-gap: clamp(9px, 1vw, 20px) !important;
  }
  body[data-site-lang="en"] .site-header .main-nav {
    justify-self: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(3px, .45vw, 8px) !important;
    min-width: 0;
  }
  body[data-site-lang="en"] .site-header .main-nav > a {
    flex: 0 0 auto; white-space: nowrap;
    padding-inline: clamp(6px, .60vw, 12px) !important;
  }
  body[data-site-lang="en"] .site-header .auth-nav {
    justify-self: end !important;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    gap: clamp(6px, .55vw, 10px) !important;
  }
}
@media (min-width: 1180px) and (max-width: 1400px) {
  body[data-site-lang="en"] .site-header .main-nav > a {
    padding-inline: 6px !important; font-size: 13px;
  }
  body[data-site-lang="en"] .site-header .main-nav {gap: 3px !important;}
}
@media (min-width: 901px) and (max-width: 1179px) {
  body[data-site-lang="en"] .site-header .header-inner {
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    gap: 8px !important;
  }
  body[data-site-lang="en"] .site-header .main-nav {
    flex-wrap: nowrap !important; justify-self: center; justify-content: center; gap: 2px !important;
  }
  body[data-site-lang="en"] .site-header .main-nav > a {
    white-space: nowrap; padding: 8px 4px !important; font-size: 12px;
  }
  body[data-site-lang="en"] .site-header .auth-nav {flex-wrap: nowrap !important; gap: 4px !important;}
}
/* Dynamic English dates and tags stay within existing card dimensions. */
body[data-site-lang="en"] .home-standings-card .section-heading > span {white-space: nowrap; font-size: .88em;}

/* 15Pick locale v4 — center the seven English nav links in available space
   BETWEEN brand and globe/account actions, not against the brand. */
@media (min-width: 1180px) {
  body[data-site-lang="en"] .site-header .header-inner {grid-template-columns: max-content minmax(0,1fr) max-content !important;}
  body[data-site-lang="en"] .site-header .main-nav {
    justify-self: center !important; justify-content:center !important;
    width: max-content; max-width:100%; min-width:0;
  }
}
@media (min-width: 901px) and (max-width:1179px) {
  body[data-site-lang="en"] .site-header .main-nav {
    justify-self:center !important;justify-content:center !important;
    width:max-content;max-width:100%;
  }
}


/* 15Pick locale v5 — more breathing room and modest right shift ONLY in English
   desktop nav. The nav stays in the center grid track; do not touch global CSS. */
@media (min-width: 1501px) {
  body[data-site-lang="en"] .site-header .header-inner {
    column-gap: 18px !important;
  }
  body[data-site-lang="en"] .site-header .main-nav {
    gap: clamp(8px, .65vw, 13px) !important;
    transform: translateX(clamp(10px, 1.15vw, 22px));
  }
  body[data-site-lang="en"] .site-header .main-nav > a {
    padding-inline: clamp(7px, .60vw, 12px) !important;
    font-size: 14px !important;
  }
}
@media (min-width: 1321px) and (max-width: 1500px) {
  body[data-site-lang="en"] .site-header .main-nav {
    gap: 7px !important;
    transform: translateX(8px);
  }
  body[data-site-lang="en"] .site-header .main-nav > a {
    padding-inline: 7px !important;
    font-size: 13px !important;
  }
}
@media (min-width: 1180px) and (max-width: 1320px) {
  body[data-site-lang="en"] .site-header .main-nav {
    gap: 4px !important;
    transform: translateX(3px);
  }
  body[data-site-lang="en"] .site-header .main-nav > a {
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 901px) and (max-width: 1179px) {
  body[data-site-lang="en"] .site-header .main-nav {
    gap: 3px !important;
    transform: none !important;
  }
}
/* Short status copy must stay legible without disrupting card width. */
body[data-site-lang="en"] .site-header .main-nav > a { white-space: nowrap; }

/* v6 desktop refinement: a little more room between each English nav item,
   still centered between logo and account block, with graceful squeeze. */
@media (min-width: 1701px) {
  body[data-site-lang="en"] .site-header .main-nav { gap: clamp(14px, .90vw, 19px) !important; }
}
@media (min-width: 1501px) and (max-width:1700px) {
  body[data-site-lang="en"] .site-header .main-nav { gap: clamp(10px, .67vw, 13px) !important; }
}

/* v7: give English nav slightly more breathing room and a gentle right shift.
   Korean mode, mobile mode, global style.css and protected Prediction Center CSS stay unchanged. */
@media (min-width: 1701px) {
  body[data-site-lang="en"] .site-header .main-nav {gap: clamp(19px,1.16vw,26px) !important;transform:translateX(clamp(24px,1.65vw,34px)) !important;}
}
@media (min-width: 1501px) and (max-width: 1700px) {
  body[data-site-lang="en"] .site-header .main-nav {gap: clamp(13px,.83vw,17px) !important;transform:translateX(14px) !important;}
}
@media (min-width: 1321px) and (max-width: 1500px) {
  body[data-site-lang="en"] .site-header .main-nav {gap: 9px !important;transform:translateX(10px) !important;}
}
@media (min-width: 1180px) and (max-width: 1320px) {
  body[data-site-lang="en"] .site-header .main-nav {gap: 5px !important;transform:translateX(4px) !important;}
}
/* Achievement card main titles remain white English; cyan captions become compact Korean. */
body[data-site-lang="en"] .profile-clean-achievement-label .site-korean-eyebrow,
body[data-site-lang="en"] .profile-mobile-achievement-label.site-korean-eyebrow {letter-spacing:.025em;word-break:keep-all;}
/* Last desktop breakpoint: preserve all seven links without collisions at 901–999px.
   Only the English header compacts; balances readability with available space. */
@media (min-width:901px) and (max-width:999px) {
  body[data-site-lang="en"] .site-header .header-inner {column-gap: 6px !important;}
  body[data-site-lang="en"] .site-header .main-nav {gap: 2px !important;transform:none !important;}
  body[data-site-lang="en"] .site-header .main-nav > a {font-size: 11px !important;padding:7px 2px !important;}
  body[data-site-lang="en"] .site-header .auth-nav {gap:3px !important;}
  body[data-site-lang="en"] .site-header .header-wealth-pill {font-size: 11px !important;padding-inline: 5px !important;}
  body[data-site-lang="en"] .site-header .profile-trigger {font-size: 11px !important;padding-inline: 2px !important;gap: 3px !important;}
  body[data-site-lang="en"] .site-header .profile-avatar {display:none !important;}
  body[data-site-lang="en"] .site-header .site-locale-trigger {width:32px;height:32px;}
}

/* 15Pick locale v7 — scoped English nav and complete profile achievement captions. */