/* Gwen's touches over the cabinet's own styles (loaded last). */
.games .home-band h1 {
    font-family: var(--display);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}
/* Gwen's games are drawn in daylight, so the score needs the same glass behind it as the buttons */
.games .hud-right {
    background: rgba(17, 26, 40, 0.62);
    border: 1px solid rgba(248, 246, 241, 0.16);
    -webkit-backdrop-filter: blur(8px) saturate(1.3);
    backdrop-filter: blur(8px) saturate(1.3);
    border-radius: 16px;
    padding: 6px 14px 7px;
}
.games .hud-best:empty {
    display: none;
}

/* ---- Girly: rose and blush over the cabinet's teal ------------------------------- */
.games {
    --brand: #f07fa6;
    --brand-bright: #ffc2d8;
    --accent: #f07fa6;
    background: radial-gradient(120% 80% at 80% -10%, rgba(240, 127, 166, 0.22), transparent 60%), radial-gradient(90% 70% at 0% 100%, rgba(185, 150, 230, 0.16), transparent 60%), var(--dark);
}
.games .gwen-script {
    color: #ffc2d8;
}
.games .home-band h1::after {
    content: ' \2661';
    color: #f07fa6;
}
.games .over-quote {
    font-family: var(--script);
    font-size: 30px;
    line-height: 1.1;
    color: #ffc2d8;
    margin-top: 4px;
}
.games .pad-btn--a {
    background: linear-gradient(160deg, #ffa9c6, #d9507f);
    border-color: rgba(255, 226, 236, 0.6);
    box-shadow:
        0 6px 22px rgba(240, 127, 166, 0.4),
        inset 0 1px 0 rgba(255, 240, 245, 0.5);
}