/* osu!mania Score Summary: the tool's own dark panel colours.
   All selectors stay under #site-mania-score-summary. */

#site-mania-score-summary::before {
    background:
        radial-gradient(80% 60% at 12% 18%, rgba(255, 102, 170, .09), transparent 62%),
        linear-gradient(180deg, var(--bg), #16151c 50%, var(--bg));
}

#site-mania-score-summary .ss__privacy {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin: 2rem 0 0;
    padding: .95rem 1.1rem;
    border-radius: var(--r-md);
    border: 1px solid color-mix(in srgb, #6ee7a8 28%, transparent);
    background: rgba(110, 231, 168, .06);
    color: var(--dim);
    font-size: .92rem;
    max-width: 52ch;
}

#site-mania-score-summary .ss__lock { flex: none; margin-top: .18rem; color: #6ee7a8; }

#site-mania-score-summary .ss__note {
    margin: 1.2rem 0 0;
    font-size: .85rem;
    color: var(--mute);
    max-width: 50ch;
}