/* Language preferences use the same surfaces and colors as the game. */
.language-dialog-open{overflow:hidden}
.language-dialog{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 24px 90px #0003;overflow:auto;overscroll-behavior:contain}
.language-dialog::backdrop{background:#101a235c;backdrop-filter:blur(3px)}
.language-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.language-dialog-head h2{font-size:1.18rem;line-height:1.4}
.language-dialog-head p{margin:7px 0 0;color:var(--mut);font-size:.82rem;line-height:1.6}
.language-dialog-close{width:32px;height:32px;flex:none;padding:0;border:0;border-radius:50%;background:var(--chip);color:var(--ink2);font:inherit;font-size:25px;line-height:1;cursor:pointer}
.language-options{display:grid;gap:6px}
.language-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:62px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.language-option-copy{display:grid;gap:3px}
.language-option strong{font-size:.94rem;font-weight:650;line-height:1.3}
.language-option small{font-size:.73rem;line-height:1.4;color:var(--mut)}
.language-option-check{flex:none;min-width:28px;text-align:center;font-size:.76rem;font-weight:700;color:var(--mut)}
.language-option:hover{background:var(--chip)}
.language-option[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand)}
.language-option[aria-pressed=true] .language-option-check{color:var(--brand);font-size:1rem}
.language-dialog button:focus-visible,.lang-toggle:focus-visible{outline:3px solid #4385e4;outline-offset:3px}
.lang-toggle{white-space:nowrap;min-width:48px}
html:lang(zh-CN){--f-sans:system-ui,"PingFang SC","Microsoft YaHei",sans-serif}
html:lang(zh-TW){--f-sans:system-ui,"PingFang TC","Microsoft JhengHei",sans-serif}
html:lang(vi){--f-sans:system-ui,"Segoe UI",Arial,sans-serif;letter-spacing:normal}
html:lang(es) .world-hero h1,html:lang(fr) .world-hero h1,html:lang(vi) .world-hero h1{overflow-wrap:anywhere}
@media(max-width:430px){.language-dialog{padding:20px;border-radius:22px;max-height:calc(100dvh - 24px)}.language-option{min-height:58px}.language-dialog-head{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.language-dialog::backdrop{backdrop-filter:none}}