/* Present the supplied artwork inside its card bounds; keep the source intact. */
.game-cover-ucl,.ucl-app .ucl-cover-card{position:relative;display:block;width:100%;aspect-ratio:16/9;min-height:0;padding:0;overflow:hidden;background:#080b08;border:1px solid #bca91b;border-radius:10px;isolation:isolate;text-align:left}
.game-cover-ucl::after,.ucl-app .ucl-cover-card::before{content:'';display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#080b08 0%,#080b08 26%,#080b08ed 40%,#080b0870 53%,transparent 67%);pointer-events:none}
.ucl-cover-image{position:absolute;display:block;width:auto;max-width:none;height:138.376%;left:auto;right:-3.314%;top:-19.427%;pointer-events:none;z-index:-1}
.expandable-game[data-game=ucl]{border:1px solid #bca91b}
.game-cover-ucl{border:0}
.game-cover-ucl .cover-disclosure,.ucl-cover-arrow{position:absolute;right:12px;bottom:13px;width:29px;height:29px;display:grid;place-items:center;padding:0;background:#020403;border:1px solid #93842c;border-radius:6px;color:#ffe000;pointer-events:none;z-index:2}
.game-cover-ucl .cover-disclosure svg,.ucl-cover-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
.ucl-app .ucl-cover-card{flex-shrink:0;cursor:pointer}
.ucl-app .ucl-cover-card:focus-visible{outline:3px solid #67b3ff;outline-offset:-4px}
.ucl-cover-meta{position:absolute;z-index:1;top:13px;left:14px;color:#e7e6dc;font-size:8px;letter-spacing:1.1px;font-weight:700}
.ucl-cover-meta::after{content:'';display:block;margin-top:7px;width:52px;height:2px;background:linear-gradient(90deg,#ffe000 30%,#857213 30%)}
.ucl-cover-title{position:absolute;z-index:1;left:14px;right:40px;bottom:20px}
.ucl-cover-title h2,.ucl-app .ucl-cover-title h2{font:400 clamp(27px,8vw,41px)/1.02 var(--display);color:#ffe000;text-transform:uppercase;text-shadow:1px 2px #080b08;margin:0;max-width:none}
.ucl-cover-title h2 span{color:#f1f0e8}
.ucl-cover-title p{color:#e0e2d5;font-size:10px;line-height:1.4;margin:9px 0 0}
@media(max-width:350px){.ucl-cover-meta{left:11px;top:11px;font-size:7px}.ucl-cover-title{left:11px;bottom:15px}.ucl-cover-title p{font-size:8px;max-width:190px}}
/* One header geometry for every catalogue card and the same UCL artwork in-game. */
.game-cover .cover-topline,.ucl-cover-card .cover-topline{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;height:22px;color:#f0f1e6;font:700 8px/12px 'Segoe UI',Arial,sans-serif;letter-spacing:.5px;text-shadow:none;pointer-events:none}
.game-cover .cover-topline>span:first-child,.ucl-cover-card .cover-topline>span:first-child{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:4px 6px;border:1px solid #f1eedf12;border-radius:4px;background:#101212b8;white-space:nowrap}
.game-cover .cover-badge,.ucl-cover-card .cover-badge{display:inline-flex;align-items:center;justify-content:center;width:88px;height:22px;flex:none;padding:4px 6px;border:1px solid #a28c14;border-radius:4px;background:#ffe000;color:#101212;font:700 8px/12px 'Segoe UI',Arial,sans-serif;letter-spacing:.3px;text-shadow:none;white-space:nowrap}