.battle { display: block; }
.battle:focus { outline: none; }
.chapter { scroll-margin-top: 100vh; }
.battle-noscript { max-width: var(--page-max); margin: 24px auto 0; padding: 0 var(--page-pad); font-size: 16px; font-style: italic; line-height: 1.45; color: var(--muted); }
.chapter-main { position: relative; }
.chapter h1[tabindex="-1"]:focus { outline: none; }
.tip {
  position: fixed;
  z-index: 60;
  max-width: 320px;
  padding: 10px 14px 11px;
  background: var(--panel);
  border: 1px solid var(--rule);
  color: var(--ink);
  font-size: 16.5px;
  line-height: 1.5;
  pointer-events: none;
}
.tip.is-held { pointer-events: auto; }
.tip b { display: block; margin-bottom: 2px; font-size: 17px; font-weight: 600; line-height: 1.35; }
.tip .ts { display: block; margin-bottom: 2px; font-size: 16px; font-weight: 500; font-variant-caps: all-small-caps; letter-spacing: .08em; color: var(--muted); }