.player-card {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.card-background {
    width: 100%;
    height: auto;
    display: block;
}

.card-overlay {
    position: absolute;
    inset: 0;
    color: #000;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/* =========================
   TOP LEFT SECTION
   ========================= */

.ovr {
    position: absolute;
    top: 25%;
    left: 11%;
    font-size: clamp(16px, 2vw, 23px);
    line-height: 1;
}

.pot {
    position: absolute;
    top: 34%;
    left: 11%;
    font-size: clamp(16px, 2vw, 23px);
    line-height: 1;
}

.pos {
    position: absolute;
    top: 45%;
    left: 18%;
    font-size: clamp(12px, 1.5vw, 18px);
    line-height: 1;
    color: white;
}

/* =========================
   PLAYER NAME
   ========================= */

.player-name {
    position: absolute;
    top: 59%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: clamp(18px, 2.5vw, 32px);
    line-height: 1;
}

/* =========================
   LEFT COLUMN STATS
   ========================= */

.pac,
.sho,
.pas,
.def {
    font-size: clamp(14px, 2vw, 24px);
    line-height: 1;
    position: absolute;
}

.pac {
    top: 69%;
    left: 18%;
}

.sho {
    top: 73.5%;
    left: 18%;
}

.pas {
    top: 78%;
    left: 18%;
}

.def {
    top: 83%;
    left: 18%;
}

/* =========================
   RIGHT COLUMN STATS
   ========================= */

.age,
.fit {
    font-size: clamp(14px, 2vw, 24px);
    line-height: 1;
    position: absolute;
}

.age {
    top: 69%;
    right: 38%;
}

.fit {
    top: 73.5%;
    right: 38%;
}