/* Inherit the existing Future type palette; original worlds keep their identity. */
.score-shell {
  --nh-future-display: "Bodoni 72", Didot, "Bodoni MT", "Times New Roman", serif;
  --nh-future-text: Arial, Helvetica, sans-serif;
}
.score-shell .case-title .case-original-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  min-height: 48px;
  max-width: 100%;
  margin-top: clamp(22px, 3vh, 38px);
  padding: 6px 0;
  border-block: 1px solid color-mix(in srgb, currentColor 48%, transparent);
  color: inherit;
  font-family: var(--nh-future-text);
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms ease, border-color 200ms ease;
}
.score-shell .case-title .case-original-link span {font: 500 10px/1.4 var(--nh-future-text); letter-spacing: .16em;}
.score-shell .case-title .case-original-link b {font: 400 22px/1 var(--nh-future-text); transition: transform 200ms ease;}
.score-shell .case-title .case-original-link:hover b {transform: translate(2px, -2px);}
.score-shell .case-title .case-original-link:focus-visible {outline: 2px solid currentColor; outline-offset: 6px;}
.score-shell :is(.nh-cinema-collection, .nh-mf-collection-v1) :is(p, button, small, footer, .nh-cinema-kicker),
.nh-cinema-dialog :is(p, button, small) {font-family: var(--nh-future-text, Arial, Helvetica, sans-serif) !important;}
.score-shell :is(.nh-cinema-collection, .nh-mf-collection-v1) :is(h2, h3),
.nh-cinema-dialog h2 {font-family: var(--nh-future-display, "Bodoni 72", Didot, "Bodoni MT", "Times New Roman", serif) !important; font-weight: 400;}
@media (max-width: 700px) {
  .score-shell .case-title .case-original-link {min-height: 46px; margin-top: 22px; gap: 24px;}
}
@media (prefers-reduced-motion: reduce) {
  .score-shell .case-title .case-original-link,
  .score-shell .case-title .case-original-link b {transition: none;}
}
