/* Fit the original landscape stage and keep chapter controls reachable. */
#footer { bottom: 0; }
@media (max-width: 767px) {
  #main::before {
    content: '横屏或使用电脑，文字和操作会更清楚';
    display: block;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    color: #595959;
  }
  #translations, .sharing { display: none; }
  #sound { transform: scale(.7); transform-origin: left center; }
  #select {
    left: 100px;
    right: 5px;
    width: auto;
    margin-left: 0;
    overflow-x: auto;
    white-space: nowrap;
    text-align: left;
  }
  #select .dot { width: 24px; height: 24px; margin: 9px 5px; }
}