/* Illustrative covers: full native compositions, typography stays in the document. */
.cover-card .cover-art{display:block;position:relative;height:auto;aspect-ratio:3/2;padding:0;overflow:hidden;background:#151917;isolation:isolate;}
.cover-card .cover-art:before{content:none;}
.cover-card .cover-art:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#070b0a5c 0,transparent 29%,transparent 46%,#12171545 65%,#121715ed 100%);}
.cover-card .cover-art .cover-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;filter:none;border-radius:0;opacity:1;transform:scale(1.005);transition:transform .85s cubic-bezier(.22,1,.36,1);}
.cover-topline{position:absolute;inset:20px 22px auto;z-index:3;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;}
.cover-config{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:0;border-radius:4px;background:#1017139c;font-size:9px;line-height:1.3;font-weight:650;letter-spacing:.1em;color:#cbd7c7;white-space:nowrap;}
.cover-card.edition-makcu .cover-config{color:#d3e3df;}
.cover-caption{position:absolute;left:23px;right:23px;bottom:22px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;}
.cover-kind{font-size:9px;line-height:1.4;letter-spacing:.15em;color:#d0d8cfb3;}
.cover-game{font-size:clamp(30px,3vw,40px);line-height:1;font-weight:600;letter-spacing:-.055em;color:#f0f3ed;}
.cover-card .card-content{position:relative;z-index:3;}
.cover-card:hover{translate:0 -3px;border-color:#56634f;box-shadow:0 16px 36px #0003;}
.cover-card .cover-art:focus-visible{outline-offset:-5px;}
.cover-identity{position:absolute;left:23px;top:25%;z-index:3;display:flex;align-items:center;gap:10px;max-width:51%;font-size:clamp(22px,2.1vw,30px);font-weight:750;letter-spacing:-.055em;line-height:1;color:#f4f4f2;pointer-events:none;}
.cover-card .cover-art .cover-identity .cover-logo{position:static;display:block;width:36px;height:36px;max-width:none;flex-shrink:0;object-fit:contain;border-radius:0;filter:none;transform:none;transition:none;}
.cover-card--faceit .cover-art:after{background:linear-gradient(90deg,#0d1213c7,#0d121326 60%,transparent),linear-gradient(180deg,#070b0a5c 0,transparent 29%,transparent 46%,#12171545 65%,#121715ed 100%);}
@media(hover:hover) and (pointer:fine){
  .cover-card:hover .cover-art .cover-image{transform:scale(1.045) translate3d(calc((var(--pointer-x,50%) - 50%) * .025),calc((var(--pointer-y,50%) - 50%) * .025),0);}
}
@media(max-width:740px){
  .cover-topline{inset:18px 20px auto;}
  .cover-caption{left:21px;right:21px;bottom:21px;}
  .cover-game{font-size:clamp(32px,7.8vw,42px);}
  .cover-identity{left:21px;gap:8px;}
  .cover-card .cover-art .cover-identity .cover-logo{width:32px;height:32px;}
}
@media(hover:none){.cover-card:hover{translate:none;}}
html[data-motion=off] .cover-card .cover-art .cover-image{transform:none;transition:none;}
@media(prefers-reduced-motion:reduce){
  .cover-card:hover{translate:none;}
  .cover-card .cover-art .cover-image,.cover-card:hover .cover-art .cover-image{transform:none;transition:none;}
}