/* 中/EN 切换按钮 + 玩法说明「!」按钮 */
.lang-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 12px; letter-spacing: .5px;
  background: #ffffff0a; border: 1px solid var(--line); color: var(--mute); line-height: 1; }
.lang-btn b { font-weight: 600; opacity: .55; }
.lang-btn b.on { color: var(--gold); opacity: 1; }
.lang-btn i { width: 1px; height: 10px; background: var(--line); }
.hero, .gate { position: relative; }
.hero > .lang-btn, .gate > .lang-btn { position: absolute; top: 10px; right: 0; z-index: 2; }

.info-btn { font-family: var(--latin, serif); font-weight: 700; font-size: 18px !important; color: var(--gold) !important;
  width: 34px; height: 34px; border-radius: 50%; border: 1px solid #d9b26f55 !important; display: inline-flex; align-items: center; justify-content: center; }
.mode { position: relative; }
.info-dot { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font: 700 13px/1 var(--latin, serif); color: var(--gold); border: 1px solid #d9b26f66; background: #0b060999; z-index: 2; cursor: pointer; }
.info-dot:active { transform: scale(.9); }
.mode em { right: 38px !important; }

/* English：CSS 里写死的中文提示（content: "…"）没法被 DOM 翻译器换掉，这里按 html[lang=en] 覆盖 */
html[lang="en"].pv-blur .card.task .big:not(.pv-shown)::after { content: "Tap to reveal"; letter-spacing: .12em; }
html[lang="en"] .ol-set summary h3::after { content: "Show ▾"; }
html[lang="en"] .ol-set details[open] summary h3::after { content: "Hide ▴"; }