/* One proportional 3:1 website banner at every viewport width. */
.allplayy-promo-banner {
    position: relative;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    aspect-ratio: 3 / 1;
    margin: 0 0 16px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 1.2% / 3.6%;
    background: #004823;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
.allplayy-promo-banner,
.allplayy-promo-banner * { box-sizing: border-box; }
.allplayy-promo-banner .apb-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
    pointer-events: none;
}
.allplayy-promo-banner .apb-area-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
}
.allplayy-promo-banner .apb-area-link:focus-visible {
    outline: .24cqw solid #fff3b6;
    outline-offset: -.48cqw;
}
.allplayy-promo-banner .apb-layout {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 44% minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    pointer-events: none;
}
.allplayy-promo-banner .apb-layout::after {
    position: absolute;
    inset: 0;
    z-index: 4;
    border: .08cqw solid #c6a54b;
    border-radius: 1.2cqw;
    box-shadow: inset 0 0 0 .16cqw rgb(255 226 143 / 15%);
    content: "";
    pointer-events: none;
}
.allplayy-promo-banner .apb-art {
    position: relative;
    min-width: 0;
    min-height: 0;
}
.allplayy-promo-banner .apb-nameplate {
    position: absolute;
    top: 53%;
    left: 38.6%;
    display: grid;
    align-content: center;
    gap: .22em;
    width: 47%;
    max-height: 14cqw;
    transform: translate(-50%, -50%) rotate(-3deg);
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 2.85cqw;
    font-weight: 1000;
    line-height: 1.25;
    letter-spacing: -.055em;
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.allplayy-promo-banner .apb-nameplate > span { white-space: nowrap; }
.allplayy-promo-banner .apb-name-gold {
    color: #ffdb70;
    -webkit-text-stroke: .04cqw #735116;
    text-shadow: 0 .16cqw #a16c1e, 0 .32cqw #5c3510, 0 .56cqw .8cqw rgb(0 0 0 / 55%);
}
.allplayy-promo-banner .apb-name-silver {
    color: #f2f6eb;
    -webkit-text-stroke: .04cqw #49604c;
    text-shadow: 0 .16cqw #98aa96, 0 .32cqw #354a37, 0 .56cqw .8cqw rgb(0 0 0 / 55%);
}
.allplayy-promo-banner .apb-logo {
    position: absolute;
    top: 53%;
    left: 38.6%;
    display: block;
    width: 40%;
    height: 42%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translate(-50%, -50%);
    object-fit: contain;
    filter: drop-shadow(0 .3cqw .55cqw rgb(0 0 0 / 30%));
}
.allplayy-promo-banner .apb-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    padding: .85cqw 2.35cqw .8cqw 1cqw;
    overflow: hidden;
}
.allplayy-promo-banner .apb-content > * { flex-shrink: 0; }
.allplayy-promo-banner .apb-download-title,
.allplayy-promo-banner .apb-game-title {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Arial Black", Arial, sans-serif;
    font-weight: 1000;
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.allplayy-promo-banner .apb-download-title {
    color: #dcebcf;
    font-size: 1.28cqw;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .12em;
    white-space: nowrap;
    text-shadow: 0 .16cqw .32cqw rgb(0 0 0 / 55%);
}
.allplayy-promo-banner .apb-game-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.6cqw;
    margin-top: .15cqw;
    overflow: hidden;
    color: #ffdc75;
    font-size: 3.6cqw;
    line-height: 1.05;
    letter-spacing: -.035em;
    text-shadow: 0 .16cqw #8c5a12, 0 .32cqw #3c3512, 0 .48cqw 1.1cqw rgb(0 0 0 / 30%);
}
.allplayy-promo-banner .apb-site-domain {
    width: 100%;
    margin: .1cqw 0 0;
    padding: 0;
    color: #fff;
    font-size: 2.05cqw;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .005em;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 .16cqw .4cqw rgb(0 0 0 / 65%);
}
.allplayy-promo-banner .apb-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 4.05cqw);
    gap: .65cqw;
    width: 100%;
    margin: .9cqw 0 .8cqw;
    padding: 0;
    list-style: none;
}
.allplayy-promo-banner .apb-features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55cqw;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: .55cqw .65cqw;
    border: .08cqw solid #c4a444;
    border-radius: .65cqw;
    background: linear-gradient(135deg, rgb(4 85 35 / 96%), rgb(0 46 21 / 96%));
    box-shadow: inset 0 .08cqw rgb(255 239 155 / 30%), 0 .24cqw .4cqw rgb(0 0 0 / 25%);
    color: #fff4c1;
    font-size: 1.18cqw;
    font-weight: 800;
    line-height: 1.12;
    text-align: left;
}
.allplayy-promo-banner .apb-features li::before,
.allplayy-promo-banner .apb-features li::marker { content: none; }
.allplayy-promo-banner .apb-features svg {
    flex: 0 0 auto;
    display: block;
    width: 2.25cqw;
    height: 2.25cqw;
    color: #ffda68;
    filter: drop-shadow(0 .16cqw .08cqw #19230c);
}
.allplayy-promo-banner .apb-download-button {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .8cqw;
    width: 98%;
    height: 5.8cqw;
    min-height: 0;
    padding: .6cqw 1.15cqw;
    border: .24cqw solid #f8d96e;
    border-radius: 100cqw;
    background: linear-gradient(180deg, rgb(255 255 226 / 62%) 0%, rgb(255 255 208 / 12%) 12%, transparent 42%), linear-gradient(180deg, #abe858 0%, #64c631 42%, #278e25 48%, #0d5c20 100%);
    box-shadow: inset 0 .16cqw 0 #ffffc8, inset 0 -.32cqw 0 rgb(0 49 8 / 50%), 0 0 0 .08cqw #9f7a20, 0 .32cqw 0 #133e18, 0 0 1.45cqw rgb(255 220 83 / 37%), 0 .65cqw 1.2cqw rgb(0 0 0 / 40%);
    color: #fffbc9;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 2.05cqw;
    font-weight: 1000;
    line-height: 1.1;
    text-decoration: none;
    text-shadow: 0 .16cqw #245519;
    white-space: nowrap;
    pointer-events: auto;
}
.allplayy-promo-banner .apb-download-button:not(.is-disabled):hover {
    color: #fff;
    background: linear-gradient(180deg, rgb(255 255 226 / 70%), transparent 44%), linear-gradient(180deg, #bcf16b, #77d13a 42%, #309c2b 48%, #116d27);
}
.allplayy-promo-banner .apb-download-button:focus-visible {
    outline: .24cqw solid #fff;
    outline-offset: .24cqw;
}
.allplayy-promo-banner .apb-download-button svg {
    flex: 0 0 auto;
    width: 2.2cqw;
    height: 2.2cqw;
}
.allplayy-promo-banner .apb-download-button.is-disabled {
    opacity: .65;
    cursor: default;
    pointer-events: auto;
}
.allplayy-promo-banner .apb-brand {
    display: block;
    width: 100%;
    margin: .8cqw 0 0;
    padding: 0;
    color: #f0f4da;
    font-size: 1.12cqw;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}
.allplayy-promo-banner .apb-brand strong { font-weight: 900; }
.allplayy-promo-banner .apb-brand span { color: #f0f4da; }
.allplayy-promo-banner .apb-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4cqw;
    margin: .35cqw 0 0;
    padding: 0;
    color: #dbebd3;
    font-size: .98cqw;
    font-weight: 600;
    line-height: 1.2;
}
.allplayy-promo-banner .apb-footer span {
    padding: .08cqw .32cqw;
    border: .08cqw solid #d7c476;
    border-radius: .32cqw;
    color: #fff0ac;
    font-weight: 800;
}
.allplayy-promo-banner.apb-long-name .apb-nameplate {
    font-size: 1.1cqw;
    line-height: 1.3;
    letter-spacing: -.02em;
}
.allplayy-promo-banner.apb-long-name .apb-nameplate > span { white-space: normal; }
.allplayy-promo-banner.apb-long-name .apb-game-title {
    font-size: 1.4cqw;
    line-height: 1.15;
    letter-spacing: -.035em;
}
.kg-game-list-grid > .allplayy-promo-banner {
    grid-column: 1 / -1;
    margin: 4px 0;
}