@media (max-width: 840px) {
  :root { --player-height: 146px; }
  .site-header { grid-template-columns: auto auto 1fr; }
  .active-chapter { display: none; }
  .chapter-nav { padding: .6rem; }
  .chapter-nav__paper { margin: 3.5rem auto 1rem; max-height: calc(100vh - 5rem); padding: 1.3rem; box-shadow: 7px 8px 0 rgba(20,15,10,.45); }
  .chapter-nav ol { columns: 1; }
  .album-section { min-height: auto; padding-top: 7.5rem; }
  .song-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .notes { padding: 0 .2rem; }
  .section-art { position: absolute; right: 0; top: -5rem; width: 140px; max-height: 160px; opacity: .82; }
  .terms-list { grid-template-columns: 1fr; }
  .contents-links { grid-template-columns: 1fr; }
  .world-character { width: 90px; opacity: .88; }
  .world-demon { width: 75px; }
  .player { left: .55rem; bottom: .55rem; width: calc(100vw - 1.1rem); box-shadow: 4px 5px 0 rgba(20,15,10,.5); }
  .debug-panel { top: 60px; right: .5rem; width: calc(100vw - 1rem); max-height: calc(100vh - 70px); }
}

@media (max-width: 520px) {
  :root { --player-height: 137px; }
  .entry__paper { padding: 2.4rem 1.2rem; }
  .site-header { gap: .6rem; padding: 0 .65rem; }
  .album-section { padding-left: 1rem; padding-right: 1rem; padding-bottom: calc(var(--player-height) + 3.5rem); }
  .album-section h2 { font-size: clamp(2.7rem,16vw,5rem); }
  .album-section::before { left: 1rem; }
  .lyrics { font-size: 1.07rem; padding: 1rem; line-height: 1.55; }
  .note { font-size: .96rem; }
  .section-art { width: 110px; top: -3.5rem; }
  .cover-section { min-height: auto; }
  .cover-art { width: min(96vw, 680px); }
  .cover-copy { margin-top: 1rem; }
  .cover-copy h2 { font-size: 4rem; }
  .player { padding: .6rem .7rem; min-height: 0; }
  .player__label strong { font-size: 1.05rem; }
  .player__controls { margin-top: .25rem; }
  .volume-label { display: none; }
  .player__timeline input { height: 14px; }
  .cue-help { max-width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .debug-grid { grid-template-columns: 1fr; }
  .world { opacity: .75; }
  .facsimile-dialog { width: 98vw; max-height: 96vh; }
}

@media (max-width: 840px) {
  .story-resume {
    left: .85rem;
    bottom: calc(var(--player-height) + 1.35rem);
    min-width: min(330px, calc(100vw - 1.7rem));
  }
}

@media (max-width: 520px) {
  .story-resume {
    left: .75rem;
    right: .75rem;
    bottom: calc(var(--player-height) + 1.15rem);
    min-width: 0;
    width: auto;
    padding: .68rem .8rem .62rem;
    box-shadow: 4px 5px 0 rgba(20,15,10,.5);
  }
  .story-resume span { font-size: 1rem; }
  .player.is-story-pinned .scroll-audio::after { display: none; }
  .player__seek-label { font-size: .54rem; }
  #seek { height: 27px; }
  #seek::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -9px; }
  #seek::-moz-range-thumb { width: 22px; height: 22px; }
}