/* Editable copy follows the artwork's 1054 × 1492 coordinate system. */
.game-poster-canvas--editable {
    container-type: inline-size;
}

.game-poster-canvas--editable .game-poster-logo-pending {
    white-space: pre-line;
    overflow-wrap: anywhere;
    text-align: center;
}

.game-poster-download-status {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.game-poster-canvas--editable .poster-copy {
    --poster-font-size: 2.7514cqw;
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
    color: #f4f4ef;
    font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
    font-size: var(--poster-fit-size, var(--poster-font-size));
    font-style: normal;
    font-weight: 600;
    font-synthesis: none;
    line-height: 1.04;
    letter-spacing: 0;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    text-shadow: 0 .095cqw .19cqw #0009;
    white-space: pre-line;
    overflow-wrap: normal;
    word-break: normal;
    user-select: text;
    -webkit-user-select: text;
}

.game-poster-canvas--editable .poster-copy--headline {
    --poster-font-size: 4.3643cqw;
    left: 23.7192%;
    top: .134%;
    width: 51.2334%;
    height: 3.7534%;
    justify-content: center;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .17cqw;
    text-align: center;
}

.game-poster-canvas--editable .poster-copy--ribbon {
    --poster-font-size: 7.021cqw;
    left: 45.8254%;
    top: 22.5871%;
    width: 48.9564%;
    height: 6.0322%;
    justify-content: center;
    color: #071000;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    transform: rotate(-5deg) skewX(-3deg);
}

.game-poster-canvas--editable .poster-copy--safety_strip {
    --poster-font-size: 4.1746cqw;
    left: 60.9108%;
    top: 29.2225%;
    width: 26.5655%;
    height: 3.7534%;
    justify-content: center;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transform: rotate(-4deg);
}

.game-poster-canvas--editable :is(
    .poster-copy--feature_1_title,
    .poster-copy--feature_2_title,
    .poster-copy--feature_3_title,
    .poster-copy--feature_4_title
) {
    --poster-font-size: 3.2258cqw;
    left: 68.501%;
    width: 24.2884%;
    height: 2.681%;
    color: #ffda00;
    font-weight: 700;
    line-height: 1;
}

.game-poster-canvas--editable .poster-copy--feature_1_title { top: 36.5952%; }
.game-poster-canvas--editable .poster-copy--feature_2_title { top: 44.9732%; }
.game-poster-canvas--editable .poster-copy--feature_3_title { top: 53.4853%; }
.game-poster-canvas--editable .poster-copy--feature_4_title { top: 61.9303%; }

.game-poster-canvas--editable :is(
    .poster-copy--feature_1_body,
    .poster-copy--feature_2_body,
    .poster-copy--feature_3_body,
    .poster-copy--feature_4_body
) {
    --poster-font-size: 2.4668cqw;
    left: 68.5958%;
    width: 24.4782%;
    height: 4.0214%;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    line-height: 1.13;
}

.game-poster-canvas--editable .poster-copy--feature_1_body { top: 39.2761%; }
.game-poster-canvas--editable .poster-copy--feature_2_body { top: 47.7212%; }
.game-poster-canvas--editable .poster-copy--feature_3_body { top: 56.1662%; }
.game-poster-canvas--editable .poster-copy--feature_4_body { top: 64.4772%; }

.game-poster-canvas--editable :is(
    .poster-copy--benefit_1,
    .poster-copy--benefit_2,
    .poster-copy--benefit_3,
    .poster-copy--benefit_4
) {
    --poster-font-size: 2.2770cqw;
    top: 74.3968%;
    width: 9.8672%;
    height: 3.4182%;
    justify-content: center;
    font-weight: 600;
    line-height: 1.03;
    text-align: center;
}

.game-poster-canvas--editable .poster-copy--benefit_1 { left: 3.89%; }
.game-poster-canvas--editable .poster-copy--benefit_2 { left: 14.9905%; }
.game-poster-canvas--editable .poster-copy--benefit_3 { left: 27.1347%; }
.game-poster-canvas--editable .poster-copy--benefit_4 { left: 39.0892%; }

.game-poster-canvas--editable .poster-copy--cta_heading {
    --poster-font-size: 4.7438cqw;
    left: 11.8596%;
    top: 80.0938%;
    width: 31.5939%;
    height: 4.0214%;
    justify-content: center;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1423cqw;
    text-align: center;
}

.game-poster-canvas--editable .poster-copy--cta_subheading {
    --poster-font-size: 5.3131cqw;
    left: 8.0645%;
    top: 83.177%;
    width: 38.2353%;
    height: 4.2225%;
    justify-content: center;
    color: #ffd800;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .0664cqw;
    text-align: center;
}

.game-poster-canvas--editable .game-poster-download {
    z-index: 5;
    color: #080d00;
    opacity: 1;
}

.game-poster-canvas--editable .game-poster-download .poster-copy--download_label {
    --poster-font-size: 4.3643cqw;
    left: 27.8%;
    top: 5%;
    width: 66.2%;
    height: 85%;
    justify-content: center;
    color: #080d00;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    cursor: inherit;
}

.game-poster-canvas--editable .poster-copy--phone_label {
    --poster-font-size: 1.9924cqw;
    left: 38.0455%;
    top: 53.7534%;
    width: 9.4877%;
    height: 2.681%;
    justify-content: center;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    transform: rotate(7deg);
}

.game-poster-canvas--editable .poster-copy--shirt_label {
    --poster-font-size: 2.8463cqw;
    left: 13.8%;
    top: 59.1153%;
    width: 22.8%;
    height: 2.681%;
    justify-content: center;
    color: #0b3215;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    transform-origin: left center;
    transform: rotate(-4deg) skewX(-3deg) scale(.5, 1.2);
}

.game-poster-canvas--editable :is(
    .poster-copy--footer_1,
    .poster-copy--footer_2,
    .poster-copy--footer_3,
    .poster-copy--footer_4
) {
    --poster-font-size: 2.2770cqw;
    top: 95.5094%;
    height: 3.4182%;
    font-weight: 700;
    line-height: 1.08;
}

.game-poster-canvas--editable .poster-copy--footer_1 { left: 10.8159%; width: 12.334%; }
.game-poster-canvas--editable .poster-copy--footer_2 { left: 31.9734%; width: 12.2391%; }
.game-poster-canvas--editable .poster-copy--footer_3 { left: 53.4156%; width: 17.0778%; }
.game-poster-canvas--editable .poster-copy--footer_4 { left: 80.2657%; width: 14.7059%; }

.game-poster-canvas--editable .poster-copy::selection {
    color: #fff;
    background: #1b7a39;
    text-shadow: none;
}

/* Only the visible face is selectable; the other SVG layers form its shadow. */
.game-poster-canvas--editable .game-poster-title__line text {
    user-select: none;
    -webkit-user-select: none;
}

.game-poster-canvas--editable .game-poster-title__line text:last-child {
    pointer-events: all;
    user-select: text;
    -webkit-user-select: text;
}
