/*
 * Community visual unification
 *
 * Feature pages keep their information architecture and interactions while
 * sharing the public landing's midnight-blue constellation language.
 */

:is(
    body.interest-rooms-page,
    body.community-chatroom-page,
    body.community-friends-page,
    body.community-character-workshop-page,
    body.community-tasks-page,
    body.community-topics-page:not(.community-product-discussion-page)
) {
    --community-night: #050d21;
    --community-night-2: #08172f;
    --community-surface: rgba(12, 29, 60, .94);
    --community-surface-strong: rgba(8, 22, 47, .98);
    --community-line: rgba(255, 255, 255, .11);
    --community-text: #edf4ff;
    --community-muted: #aebdd2;
    --community-cyan: #6ee7f2;
    --community-lilac: #a99cff;
    --community-coral: #ff9e91;
    --community-gold: #ffd679;
    --community-shadow: 0 24px 60px rgba(0, 0, 0, .24);
    color: var(--community-text);
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 158, 145, .1), transparent 24%),
        radial-gradient(circle at 86% 36%, rgba(169, 156, 255, .13), transparent 28%),
        linear-gradient(160deg, var(--community-night), var(--community-night-2) 54%, #0b1932);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-header {
    min-height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    color: var(--community-text);
    background: rgba(5, 13, 33, .88);
    box-shadow: none;
    backdrop-filter: blur(18px);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-header__inner {
    width: min(1380px, calc(100% - 40px));
    max-width: 1380px;
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) :is(.community-nav a, .community-header__actions a, .community-header__actions button) {
    color: rgba(239, 245, 255, .8);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-nav a:is(:hover, :focus-visible, [aria-current="page"], .is-active) {
    border-color: rgba(110, 231, 242, .3);
    color: #fff;
    background: rgba(110, 231, 242, .1);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) :is(.community-header__actions a, .community-header__actions button) {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-main {
    position: relative;
    overflow: hidden;
    color: var(--community-text);
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 158, 145, .09), transparent 24%),
        radial-gradient(circle at 86% 36%, rgba(169, 156, 255, .12), transparent 28%),
        linear-gradient(160deg, var(--community-night), var(--community-night-2) 54%, #0b1932);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-main::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    content: "";
    opacity: .18;
    background-image: radial-gradient(rgba(255, 255, 255, .28) .7px, transparent .8px);
    background-size: 36px 36px;
    mask-image: linear-gradient(180deg, #000, transparent 72%);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) .community-main > * {
    position: relative;
    z-index: 1;
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
    border-color: rgba(255, 255, 255, .16);
    color: var(--community-text);
    background: rgba(2, 10, 27, .7);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) :is(input, textarea)::placeholder {
    color: rgba(228, 237, 255, .42);
}

:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page:not(.community-product-discussion-page)
) :is(a, button, input, textarea, select):focus-visible {
    outline-color: var(--community-cyan);
}

body.community-product-discussion-page .community-header {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    color: #edf4ff;
    background: rgba(5, 13, 33, .88);
    box-shadow: none;
    backdrop-filter: blur(18px);
}

body.community-product-discussion-page {
    color: #edf4ff;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 158, 145, .09), transparent 24%),
        radial-gradient(circle at 86% 36%, rgba(169, 156, 255, .12), transparent 28%),
        linear-gradient(160deg, #050d21, #08172f 54%, #0b1932);
}

body.community-product-discussion-page :is(
    .community-nav a,
    .community-header__actions a,
    .community-header__actions button
) {
    color: rgba(239, 245, 255, .8);
}

body.community-product-discussion-page :is(
    .community-header__actions a,
    .community-header__actions button
) {
    border-color: rgba(255, 255, 255, .18);
    color: #fff;
    background: rgba(255, 255, 255, .06);
}

body.community-product-discussion-page .community-nav a:is(
    :hover,
    :focus-visible,
    [aria-current="page"],
    .is-active
) {
    border-color: rgba(110, 231, 242, .3);
    color: #fff;
    background: rgba(110, 231, 242, .1);
}

/* Topic discovery and topic details */
body.community-topics-page:not(.community-product-discussion-page) {
    --topics-navy: #edf4ff;
    --topics-blue: #6ee7f2;
    --topics-blue-dark: #4fc8d5;
    --topics-pink: #ff9e91;
    --topics-pink-dark: #ffb3aa;
    --topics-gold: #ffd679;
    --topics-text: #edf4ff;
    --topics-muted: #aebdd2;
    --topics-line: rgba(255, 255, 255, .11);
    --topics-surface: rgba(12, 29, 60, .94);
    --topics-shadow: var(--community-shadow);
}

.community-topics-page:not(.community-product-discussion-page) :is(.topics-hero, .topic-detail-header) {
    color: #fff;
    background:
        radial-gradient(circle at 78% 24%, rgba(110, 231, 242, .14), transparent 26%),
        radial-gradient(circle at 18% 82%, rgba(255, 158, 145, .09), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
}

.community-topics-page:not(.community-product-discussion-page) :is(
    .topics-search-panel,
    .topics-category-strip,
    .topics-panel,
    .topics-main-panel,
    .topics-side-panel,
    .topics-featured-panel,
    .topics-featured-card,
    .topics-list-card,
    .topics-author-row,
    .topics-cta,
    .topic-detail-card,
    .topic-replies,
    .topic-login-cta,
    .topics-empty-state,
    .topic-product-card
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.community-topics-page:not(.community-product-discussion-page) :is(
    .topics-list-card__body,
    .topics-featured-card__body,
    .topic-detail-content,
    .topic-detail-footer,
    .topic-detail-author,
    .topic-replies > ol > li
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: transparent;
}

.community-topics-page:not(.community-product-discussion-page) :is(
    h1, h2, h3, h4,
    .topics-list-card a,
    .topics-featured-card a,
    .topic-detail-card a,
    .topics-panel__heading a
) {
    color: #fff;
}

.community-topics-page:not(.community-product-discussion-page) :is(
    .topics-list-card p,
    .topics-featured-card p,
    .topics-author-row span,
    .topic-detail-summary,
    .topic-detail-content p,
    .topic-detail-footer,
    .topic-detail-stats,
    .topic-breadcrumbs
) {
    color: var(--community-muted);
}

.community-topics-page:not(.community-product-discussion-page) :is(
    .topics-category-strip a,
    .topics-tag-strip a,
    .topics-mini-tags a,
    .topics-ranking-tabs a,
    .topic-detail-tags span,
    .topic-action-button
) {
    border-color: rgba(110, 231, 242, .22);
    color: #dff9fb;
    background: rgba(110, 231, 242, .07);
}

.community-topics-page:not(.community-product-discussion-page) :is(
    .topics-category-strip a.is-active,
    .topics-ranking-tabs a.is-active,
    .topics-action-button,
    .topics-open-link
) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

.community-topics-page:not(.community-product-discussion-page) .topic-detail-source-notice {
    border-left-color: var(--community-gold);
    color: #ffe9bc;
    background: rgba(255, 214, 121, .09);
}

/* Interest rooms */
body.interest-rooms-page {
    --ir-blue: #6ee7f2;
    --ir-blue-dark: #4fc8d5;
    --ir-navy: #edf4ff;
    --ir-coral: #ff9e91;
    --ir-gold: #ffd679;
    --ir-text: #edf4ff;
    --ir-muted: #aebdd2;
    --ir-line: rgba(255, 255, 255, .11);
    --ir-surface: rgba(12, 29, 60, .94);
    --ir-shadow: var(--community-shadow);
}

.interest-rooms-page .ir-hero {
    border-color: var(--community-line);
    background:
        radial-gradient(circle at 78% 24%, rgba(110, 231, 242, .14), transparent 26%),
        radial-gradient(circle at 18% 82%, rgba(255, 158, 145, .09), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
    box-shadow: var(--community-shadow);
}

.interest-rooms-page :is(
    .ir-discovery,
    .ir-tags,
    .ir-search,
    .ir-filter-strip,
    .ir-panel,
    .ir-side-panel,
    .ir-room-card,
    .ir-featured-card,
    .ir-cta,
    .ir-pagination
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.interest-rooms-page :is(.ir-room-card h3 a, .ir-featured-card h3 a, .ir-section-heading h2, .ir-side-panel h2) {
    color: #fff;
}

.interest-rooms-page :is(.ir-room-card p, .ir-featured-card p, .ir-room-card__meta, .ir-side-panel li, .ir-section-heading p) {
    color: var(--community-muted);
}

.interest-rooms-page :is(.ir-category, .ir-pill, .ir-tag, .ir-sort a, .ir-filter-strip a) {
    border-color: rgba(110, 231, 242, .22);
    color: #dff9fb;
    background: rgba(110, 231, 242, .07);
}

.interest-rooms-page :is(.ir-category.is-active, .ir-sort a.is-current, .ir-card-action, .ir-top-button) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

/* Realtime chat */
.community-chatroom-page {
    --cr-navy: #edf4ff;
    --cr-blue: #6ee7f2;
    --cr-blue-dark: #4fc8d5;
    --cr-cyan: #6ee7f2;
    --cr-pink: #ff9e91;
    --cr-yellow: #ffd679;
    --cr-violet: #a99cff;
    --cr-surface: rgba(12, 29, 60, .94);
    --cr-border: rgba(255, 255, 255, .11);
    --cr-muted: #aebdd2;
}

.community-chatroom-page .cr-hero {
    border-color: var(--community-line);
    background:
        radial-gradient(circle at 78% 24%, rgba(169, 156, 255, .16), transparent 27%),
        radial-gradient(circle at 18% 82%, rgba(110, 231, 242, .1), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
    box-shadow: var(--community-shadow);
}

.community-chatroom-page :is(
    .cr-panel,
    .cr-chat-panel,
    .cr-chat-header,
    .cr-room-browser,
    .cr-sidebar,
    .cr-member-strip,
    .cr-room-card,
    .cr-message__bubble,
    .cr-composer,
    .cr-compose-login,
    .cr-inline-login,
    .cr-rules,
    .cr-cta
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.community-chatroom-page :is(.cr-message-stream, .cr-room-list, .cr-member-list, .cr-recommend-list) {
    border-color: var(--community-line);
    background: rgba(2, 10, 27, .36);
}

.community-chatroom-page :is(.cr-chat-header h2, .cr-panel__heading h2, .cr-room-card strong, .cr-message__content strong) {
    color: #fff;
}

.community-chatroom-page :is(.cr-message__meta, .cr-room-card span, .cr-empty-mini, .cr-rules li, .cr-panel__heading p) {
    color: var(--community-muted);
}

.community-chatroom-page :is(.cr-chat-tabs button, .cr-room-filters a, .cr-reaction, .cr-button--soft) {
    border-color: rgba(110, 231, 242, .22);
    color: #dff9fb;
    background: rgba(110, 231, 242, .07);
}

.community-chatroom-page :is(.cr-chat-tabs .is-active, .cr-button--primary, .cr-button--accent) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

/* Friends */
body.community-friends-page {
    --friends-ink: #edf4ff;
    --friends-muted: #aebdd2;
    --friends-blue: #6ee7f2;
    --friends-blue-dark: #4fc8d5;
    --friends-pink: #ff9e91;
    --friends-green: #6ee7b7;
    --friends-purple: #a99cff;
    --friends-yellow: #ffd679;
    --friends-line: rgba(255, 255, 255, .11);
    --friends-shadow: var(--community-shadow);
}

.community-friends-page .friends-hero {
    background:
        radial-gradient(circle at 78% 24%, rgba(110, 231, 242, .14), transparent 26%),
        radial-gradient(circle at 18% 82%, rgba(255, 158, 145, .09), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
}

.community-friends-page :is(
    .friends-dashboard,
    .friends-login-notice,
    .friends-stats,
    .friends-panel,
    .friends-person,
    .friends-empty,
    .friends-cta
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.community-friends-page :is(.friends-panel h2, .friends-panel h3, .friends-person strong, .friends-cta h2) {
    color: #fff;
}

.community-friends-page :is(.friends-panel p, .friends-person p, .friends-activity-list span, .friends-online-list span) {
    color: var(--community-muted);
}

.community-friends-page :is(.friends-tag-grid span, .friends-btn--match, .friends-panel__more) {
    border-color: rgba(110, 231, 242, .22);
    color: #dff9fb;
    background: rgba(110, 231, 242, .07);
}

.community-friends-page :is(.friends-btn--primary, .friends-stats__manage) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

/* Character workshop */
.community-character-workshop-page {
    --cw-ink: #edf4ff;
    --cw-muted: #aebdd2;
    --cw-blue: #6ee7f2;
    --cw-purple: #a99cff;
    --cw-pink: #ff9e91;
    --cw-gold: #ffd679;
    --cw-yellow: #ffd679;
    --cw-card: rgba(12, 29, 60, .94);
    --cw-border: rgba(255, 255, 255, .11);
    --cw-shadow: var(--community-shadow);
}

.community-character-workshop-page .cw-hero {
    background:
        radial-gradient(circle at 78% 24%, rgba(169, 156, 255, .16), transparent 27%),
        radial-gradient(circle at 18% 82%, rgba(110, 231, 242, .1), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
}

.community-character-workshop-page :is(
    .cw-data-notice,
    .cw-panel,
    .cw-editor-panel,
    .cw-preview-panel,
    .cw-style-panel,
    .cw-selected-panel,
    .cw-recommended-presets-card,
    .cw-asset-management-card,
    .cw-save-bar,
    .cw-recent,
    .cw-feedback
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.community-character-workshop-page :is(
    .cw-panel__header,
    .cw-selected-panel__header,
    .cw-control-heading,
    .cw-save-bar
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: rgba(255, 255, 255, .045);
}

.community-character-workshop-page :is(.cw-panel h2, .cw-panel h3, .cw-control-heading strong, .cw-selected-panel strong) {
    color: #fff;
}

.community-character-workshop-page :is(.cw-control-hint, .cw-preview-meta, .cw-selected-empty, .cw-empty-look) {
    color: var(--community-muted);
}

.community-character-workshop-page :is(.cw-tabs button, .cw-button--ghost, .cw-button--secondary, .cw-button--management) {
    border-color: rgba(110, 231, 242, .22);
    color: #dff9fb;
    background: rgba(110, 231, 242, .07);
}

.community-character-workshop-page :is(.cw-tabs button.is-active, .cw-button--primary, .cw-button--random) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

.community-character-workshop-page .cw-preview-stage {
    border-color: var(--community-line);
    background-color: rgba(2, 10, 27, .66);
}

.community-character-workshop-page .character-workshop-page {
    color: var(--community-text);
    background:
        radial-gradient(circle at 14% 18%, rgba(110, 231, 242, .11), transparent 25rem),
        radial-gradient(circle at 88% 38%, rgba(169, 156, 255, .13), transparent 30rem),
        linear-gradient(155deg, #050d21, #0a1834 58%, #101b3c);
}

.community-character-workshop-page :is(
    .cw-tabs,
    .cw-editor-scroll,
    .cw-control-section,
    .cw-color-targets,
    .cw-appearance-controls,
    .cw-layer-controls,
    .cw-range--emphasis,
    .cw-asset-choice,
    .cw-preset-card,
    .cw-selected-layers > *,
    .cw-recent-grid button
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: rgba(8, 22, 47, .82);
    box-shadow: none;
}

.community-character-workshop-page :is(
    .cw-tab,
    .cw-control-section h3,
    .cw-range-list label > span,
    .cw-range-list output,
    .cw-asset-group-title,
    .cw-preset-card strong
) {
    color: var(--community-text);
}

.community-character-workshop-page :is(
    .cw-tab.is-active,
    .cw-subtabs button.is-active,
    .cw-color-targets button.is-active
) {
    border-color: rgba(110, 231, 242, .38);
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

.community-character-workshop-page :is(
    .cw-subtabs button,
    .cw-color-targets button,
    .cw-range-list input[type="number"]
) {
    border-color: rgba(255, 255, 255, .15);
    color: var(--community-text);
    background: rgba(2, 10, 27, .7);
}

.community-character-workshop-page .cw-control-hint {
    color: #ffe9bc;
    background: rgba(255, 214, 121, .09);
}

/* Tasks */
.community-tasks-page :is(.tasks-hero, .tasks-help-hero) {
    color: #fff;
    background:
        radial-gradient(circle at 78% 24%, rgba(169, 156, 255, .16), transparent 27%),
        radial-gradient(circle at 18% 82%, rgba(110, 231, 242, .1), transparent 30%),
        linear-gradient(135deg, rgba(12, 31, 67, .98), rgba(13, 22, 54, .97));
    box-shadow: var(--community-shadow);
}

.community-tasks-page .tasks-page {
    color: var(--community-text);
    background: transparent;
}

.community-tasks-page :is(
    .tasks-data-notice,
    .tasks-panel,
    .tasks-task-row,
    .tasks-bonus,
    .tasks-streak-card,
    .tasks-treasure-card,
    .tasks-more,
    .tasks-cta,
    .tasks-link-audit
) {
    border-color: var(--community-line);
    color: var(--community-text);
    background: var(--community-surface);
    box-shadow: var(--community-shadow);
}

.community-tasks-page :is(.tasks-section-heading, .tasks-activity__summary, .tasks-task-row__heading) {
    border-color: var(--community-line);
    color: var(--community-text);
}

.community-tasks-page :is(
    .tasks-panel h2,
    .tasks-panel h3,
    .tasks-task-row strong,
    .tasks-more h2,
    .tasks-cta h2,
    .tasks-link-audit h2
) {
    color: #fff;
}

.community-tasks-page :is(
    .tasks-panel p,
    .tasks-panel span,
    .tasks-task-row p,
    .tasks-task-row small,
    .tasks-more p,
    .tasks-cta p,
    .tasks-link-audit p,
    .tasks-link-audit code
) {
    color: var(--community-muted);
}

.community-tasks-page :is(.tasks-button--go, .tasks-help-button, .tasks-link-audit a) {
    border-color: rgba(110, 231, 242, .25);
    color: #dff9fb;
    background: rgba(110, 231, 242, .08);
}

.community-tasks-page :is(.tasks-button--claim, .tasks-hero__wallet a) {
    color: #07152e;
    background: linear-gradient(135deg, var(--community-cyan), #a9d9ff);
}

.community-tasks-page .tasks-activity__track {
    border-color: var(--community-line);
    background: rgba(2, 10, 27, .42);
}

/* Match the compact midnight footer used by the landing and boards. */
body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) .community-footer-v5 {
    min-height: 0;
    border-top: 1px solid rgba(255, 255, 255, .09);
    padding: 48px 0 24px;
    color: rgba(226, 237, 255, .64);
    background:
        radial-gradient(circle at 80% 0, rgba(110, 231, 242, .1), transparent 28%),
        linear-gradient(145deg, #07142c, #040b1b);
}

body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) .community-footer-v5__inner {
    display: grid;
    width: min(1240px, calc(100% - 40px));
    grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin: auto;
}

body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) .community-footer-v5__brand img {
    width: 190px;
    height: auto;
}

body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) :is(.community-footer-v5 h2, .community-footer-v5 a) {
    color: rgba(239, 245, 255, .82);
}

body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) .community-footer-v5__safety {
    grid-column: 1 / -1;
    border: 1px solid rgba(255, 214, 121, .16);
    color: rgba(239, 245, 255, .74);
    background: rgba(255, 214, 121, .045);
}

body:is(
    .interest-rooms-page,
    .community-chatroom-page,
    .community-friends-page,
    .community-character-workshop-page,
    .community-tasks-page,
    .community-topics-page
) .community-footer-v5__copyright {
    width: min(1240px, calc(100% - 40px));
    margin: 26px auto 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: 18px;
    color: rgba(226, 237, 255, .64);
}

@media (max-width: 980px) {
    body:is(
        .interest-rooms-page,
        .community-chatroom-page,
        .community-friends-page,
        .community-character-workshop-page,
        .community-tasks-page,
        .community-topics-page
    ) .community-footer-v5__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body:is(
        .interest-rooms-page,
        .community-chatroom-page,
        .community-friends-page,
        .community-character-workshop-page,
        .community-tasks-page,
        .community-topics-page
    ) .community-footer-v5__brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    :where(
        .interest-rooms-page,
        .community-chatroom-page,
        .community-friends-page,
        .community-character-workshop-page,
        .community-tasks-page,
        .community-topics-page:not(.community-product-discussion-page)
    ) .community-header__inner {
        width: calc(100% - 24px);
    }

    body:is(
        .interest-rooms-page,
        .community-chatroom-page,
        .community-friends-page,
        .community-character-workshop-page,
        .community-tasks-page,
        .community-topics-page
    ) .community-footer-v5__inner {
        width: calc(100% - 24px);
        grid-template-columns: 1fr;
    }

    body:is(
        .interest-rooms-page,
        .community-chatroom-page,
        .community-friends-page,
        .community-character-workshop-page,
        .community-tasks-page,
        .community-topics-page
    ) .community-footer-v5__brand {
        grid-column: 1 / -1;
    }
}