/* Presentation-only restoration for cards emitted by the Lineup controller.
   Keep this browser-safe stylesheet in the shared app entry so targeted and
   subsequent full builds use the same renderer class contract. */
.ll-native #results .lineup-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  align-items: stretch;
  gap: 1rem;
}
.ll-native #results .lineup-player {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-top: 0;
  padding: 1rem;
  border: 1px solid hsl(var(--court-border) / .4);
  border-top: 3px solid hsl(var(--court-accent));
  border-radius: 1rem;
  background: linear-gradient(155deg, hsl(var(--court-raised)), hsl(var(--court-surface)));
  box-shadow: 0 8px 22px hsl(var(--court-canvas) / .16);
}
.ll-native #results .lineup-player__top { min-height: 2rem; gap: .5rem; }
.ll-native #results .lineup-player__rank {
  color: hsl(var(--court-muted));
  font: 600 1.4rem var(--font-display);
}
.ll-native #results .lineup-player__minutes {
  margin-left: auto;
  padding: .3rem .55rem;
  border-radius: 999px;
  background: hsl(var(--court-accent));
  color: hsl(var(--court-on-accent, var(--background)));
  font: 600 .75rem var(--font-mono);
  white-space: nowrap;
}
.ll-native :is(.lineup-player__portrait, .watch-card__avatar, .compare-legend__avatar, .opponent-player__avatar) {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  border: 1px solid hsl(var(--court-border) / .45);
  border-radius: 50%;
  background: hsl(var(--court-raised));
  color: hsl(var(--court-text));
}
.ll-native #results .lineup-player__portrait {
  width: calc(100% + 2rem);
  height: auto;
  aspect-ratio: 26 / 19;
  margin: .2rem -1rem .45rem;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.ll-native :is(.lineup-player__portrait__fallback, .watch-card__avatar__fallback, .compare-legend__avatar__fallback, .opponent-player__avatar__fallback) {
  font: 600 1rem var(--font-display);
  letter-spacing: .05em;
  text-align: center;
}
.ll-native #results .lineup-player__portrait__fallback { font-size: 1.8rem; }
.ll-native :is(.lineup-player__portrait__image, .watch-card__avatar__image, .compare-legend__avatar__image, .opponent-player__avatar__image) {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  opacity: 0;
  background: hsl(var(--court-raised));
}
.ll-native :is(.lineup-player__portrait__image, .watch-card__avatar__image, .compare-legend__avatar__image, .opponent-player__avatar__image).is-loaded { opacity: 1; }
.ll-native #results .lineup-player__portrait__image { background: transparent; }
.ll-native #results .lineup-player h3 {
  min-height: 2.4em;
  margin: .35rem 0 .25rem;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
}
.ll-native #results .lineup-player__context {
  min-height: 2.7em;
  margin-bottom: .75rem;
  color: hsl(var(--court-muted));
  font-size: .72rem;
  text-align: center;
}
.ll-native #results .lineup-player > dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
  margin: auto 0 0;
}
.ll-native #results .lineup-player > dl > div {
  min-width: 0;
  padding: .55rem .25rem;
  border: 1px solid hsl(var(--court-border) / .3);
  border-radius: .5rem;
  background: hsl(var(--court-canvas) / .4);
  text-align: center;
}
.ll-native #results .lineup-player dt { color: hsl(var(--court-muted)); font: 500 .65rem var(--font-mono); }
.ll-native #results .lineup-player dd { margin: .2rem 0 0; color: hsl(var(--court-text)); font: 600 1.05rem var(--font-mono); }
@media (min-width: 1200px) {
  .ll-native #results .lineup-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .ll-native #results .lineup-player { padding: .9rem; }
  .ll-native #results .lineup-player__portrait { width: calc(100% + 1.8rem); margin-inline: -.9rem; }
}
@media (forced-colors: active) {
  .ll-native #results .lineup-player { background: Canvas; border-color: CanvasText; box-shadow: none; }
}