.pokemonTeamContainer {
    display: grid;
    justify-content: center;
    gap: 0.5cqw;
    padding: 1cqw;
    margin-top: 1vw;
    grid-template-columns: repeat(2, 1fr);
    container-type: inline-size;
}



.pokemonContainer {
    display: grid;
    grid-template-rows: 1fr 5fr;
    grid-template-columns: 3fr 4fr;
    width: 50cqw;
    aspect-ratio: 4/3;
    position: relative;
    container-type: inline-size;
    border-radius: 2.5cqw;
    clip-path: view-box;
    overflow: hidden;
    background: #c0b6ff;
}

.headContainer {
    grid-column: 1 / -1;
    display: flex;
}
.nameContainer {
    flex: 5;
    padding-left: 4.5cqw;
    align-content: center;
    font-size: 6cqw;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.primaryTypeContainer {
    padding-left: 4cqw;
    display: flex;
    text-align: right;
    font-family: 'EssentariumVG';
    color: #f0f0f0;
    text-shadow: 0 0 4cqw rgba(0,0,0,0.5);
    background: linear-gradient(95deg,rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 100%);
    font-size: 8cqw;
    clip-path: polygon(4cqw 0, 100% 0, 100% 100%, 0% 100%);
}
.secondaryTypeContainer {
    padding-left: 4cqw;
    padding-right: 2cqw;
    text-align: right;
    background: linear-gradient(95deg,rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 100%);
    clip-path: polygon(4cqw 0, 100% 0, 100% 100%, 0% 100%);
}

.leftContainer {
    display: grid;
    min-height: 0;
    grid-template-rows: 3fr 1fr; 
}

.imageFrame {
    /*background-image: url("../resources/pokeballBG.png");*/
    background: radial-gradient(circle,rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0) 75%);
    background-size: 100%;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    border-radius: 2vw;
    
    /*border-right: #6751fc;
    border-right-width: 1.5cqw;
    border-right-style: solid;*/
}
.imageFrame::after {
    box-shadow: inset 0 0 4cqw 0.1cqw #000000a0;
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    
}
.itemImage {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pokemonImage {
    max-width: 100%;
}

.abilityContainer {
    /*border-bottom-left-radius: 2vw;
    border-right: #6751fc;
    border-right-width: 1.5cqw;
    border-right-style: solid;*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 4.5cqw;
    font-weight: bold;
}

.rightContainer {
    display: grid;
    min-height: 0;
    grid-template-rows: repeat(4, 1fr); 
}

.moveContainer {
    background: linear-gradient(95deg,rgba(0, 0, 0, 0.1) 25%, rgba(255, 255, 255, 0) 100%);
    align-content: center;
    align-items: center;
    background-color: #c0b6ff;
    color: #f0f0f0;
    position: relative;
    padding-left: 1cqw;
    font-size: 4cqw;
    text-shadow: 0 0 4cqw rgba(0,0,0,0.5);
    /*border-top: #c8bfff;
    border-top-width: 1.5cqw;
    border-top-style: solid;*/
    font-weight: bold;
}
.moveContainer span {
    font-family: 'EssentariumVG';
    font-size: 8cqw;
    vertical-align: middle;
}
.mFirst {
    border-top-left-radius: 5cqw;
}
.mLast {
    border-bottom-left-radius: 5cqw;
}


@media (min-aspect-ratio: 4/3) and (width > 1500px) {
    .pokemonTeamContainer {
        grid-template-columns: repeat(3, 1fr); /* 3 columns */
    }
    .pokemonContainer {
        width: 33cqw;
        border-radius: 2.5cqw;
    }
}