No End Screen by 136MasterNR

/* ==UserStyle==
@name           No End Screen
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Remove end screen from the video player, making the last second of the video visible. (does not remove suggestions)
@author         136MasterNR
==/UserStyle== */

@-moz-document domain("youtube.com") {
   /*- Tweak Player -*/
   #movie_player:not(.ytp-fullscreen) .html5-video-container .video-stream.html5-main-video {
      top: 0!important; /* Make player always visible */
      object-fit: contain !important;  /* Fix size of player when video ends */
   }
   
   #movie_player.unstarted-mode .html5-video-container {
      display: none;
   }
   
   #movie_player.ytp-autonav-overlay-cancelled-state {
      background: none;
   }
   #movie_player .html5-endscreen { /* For live streams */
      text-shadow: 1px 1px 2px black;
   }
   /*--*/
   
   /*- Tweak Suggestions Screen -*/
   #movie_player .html5-endscreen:hover {
      transition: opacity 0.15s ease-in-out;
   }
   
   #movie_player .html5-endscreen:not(:hover) {
      opacity: 0;
      transition: opacity 0.15s ease-in-out;
   }
   /*--*/
   
   /*- Add a custom pause icon indicating the video has ended -*/
   #movie_player:not(.ytp-small-mode)::after {
      content: '';
      z-index: 999999;
      
      position: absolute;

      width: 400px;
      height: 400px;

      background-image: url("https://github.com/user-attachments/assets/80a365a3-b7b5-438d-a287-b500058174ed");
      background-repeat: no-repeat;
      background-size: cover;

      left: calc(50% - 200px);
      top: calc(50% - 200px);

      opacity: 0;
      transform: scale(0.1);
   }
   #movie_player:not(.ytp-small-mode).ended-mode::after {
      animation: fadeScale 0.8s forwards;
   }
   
   @keyframes fadeScale {
       0% {
         opacity: 0.9;
         transform: scale(0.1);
       }
      100% {
         opacity: 0;
         transform: scale(0.25);
      }
   }
   /*--*/
}