/* 公開サイトの導線。ゲームの画面・色・操作から独立させる。 */
#publication-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: 16px;
  min-width: 0;
}
#publication-links[hidden], #publication-like[hidden] { display: none !important; }
.publication-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 3px 8px;
  border: 1px solid #c4dad13d;
  border-radius: 2px;
  background: #0b202566;
  color: #cfdbd5;
  font: 10px/1.4 "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: .08em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.publication-control:hover { color: #fff4de; border-color: #ddcda9; }
.publication-control:focus-visible { outline: 2px solid #e8d5ac; outline-offset: 3px; }
.publication-control:disabled { opacity: .55; cursor: wait; }
.publication-heart { flex: none; fill: none; stroke: currentColor; stroke-width: 2; }
#publication-like[aria-pressed="true"] { color: #e8d5ac; border-color: #ddcda977; }
#publication-like[aria-pressed="true"] .publication-heart { fill: currentColor; stroke: none; }
@media (max-width: 480px) and (orientation: portrait) {
  .title-bottom.publication-enabled { gap: 8px; }
  .publication-enabled .title-tagline { letter-spacing: .02em; }
  #publication-links { gap: 7px; margin-left: 0; }
  .publication-control { padding: 3px 6px; font-size: 9px; letter-spacing: .02em; }
}
@media (max-width: 350px) and (orientation: portrait) {
  .publication-enabled .title-tagline { max-width: 90px; line-height: 1.7; }
}