/* P01: keep the score visible; only the image corner is accented. */
body.nr-home #library .score-thumbnail>img.nr-score-preview,
.score-flip .flip-front .score-thumbnail>img.nr-score-preview{
  object-fit:cover;object-position:center top;background:#fff;
}
body.nr-home #library .score-thumbnail .score-accent,
.score-flip .flip-front .score-thumbnail .score-accent{
  position:absolute;top:0;left:0;width:69%;height:76%;
  z-index:1;pointer-events:none;overflow:hidden;
  background:#fff;clip-path:polygon(0 0,100% 0,0 100%);
}
body.nr-home #library .score-thumbnail .score-accent>img,
.score-flip .flip-front .score-thumbnail .score-accent>img{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none;opacity:1;filter:none;transform:none;
  object-fit:cover;object-position:center 24%;
  clip-path:polygon(0 0,calc(100% - 4px) 0,0 calc(100% - 4px));
}
body.nr-home #library .score-thumbnail .score-accent-cover>img,
.score-flip .flip-front .score-thumbnail .score-accent-cover>img{
  object-position:center center;
}
body.nr-home #library .score-thumbnail .score-accent-fallback,
.score-flip .flip-front .score-thumbnail .score-accent-fallback{
  background:#fff;
}
body.nr-home #library .score-thumbnail .score-accent-fallback>span,
.score-flip .flip-front .score-thumbnail .score-accent-fallback>span{
  display:grid;place-items:center;width:calc(100% - 4px);height:calc(100% - 4px);
  font-size:clamp(24px,3.4vw,47px);line-height:1;color:#175b87;
  background:linear-gradient(135deg,#d6eff6,#a9cfe2);
  clip-path:polygon(0 0,100% 0,0 100%);
}
body.nr-home #library .score-thumbnail .thumbnail-open{z-index:2}