.language-toggle {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-width:78px;
  min-height:44px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#8ca6aa;
  background:rgba(4,16,19,.8);
  box-shadow:inset 0 0 20px rgba(0,229,255,.035);
  cursor:pointer;
  font:900 10px/1 "DM Sans","Noto Sans JP",sans-serif;
  letter-spacing:.08em;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  touch-action:manipulation;
}

.language-toggle:hover,
.language-toggle:focus-visible {
  border-color:#00e5ff;
  box-shadow:0 0 22px rgba(0,229,255,.18),inset 0 0 18px rgba(0,229,255,.06);
  outline:none;
}

.language-toggle:active { transform:translateY(1px); }
.language-toggle i { margin:0 5px; color:#536e72; font-style:normal; }
.language-toggle span { display:grid; min-width:23px; min-height:28px; place-items:center; border-radius:999px; }
.language-toggle span.is-active { color:#061016; background:#00e5ff; box-shadow:0 0 14px rgba(0,229,255,.28); }

.language-toggle--standalone {
  position:fixed;
  z-index:10000;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

html[lang="en"] body { word-break:normal; overflow-wrap:anywhere; }
html[lang="en"] .scene-heading h2 { max-width:32ch; font-size:clamp(24px,2.7vw,42px); line-height:1.13; letter-spacing:-.035em; }
html[lang="en"] .title-screen h1 { font-size:clamp(43px,5vw,76px); line-height:1.02; }
html[lang="en"] .title-lead,
html[lang="en"] .scene-heading p,
html[lang="en"] .guide-hero p,
html[lang="en"] .crew-dialog p { line-height:1.58; }
html[lang="en"] .primary-button,
html[lang="en"] .secondary-button,
html[lang="en"] .draft-card,
html[lang="en"] .city-signature-card,
html[lang="en"] .mode-coach,
html[lang="en"] .crew-coach { hyphens:auto; }
html[lang="en"] .draft-card b,
html[lang="en"] .city-signature-card b { line-height:1.22; }
html[lang="en"] .plant-passport h3 { overflow-wrap:normal; }

@media (max-width:1080px) {
  .language-toggle { min-width:66px; padding-inline:6px; }
  .language-toggle i { margin-inline:3px; }
}

@media (max-width:740px) {
  .topbar { padding-inline:6px; }
  .top-actions { gap:4px; }
  .brand > span:last-child { display:none; }
  .circular-button { display:none!important; }
  .crew-button,
  .replay-button,
  .collection-button,
  .guide-button,
  .top-actions .icon-button {
    width:44px;
    min-width:44px;
    min-height:44px;
    height:44px;
  }
  .language-toggle {
    min-width:56px;
    width:56px;
    min-height:44px;
    height:44px;
    padding:3px;
    font-size:9px;
    letter-spacing:0;
  }
  .language-toggle i { margin:0 1px; }
  .language-toggle span { min-width:22px; min-height:34px; }
  html[lang="en"] .title-screen h1 { font-size:39px; }
  html[lang="en"] .scene-heading h2 { font-size:23px; }
  html[lang="en"] .guide-tabs button,
  html[lang="en"] .crew-tabs button { padding-inline:5px; font-size:10px; }
}

@media (max-width:360px) {
  .top-actions .icon-button { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .language-toggle { transition:none; }
}