.early-card,.offer-card{position:relative}
.early-card .skill-type-marker,.offer-card .skill-type-marker{position:absolute;z-index:2;top:7px;left:7px;width:29px;height:29px;display:grid;place-items:center;color:var(--type-ink);background:#11141de8;border:1px solid color-mix(in srgb,var(--type-ink) 65%,#34303d);border-radius:5px;box-shadow:0 2px 8px #000a}
.skill-type-marker svg{width:19px;height:19px}
.early-card .skill-kind-marker,.offer-card .skill-kind-marker{position:absolute;z-index:2;top:7px;right:7px;padding:5px 7px;background:#14131cde;border:1px solid #8f8890;color:#e1d8dd;border-radius:3px;font-size:.56rem;font-weight:800;letter-spacing:.11em;line-height:1}
.early-card[data-skill-type="offensive"],.offer-card[data-skill-type="offensive"]{--type-ink:#ed9189}
.early-card[data-skill-type="defensive"],.offer-card[data-skill-type="defensive"]{--type-ink:#8dbdf2}
.early-card[data-skill-type="mobility"],.offer-card[data-skill-type="mobility"]{--type-ink:#a2dfa9}
.early-card[data-skill-type="utility"],.offer-card[data-skill-type="utility"]{--type-ink:#c7a7eb}
.early-card[data-skill-type="restorative"],.offer-card[data-skill-type="restorative"]{--type-ink:#e5cb8d}
/* Passive offerings use the original full-art card layout. */
.early-card[data-skill-kind="passive"] .skill-type-marker,.early-card[data-skill-kind="passive"] .skill-kind-marker,.offer-card[data-skill-kind="passive"] .skill-type-marker,.offer-card[data-skill-kind="passive"] .skill-kind-marker{display:none}
@media(max-width:650px){.early-card .skill-type-marker,.offer-card .skill-type-marker{width:23px;height:23px;top:3px;left:3px}.skill-type-marker svg{width:15px;height:15px}.early-card .skill-kind-marker,.offer-card .skill-kind-marker{font-size:.48rem;top:3px;right:3px;padding:4px}}