/* Native language links work without JavaScript and share the header's 44px targets. */
.language-picker { position:relative; flex:0 0 44px; color:var(--ink); z-index:12; }
.language-picker summary { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; list-style:none; cursor:pointer; font:600 18px/1 var(--font); letter-spacing:0; transition:background-color .2s,color .2s; }
.language-icon { display:block; width:22px; height:22px; }
.landscape-edition .header-actions { gap:8px; }
.landscape-edition .header-actions .theme-symbol { transform:scale(1.4); }
.language-picker summary::-webkit-details-marker { display:none; }
.language-picker summary::marker { content:""; }
.language-picker summary:hover,.language-picker[open] summary { background:var(--surface); color:var(--accent); }
.language-picker summary:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.language-options { position:absolute; right:0; top:calc(100% + 12px); display:grid; width:164px; padding:8px; background:var(--elevated); border:1px solid var(--line); box-shadow:0 14px 32px #12232118; }
.language-options a { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:8px 12px; font-size:14px; line-height:1.5; text-decoration:none; }
.language-options a:hover,.language-options a:focus-visible { background:var(--surface); }
.language-options a[aria-current] { color:var(--accent); font-weight:650; }
.language-options a[aria-current]::after { content:"✓"; font-size:12px; }
.language-options a:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.lost-voyage .language-picker { position:absolute; right:var(--page-gutter,32px); top:24px; }
.lost-voyage { position:relative; }
html:lang(en) .landscape-edition { --font:"Segoe UI",Arial,sans-serif; }
html:lang(ja) .landscape-edition { --font:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; line-break:strict; }
html:lang(en) .landscape-edition .desktop-nav { gap:22px; }
html:lang(en) .chapter-edition :is(.essay-art-column,.journey-atlas,.ability-aside,.crew-aside) h2 { font-size:clamp(30px,3vw,42px); line-height:1.25; letter-spacing:-.035em; }
html:lang(en) .chapter-edition .essay h3 { font-size:clamp(21px,2vw,28px); line-height:1.35; letter-spacing:-.025em; }
html:lang(en) .chapter-edition .profile-section h2 { font-size:clamp(32px,3.8vw,52px); line-height:1.2; }
html:lang(en) .profile-lead>p { max-width:46ch; }
html:lang(en) .chapter-edition .crew-list { grid-template-columns:repeat(5,minmax(0,1fr)); }
html:lang(en) .chapter-edition .crew-entry .crew-dream { min-height:3.7em; }
html:lang(en) .chapter-edition .crew-entry h3 { font-size:25px; }
html:lang(en) .chapter-edition .gear-entry h3 { font-size:clamp(24px,2.2vw,30px); }
html:lang(en) .chapter-edition .ability-intro h3 { white-space:normal; }
html:lang(en) .chapter-edition .arc-title p br,
html:lang(ja) .chapter-edition .arc-title p br { display:revert; }
html:lang(en) .chapter-edition .bounty-caption h3 { font-size:21px; }
html:lang(en) .chapter-edition .bounty-caption-heading { flex-wrap:wrap; gap:6px 16px; }
html:lang(en) .chapter-edition .bounty-caption { min-height:172px; }
html:lang(en) .chapter-edition .ships-note h3 { max-width:16ch; }
html:lang(ja) .chapter-edition .phase-heading h3 { font-size:24px; }
html:lang(ja) .chapter-edition .arc-title h4 { font-size:19px; }
html:lang(ja) .chapter-edition .profile-section h2 { font-size:clamp(30px,3.5vw,46px); }
html:lang(ja) .chapter-edition .crew-entry h3 { font-size:23px; }
html:lang(ja) .chapter-edition .crew-entry .crew-dream { min-height:3.7em; }
html:lang(ja) .chapter-edition .essay h3 { font-size:clamp(21px,1.8vw,26px); }
html:lang(en) .landscape-edition .kinetic-hero h1>.title-window,
html:lang(ja) .landscape-edition .kinetic-hero h1>.title-window { left:0; }
html:lang(en) .poster-top { letter-spacing:.045em; }
html:lang(en) .poster-top p:last-child { text-align:right; }
html:lang(en) .profile-facts dd,html:lang(ja) .profile-facts dd { overflow-wrap:anywhere; }
html:lang(en) .about-reading :is(p,a),html:lang(ja) .about-reading :is(p,a) { overflow-wrap:anywhere; }
@media(max-width:1199px) {
 html:lang(en) .chapter-edition .crew-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html:lang(en) .landscape-edition .desktop-nav { gap:16px; font-size:12px; }
 html:lang(ja) .landscape-edition .desktop-nav { gap:16px; font-size:12px; }
 html:lang(en) .chapter-edition .crew-entry .crew-dream,html:lang(ja) .chapter-edition .crew-entry .crew-dream { min-height:0; }
}
@media(min-width:768px) and (max-width:900px) {
 .landscape-edition .header-inner { gap:12px; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
 .landscape-edition .desktop-nav { justify-content:center; gap:14px; font-size:12px; }
 html:lang(ja) .landscape-edition .desktop-nav { gap:10px; font-size:11px; }
 html:lang(en) .landscape-edition .desktop-nav { gap:12px; font-size:11px; }
 .landscape-edition .header-actions { gap:0; }
}
@media(max-width:767px) {
 html:lang(en) .chapter-edition .essay { grid-template-columns:52px minmax(0,1fr); column-gap:16px; }
 .landscape-edition .header-inner { gap:0; }
 .landscape-edition .header-actions { gap:0; }
 .language-options { right:-44px; }
 html:lang(en) .chapter-edition :is(.essay-art-column,.journey-atlas,.ability-aside,.crew-aside) h2 { font-size:clamp(28px,7.6vw,36px); }
 html:lang(en) .landscape-edition .poster-bottom { grid-template-columns:1fr; gap:16px; align-items:start; }
 html:lang(en) .landscape-edition .poster-bottom .button { justify-self:start; }
 html:lang(en) .landscape-edition .poster-bottom>p { font-size:12px; max-width:32ch; }
 html:lang(en) .chapter-edition .lore-heading h2 { font-size:clamp(30px,8vw,38px); }
 html:lang(en) .chapter-edition .profile-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html:lang(ja) .chapter-edition .profile-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html:lang(en) .chapter-edition .profile-facts dd { font-size:16px; }
 html:lang(en) .chapter-edition .profile-section { padding-block:32px; }
 html:lang(en) .chapter-edition .bounty-caption { min-height:0; }
 html:lang(en) .about-directory a { font-size:11px; padding-inline:4px; gap:4px; }
 html:lang(en) .about-directory a span { display:none; }
 html:lang(ja) .about-directory a { padding-inline:4px; font-size:11px; gap:4px; }
 html:lang(ja) .about-directory a span { display:none; }
 html:lang(ja) .chapter-edition .profile-facts dd { font-size:14px; }
 html:lang(en) .site-footer .footer-bottom nav,html:lang(ja) .site-footer .footer-bottom nav { flex-wrap:wrap; }
}
@media(max-width:359px) {
 html:lang(en) .chapter-edition .crew-list { grid-template-columns:1fr; }
 html:lang(en) .landscape-edition .kinetic-hero { --cover-title:clamp(30px,9.8vw,36px); }
 html:lang(ja) .landscape-edition .kinetic-hero { --cover-title:clamp(30px,9.8vw,36px); }
}
.lost-voyage .language-options { right:0; }
@media(prefers-reduced-motion:reduce) {
 .language-picker summary { transition:none; }
}