/* Only the Eldara artwork on the studio homepage. */
.gamecard[data-game="eldara"]{ --accent:#c4a26b !important; container:eldara-card / inline-size; }
.gamecard[data-game="eldara"] .gamecard__painting{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:78% 40%; transition:scale .7s var(--ease); }
.gamecard[data-game="eldara"] .gamecard__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0b1018dd,transparent 56%); }
.gamecard[data-game="eldara"] .gamecard__logo{ text-shadow:none; }
.gamecard[data-game="eldara"] .gamecard__tag{ color:#e4cba2; }
.gamecard[data-game="eldara"]:hover .gamecard__painting{ scale:1.025; }
.showcase[data-game="eldara"] .screen__painting{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:76% 50%; }
.showcase[data-game="eldara"] .feature__sub{ color:#e4cba2; }
.showcase[data-game="eldara"] .feature__kicker::before{ background:#c4a26b; }
@media(max-width:599px){ .showcase[data-game="eldara"] .screen{ aspect-ratio:4/3; } }
@media(prefers-reduced-motion:reduce){ .gamecard[data-game="eldara"] .gamecard__painting{ transition:none; } }
/* Until the large art decodes, it shows the card's copy (already loaded), framed identically. */
.showcase[data-game="eldara"] .screen__painting{ background:#0d0c0a url(/assets/eldara/campaign/scenes/wanderer-768.webp) 76% 50% / cover no-repeat; }

/* Card width depends on both window width and height. Collapse the
   Steam label by the card's own width, retaining its accessible name. */
.gamecard[data-game="eldara"] .gamecard__actions{ grid-template-columns:minmax(0,1fr) max-content 44px; }
.gamecard[data-game="eldara"] .gc-btn .icon{ flex-shrink:0; }
@container eldara-card (max-width:390px){
  .gamecard[data-game="eldara"] .gamecard__actions{ grid-template-columns:minmax(0,1fr) 44px 44px; }
  .gamecard[data-game="eldara"] .gamecard__actions .gc-btn:not(.gc-btn--primary){ width:44px; padding:0; }
  .gamecard[data-game="eldara"] .gamecard__actions .gc-btn__text{
    position:absolute; width:1px; height:1px; padding:0; overflow:hidden;
    clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
  }
}