/* osu!mania Blind Test: the game's own purple and pink.
   All selectors stay under #site-blindtest. */

#site-blindtest::before {
    background:
        radial-gradient(75% 60% at 15% 20%, rgba(60, 0, 151, .55), transparent 62%),
        linear-gradient(180deg, var(--bg), #12002c 50%, var(--bg));
}

#site-blindtest .sh__lede em { color: #ff8ec6; font-style: normal; font-weight: 700; }

#site-blindtest .bt__steps {
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
    display: grid;
    gap: .75rem;
    max-width: 46ch;
}

#site-blindtest .bt__steps li {
    display: flex;
    align-items: center;
    gap: .85rem;
    color: var(--dim);
    font-size: .93rem;
}

#site-blindtest .bt__steps span {
    flex: none;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
    background: color-mix(in srgb, var(--accent) 14%, transparent);
    color: #ffd0e6;
    font-size: .82rem;
    font-weight: 900;
}

#site-blindtest .bt__note {
    margin: 1.4rem 0 0;
    font-size: .85rem;
    color: var(--mute);
    max-width: 48ch;
}