:root { --locale-bar-height: 0px; }
body.has-locales { --locale-bar-height: 3rem; }
.language-switcher { height: 3rem; padding: 0 clamp(.7rem, 3vw, 2rem); display: flex; align-items: center; justify-content: flex-end; gap: .2rem; border-bottom: 1px solid var(--line); background: var(--paper-light); }
.language-switcher a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: .25rem .55rem; border-radius: .3rem; font-size: .9rem; text-decoration: none; }
.language-switcher a[aria-current] { color: var(--paper-light); background: var(--green-deep); }
body.has-locales.js-ready main { height: calc(100svh - var(--music-dock-height) - var(--locale-bar-height)); }
body.has-locales .cover-shell { min-height: max(20rem, calc(100svh - var(--music-dock-height) - var(--locale-bar-height))); }
body.has-locales .cover-stage { width: min(100%, 420px, calc((100svh - var(--music-dock-height) - var(--locale-bar-height)) * .46258)); }
.localized-entry { container-type: inline-size; }
.localized-entry .cover-invitation { position: absolute; left: 10.9%; top: 21.1%; width: 28%; height: 7.8%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 4.5cqw; line-height: 1.08; color: var(--ink); font-weight: 700; pointer-events: none; }
.localized-entry .cover-label { display: flex; height: 100%; align-items: center; justify-content: center; color: var(--ink); font-size: 2.8cqw; line-height: 1.15; white-space: nowrap; }
.localized-entry .target-enter .cover-label { color: #f8f0d7; font-family: var(--title); font-size: 3.2cqw; letter-spacing: .01em; padding-inline: 8%; }
.localized-entry .target-music { left: 21%; top: 90.5%; width: 20.5%; }
.localized-entry .target-about { left: 44%; top: 90.5%; width: 18.5%; }
.localized-entry .target-story { left: 65%; top: 90.5%; width: 19%; }
.localized-entry .target-music .cover-label, .localized-entry .target-about .cover-label, .localized-entry .target-story .cover-label { padding-left: 24%; }
.localized-entry .cover-notebook { position: absolute; top: 91.1%; left: 3%; width: 11%; transform: rotate(-15deg); color: var(--ink); font-size: 2.05cqw; font-weight: 700; line-height: 1.18; text-align: center; pointer-events: none; }
.atlas-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: .5rem; padding: .5rem .9rem; border: 1px solid var(--green-deep); border-radius: 999px; text-decoration: none; font-weight: 700; }
html:lang(zh-CN) { --comic: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif; --title: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif; }
html:lang(zh-CN) body { line-height: 1.65; }
html:lang(zh-CN) h1, html:lang(zh-CN) h2, html:lang(zh-CN) h3, html:lang(zh-CN) .desktop-quote { font-weight: 700; }
html:lang(zh-CN) .eyebrow { letter-spacing: .03em; }
html:lang(zh-CN) .wordmark strong { font-family: "Russo One", var(--title); }
html:lang(zh-CN) .cast-copy h3 { font-family: "Russo One", var(--title); }
html:lang(zh-CN) .localized-entry .target-enter .cover-label { font-size: 4.4cqw; font-weight: 700; }
@media (min-width: 900px), (min-width: 600px) and (hover: hover) and (pointer: fine) {
  body.has-locales .cover-shell { height: max(30rem, calc(100svh - var(--music-dock-height) - var(--locale-bar-height))); }
  body.has-locales .cover-stage { width: 100%; }
  .localized-entry .cover-invitation, .localized-entry .cover-notebook { display: none; }
  .localized-entry .art-target .cover-label { display: none; }
}