.game-locale-en .trojice-localized-card,
.game-locale-de .trojice-localized-card {
    overflow: hidden;
    margin: 0;
    background: #f4ecd2;
}

.game-locale-en .trojice-localized-card > img,
.game-locale-de .trojice-localized-card > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-locale-en .trojice-localized-card-copy,
.game-locale-de .trojice-localized-card-copy,
.game-locale-en .trojice-localized-image-copy,
.game-locale-de .trojice-localized-image-copy {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.game-locale-en .trojice-localized-card-name,
.game-locale-de .trojice-localized-card-name,
.game-locale-en .trojice-localized-image-name,
.game-locale-de .trojice-localized-image-name {
    position: absolute;
    top: 2.8%;
    right: 5%;
    left: 5%;
    display: grid;
    min-height: 12.5%;
    padding: 2% 4%;
    place-items: center;
    border: 1px solid rgba(139, 104, 42, .34);
    border-radius: 999px;
    color: #70572c;
    background: #f4ecd2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.54rem, 1.15vw, .95rem);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
}

.game-locale-en .trojice-localized-card-caption,
.game-locale-de .trojice-localized-card-caption,
.game-locale-en .trojice-localized-image-caption,
.game-locale-de .trojice-localized-image-caption {
    position: absolute;
    right: 4%;
    bottom: 2.5%;
    left: 4%;
    display: grid;
    min-height: 17%;
    padding: 2.5% 5%;
    place-items: center;
    border: 1px solid rgba(139, 104, 42, .28);
    border-radius: 12px;
    color: #3f382b;
    background: #f6f0dc;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.42rem, .82vw, .72rem);
    line-height: 1.15;
    text-align: center;
}

.game-locale-en .trojice-study-card .trojice-localized-image,
.game-locale-de .trojice-study-card .trojice-localized-image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    box-shadow: 0 7px 20px rgba(34, 62, 57, .14);
}

.game-locale-en .trojice-study-card .trojice-localized-image > img,
.game-locale-de .trojice-study-card .trojice-localized-image > img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    box-shadow: none;
}

.game-locale-en .trojice-localized-front::before,
.game-locale-de .trojice-localized-front::before {
    content: attr(data-localized-name);
    position: absolute;
    z-index: 2;
    top: 2.8%;
    right: 5%;
    left: 5%;
    display: grid;
    min-height: 12.5%;
    padding: 2% 3%;
    place-items: center;
    border: 1px solid rgba(139, 104, 42, .32);
    border-radius: 999px;
    color: #70572c;
    background: #f4ecd2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.46rem, .8vw, .72rem);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
}

.game-locale-en .trojice-localized-front .trojice-card-label,
.game-locale-de .trojice-localized-front .trojice-card-label {
    right: 4%;
    bottom: 2.5%;
    left: 4%;
    display: grid;
    min-height: 17%;
    padding: 2.5% 4%;
    place-items: center;
    border: 1px solid rgba(139, 104, 42, .28);
    border-radius: 9px;
    color: #3f382b;
    background: #f6f0dc;
    font-family: Georgia, "Times New Roman", serif;
    backdrop-filter: none;
}

.game-locale-en .trojice-message-images img,
.game-locale-de .trojice-message-images img {
    clip-path: inset(15% 0 20% 0 round 9px);
}

@media (max-width: 680px) {
    .game-locale-en .trojice-localized-card-caption,
    .game-locale-de .trojice-localized-card-caption {
        font-size: clamp(.34rem, 1.5vw, .58rem);
    }
}