.game-demo-complete {
    width: min(590px, calc(100% - 28px));
    max-height: calc(100% - 28px);
    padding: 0;
    overflow: auto;
    color: #180e1c;
    background: transparent;
    border: 0;
    font-family: "Fredoka One", "Jua", sans-serif;
}

.game-demo-complete::backdrop { background: rgba(17, 6, 20, .84); backdrop-filter: blur(7px); }

.game-demo-complete__card {
    position: relative;
    padding: clamp(34px, 7vw, 56px);
    background: radial-gradient(circle at 100% 0, rgba(255, 67, 88, .18), transparent 38%), #fff4e3;
    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 28px;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .58);
    text-align: center;
}

.game-demo-complete__close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: grid;
    width: 40px;
    aspect-ratio: 1;
    place-items: center;
    color: #180e1c;
    background: rgba(24, 14, 28, .08);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font: 700 25px/1 sans-serif;
}

.game-demo-complete__eyebrow { margin: 0; color: #ec2f4d; font-size: 13px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.game-demo-complete h1 { margin: 16px 0; font-size: clamp(42px, 8vw, 70px); line-height: .9; letter-spacing: -.045em; text-transform: uppercase; }
.game-demo-complete h1 em { color: #ef2a87; font-style: normal; }
.game-demo-complete__copy { max-width: 440px; margin: 0 auto 27px; color: #594750; font: 400 clamp(16px, 2vw, 19px)/1.5 "Fredoka One", "Jua", sans-serif; }

.game-demo-complete__steam {
    display: inline-flex;
    min-height: 62px;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    color: #180e1c;
    background: #ffd45f;
    border-radius: 17px;
    box-shadow: 0 8px 0 #b56740;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
}

.game-demo-complete__continue { display: block; margin: 24px auto 0; padding: 7px; color: #6c5361; background: transparent; border: 0; border-bottom: 1px solid currentColor; cursor: pointer; font: 600 15px/1.2 "Fredoka One", "Jua", sans-serif; }

@media (max-height: 560px) {
    .game-demo-complete__card { padding: 27px 38px 23px; }
    .game-demo-complete h1 { margin: 7px 0; font-size: 39px; }
    .game-demo-complete__copy { margin-bottom: 15px; font-size: 14px; }
    .game-demo-complete__steam { min-height: 48px; }
    .game-demo-complete__continue { margin-top: 12px; }
}