/* Mars UI skin — scoped complete theme (industrial HUD).
   Dark metal panels, orange accents, sharp edges, no blur. */

@font-face {
    font-family: "Orbitron";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("../fonts/orbitron.woff2") format("woff2");
}

html[data-color-scheme="mars"] {
    --d3-bg-deep: #080404;
    --d3-bg-panel: #180a0a;
    --d3-bg-panel-raised: #221010;
    --d3-bg-input: #0c0606;
    --d3-border-outer: #5a3030;
    --d3-border-inner: #1a0808;
    --d3-accent: #e8940a;
    --d3-accent-red: #cc2818;
    --d3-accent-bright: #ffaa22;
    --d3-accent-dim: #8a4010;
    --d3-accent-glow: rgba(204, 40, 24, 0.42);
    --d3-accent-orange-glow: rgba(232, 148, 10, 0.38);
    --d3-icon-filter: brightness(0) saturate(100%) invert(72%) sepia(52%) saturate(1200%) hue-rotate(358deg) brightness(98%) contrast(95%);
    --talkbtn-icon-url: url("../img/talk/tower.svg");
    --d3-text: #d8c8c8;
    --d3-text-dim: #9a7878;
    --d3-text-bright: #f2e8e8;
    --d3-danger: #cc2818;
    --d3-scanline: rgba(255, 180, 140, 0.025);
    --d3-font: "Orbitron", "Bahnschrift", "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    --d3-panel-shadow:
        inset 0 0 0 1px #000,
        inset 0 0 20px rgba(0, 0, 0, 0.82),
        0 0 0 1px #000,
        0 4px 18px rgba(0, 0, 0, 0.92);
    --d3-btn-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -2px 0 rgba(0, 0, 0, 0.65),
        0 0 0 1px #000;
}

[data-color-scheme="mars"],
[data-color-scheme="mars"] body {
    font-family: var(--d3-font) !important;
    color: var(--d3-text) !important;
}

[data-color-scheme="mars"] * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── Shell: top bar + menu bar ─────────────────────────────────────────── */

[data-color-scheme="mars"] #topBar,
[data-color-scheme="mars"] #menuBar {
    background: linear-gradient(180deg, #261010 0%, #100606 100%) !important;
    border-color: var(--d3-border-outer) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 #000,
        0 2px 8px rgba(0, 0, 0, 0.85) !important;
}

[data-color-scheme="mars"] #menuBar .menu-bar-item-label,
[data-color-scheme="mars"] #menuBar #channelIndicator .menu-bar-item-label {
    color: var(--d3-text-dim) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] #menuBar #channelIndicator #channelIndicatorValue,
[data-color-scheme="mars"] #menuBar #usersOnline .menu-bar-item-content,
[data-color-scheme="mars"] #menuBar #inboxButton .menu-bar-item-content,
[data-color-scheme="mars"] #menuBar #menuRight .menu-bar-item-content {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] #menuBar #usersOnline .menu-bar-item-content img,
[data-color-scheme="mars"] #menuBar #inboxButton #inboxIcon,
[data-color-scheme="mars"] #menuBar #menuRight #personIcon img,
[data-color-scheme="mars"] #menuBar #channelIndicator img {
    filter: var(--d3-icon-filter) !important;
}

html[data-color-scheme="mars"] #menuBar #usersOnline #userCount,
html[data-color-scheme="mars"] body:has(#userListModal.active) #menuBar #usersOnline #userCount,
html[data-color-scheme="mars"] body:has(#userListModal.closing) #menuBar #usersOnline #userCount {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

/* Menu bar launchers share one chrome; inbox had transparent bg + MD3 active glow. */
html[data-color-scheme="mars"] #menuBar .menu-bar-item,
html[data-color-scheme="mars"] #menuBar #muteCbContainer {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #1a0c0c 0%, #0c0606 100%) !important;
    box-shadow:
        inset 0 0 0 1px #000,
        inset 0 0 10px rgba(0, 0, 0, 0.55) !important;
}

html[data-color-scheme="mars"] #menuBar #channelIndicator {
    width: auto !important;
    min-width: 48px !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

html[data-color-scheme="mars"] #menuBar .menu-bar-item:hover,
html[data-color-scheme="mars"] #menuBar #muteCbContainer:hover {
    background: linear-gradient(180deg, #261212 0%, #140a0a 100%) !important;
    border-color: var(--d3-accent-dim) !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton,
html[data-color-scheme="mars"] #menuBar #inboxButton:hover,
html[data-color-scheme="mars"] #menuBar #inboxButton:active,
html[data-color-scheme="mars"] #menuBar #inboxButton:focus {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    padding: 8px 16px !important;
    gap: 4px !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #1a0c0c 0%, #0c0606 100%) !important;
    box-shadow:
        inset 0 0 0 1px #000,
        inset 0 0 10px rgba(0, 0, 0, 0.55) !important;
    color: var(--d3-text-dim) !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton #inboxIcon {
    width: 20px !important;
    height: 20px !important;
    filter: var(--d3-icon-filter) !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton #inboxButtonLabel {
    color: var(--d3-text-dim) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 #000 !important;
    line-height: 1.2 !important;
}

html[data-color-scheme="mars"] #menuBar #muteCbContainer {
    margin: 0 !important;
    padding: 8px 16px !important;
    gap: 4px !important;
    box-sizing: border-box !important;
}

html[data-color-scheme="mars"] #menuBar #muteCbContainer .menu-bar-item-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    min-height: 20px !important;
    flex-shrink: 0 !important;
}

html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-slider {
    display: block !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

html[data-color-scheme="mars"] #menuBar #muteCbContainer .menu-bar-item-label {
    margin: 0 !important;
    margin-top: 1px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    color: var(--d3-text-dim) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 #000 !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton.has-unread {
    animation: none !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton.has-unread #inboxIcon {
    filter: var(--d3-icon-filter) drop-shadow(0 0 4px var(--d3-accent-glow)) !important;
}

html[data-color-scheme="mars"] #menuBar #inboxButton.has-unread #inboxButtonLabel {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

html[data-color-scheme="mars"] body:has(#channelListModal.active) #menuBar #channelIndicator,
html[data-color-scheme="mars"] body:has(#channelListModal.closing) #menuBar #channelIndicator,
html[data-color-scheme="mars"] body:has(#userListModal.active) #menuBar #usersOnline,
html[data-color-scheme="mars"] body:has(#userListModal.closing) #menuBar #usersOnline,
html[data-color-scheme="mars"] body:has(#inboxModal.active) #menuBar #inboxButton,
html[data-color-scheme="mars"] body:has(#inboxModal.closing) #menuBar #inboxButton,
html[data-color-scheme="mars"] body:has(#sidebar.active) #menuBar #menuRight,
html[data-color-scheme="mars"] body:has(#sidebar.closing) #menuBar #menuRight {
    outline: none !important;
    outline-offset: 0 !important;
    animation: none !important;
    border: 2px solid var(--d3-accent) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 0 0 0 1px #000,
        0 0 8px var(--d3-accent-glow) !important;
}

html[data-color-scheme="mars"] body:has(#channelListModal.active) #menuBar #channelIndicator #channelIndicatorValue,
html[data-color-scheme="mars"] body:has(#channelListModal.closing) #menuBar #channelIndicator #channelIndicatorValue,
html[data-color-scheme="mars"] body:has(#channelListModal.active) #menuBar #channelIndicator .menu-bar-item-label,
html[data-color-scheme="mars"] body:has(#channelListModal.closing) #menuBar #channelIndicator .menu-bar-item-label {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

html[data-color-scheme="mars"] body:has(#inboxModal.active) #menuBar #inboxButton #inboxIcon,
html[data-color-scheme="mars"] body:has(#inboxModal.closing) #menuBar #inboxButton #inboxIcon {
    filter: var(--d3-icon-filter) !important;
}

html[data-color-scheme="mars"] body:has(#inboxModal.active) #menuBar #inboxButton #inboxButtonLabel,
html[data-color-scheme="mars"] body:has(#inboxModal.closing) #menuBar #inboxButton #inboxButtonLabel {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

html[data-color-scheme="mars"] #topBar #kaosWidget .kaos-station-label,
html[data-color-scheme="mars"] #topBar #reactionScoreboard .score-number,
html[data-color-scheme="mars"] body:has(#leaderboardModal.active) #topBar #reactionScoreboard .score-number,
html[data-color-scheme="mars"] body:has(#leaderboardModal.closing) #topBar #reactionScoreboard .score-number,
html[data-color-scheme="mars"] #topBar #reactionScoreboard.gccr-leaderboard-source-active .score-number {
    color: var(--d3-accent-bright) !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] #kaosWidget .kaos-icon-play,
[data-color-scheme="mars"] #kaosWidget .kaos-icon-stop {
    filter: var(--d3-icon-filter) !important;
}

[data-color-scheme="mars"] #currentSpeakerName,
[data-color-scheme="mars"] #toastNotificationTop {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 8px var(--d3-accent-glow), 0 1px 2px #000 !important;
}

/* ── Slide-in panels: sidebar, user list, channel list, inbox ─────────── */

[data-color-scheme="mars"] #sidebar,
[data-color-scheme="mars"] body #userListModal,
[data-color-scheme="mars"] body #channelListModal,
[data-color-scheme="mars"] body #inboxModal .modal-content {
    background:
        repeating-linear-gradient(0deg, var(--d3-scanline) 0 1px, transparent 1px 3px),
        linear-gradient(180deg, var(--d3-bg-panel-raised) 0%, var(--d3-bg-panel) 48%, var(--d3-bg-deep) 100%) !important;
    border-color: var(--d3-border-outer) !important;
    border-radius: 0 !important;
    color: var(--d3-text) !important;
    box-shadow:
        inset 0 0 0 1px var(--d3-border-inner),
        inset 0 0 28px rgba(0, 0, 0, 0.78),
        4px 0 24px rgba(0, 0, 0, 0.88) !important;
}

[data-color-scheme="mars"] #sidebar .sidebar-list-label,
[data-color-scheme="mars"] #sidebar .toggle-text,
[data-color-scheme="mars"] #sidebar .sidebar-advanced-settings-summary {
    color: var(--d3-accent-bright) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] #sidebar .sidebar-list-section {
    background: linear-gradient(180deg, #261212 0%, #140a0a 100%) !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.65) !important;
}

[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header .channel-info,
html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header .channel-info.channel-info--with-busy-toggle,
html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header .channel-info.channel-info--has-moderated-users {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-color-scheme="mars"] body #userListModal #userList > li:not(.user-list-channel-header),
[data-color-scheme="mars"] body #userListModal #userList > li[data-peer-id],
[data-color-scheme="mars"] body #channelListModal #channelList > li {
    background: linear-gradient(180deg, #2a1414 0%, #1a0c0c 100%) !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px #000, inset 0 0 10px rgba(0, 0, 0, 0.55) !important;
}

html[data-color-scheme="mars"] body #userListModal #userList {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

html[data-color-scheme="mars"] body #userListModal #userList > li:not(.user-list-channel-header) {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    min-width: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

[data-color-scheme="mars"] body #userListModal .channel-info-title {
    color: var(--d3-accent-bright) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] body #userListModal .channel-busy-notify-text {
    color: var(--d3-text-dim) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.04em !important;
}

[data-color-scheme="mars"] body #userListModal .user-list-moderated-users-link {
    border: 1px solid var(--d3-accent-dim) !important;
    border-radius: 0 !important;
    background: #140808 !important;
    color: var(--d3-accent-bright) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 4px 8px !important;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7) !important;
}

html[data-color-scheme="mars"] body #channelListModal #channelList {
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

html[data-color-scheme="mars"] body #channelListModal #channelList .channel-list-row {
    color: var(--d3-text) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

html[data-color-scheme="mars"] body #channelListModal #channelList > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

[data-color-scheme="mars"] body #channelListModal #channelList > li:hover,
[data-color-scheme="mars"] body #userListModal #userList > li:hover {
    border-color: var(--d3-accent) !important;
    box-shadow:
        inset 0 0 0 1px #000,
        0 0 8px var(--d3-accent-glow) !important;
}

/* ── Center dialogs ─────────────────────────────────────────────────────── */

[data-color-scheme="mars"] body #contactModal,
[data-color-scheme="mars"] body #nicknameModal,
[data-color-scheme="mars"] body #confirmModal,
[data-color-scheme="mars"] body #alertModal,
[data-color-scheme="mars"] body #moderatedUsersModal,
[data-color-scheme="mars"] body #userInfoModal,
[data-color-scheme="mars"] body #leaderboardModal,
[data-color-scheme="mars"] .podcast-processing-modal,
[data-color-scheme="mars"] .podcast-recovery-modal,
[data-color-scheme="mars"] .podcast-postprocess-modal,
[data-color-scheme="mars"] .podcast-metadata-modal,
[data-color-scheme="mars"] .video-recording-modal,
[data-color-scheme="mars"] .video-review-modal,
[data-color-scheme="mars"] .cc-chip-shop-overlay {
    background: rgba(0, 0, 0, 0.88) !important;
}

[data-color-scheme="mars"] #contactModal .modal-content,
[data-color-scheme="mars"] #nicknameModal .modal-content,
[data-color-scheme="mars"] #confirmModal .modal-content,
[data-color-scheme="mars"] #alertModal .modal-content,
[data-color-scheme="mars"] #userInfoModal .modal-content,
[data-color-scheme="mars"] #moderatedUsersModal .moderated-users-modal-content,
[data-color-scheme="mars"] #leaderboardModal .leaderboard-modal-content,
[data-color-scheme="mars"] .podcast-processing-card,
[data-color-scheme="mars"] .podcast-recovery-card,
[data-color-scheme="mars"] .podcast-postprocess-card,
[data-color-scheme="mars"] .podcast-metadata-card,
[data-color-scheme="mars"] .video-recording-modal-content,
[data-color-scheme="mars"] .video-review-modal-content,
[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-modal-panel {
    background:
        repeating-linear-gradient(0deg, var(--d3-scanline) 0 1px, transparent 1px 3px),
        linear-gradient(180deg, #2a1414 0%, #180a0a 55%, #0a0404 100%) !important;
    border: 2px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    color: var(--d3-text) !important;
    box-shadow: var(--d3-panel-shadow) !important;
}

[data-color-scheme="mars"] .modal-header-h2,
[data-color-scheme="mars"] .modal-header-h2-sm,
[data-color-scheme="mars"] .moderated-users-modal-title,
[data-color-scheme="mars"] .podcast-processing-title,
[data-color-scheme="mars"] .video-recording-modal-title,
[data-color-scheme="mars"] .video-review-modal-title,
[data-color-scheme="mars"] #leaderboardModal .leaderboard-modal-title {
    color: var(--d3-accent-bright) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px var(--d3-accent-glow), 0 1px 0 #000 !important;
    border-bottom: 1px solid var(--d3-accent-dim) !important;
    padding-bottom: 6px !important;
}

[data-color-scheme="mars"] .modal .scrollable,
[data-color-scheme="mars"] .modal-content p,
[data-color-scheme="mars"] .moderated-users-content,
[data-color-scheme="mars"] .leaderboard-modal-content {
    color: var(--d3-text) !important;
    line-height: 1.45 !important;
}

[data-color-scheme="mars"] .modal .scrollable a {
    color: var(--d3-accent-bright) !important;
}

/* ── Buttons ───────────────────────────────────────────────────────────── */

[data-color-scheme="mars"] button,
[data-color-scheme="mars"] .button-full,
[data-color-scheme="mars"] .action-btn,
[data-color-scheme="mars"] #sidebar .sidebar-list-section-actions .button-full,
[data-color-scheme="mars"] .modal .button-container button,
[data-color-scheme="mars"] .moderated-users-row-btn,
[data-color-scheme="mars"] .podcast-recovery-btn-tonal,
[data-color-scheme="mars"] .podcast-recovery-btn-filled,
[data-color-scheme="mars"] .podcast-processing-cancel {
    border-radius: 0 !important;
    border: 2px solid var(--d3-border-outer) !important;
    background: linear-gradient(180deg, #321818 0%, #1a0c0c 55%, #0c0606 100%) !important;
    color: var(--d3-text-bright) !important;
    font-family: var(--d3-font) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 #000 !important;
    box-shadow: var(--d3-btn-shadow) !important;
}

[data-color-scheme="mars"] button:hover:not(:disabled),
[data-color-scheme="mars"] .button-full:hover,
[data-color-scheme="mars"] .action-btn:hover {
    border-color: var(--d3-accent) !important;
    color: var(--d3-accent-bright) !important;
    box-shadow:
        var(--d3-btn-shadow),
        0 0 10px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] #contactModalOk,
[data-color-scheme="mars"] #nicknameOk,
[data-color-scheme="mars"] #confirmYes,
[data-color-scheme="mars"] .podcast-recovery-btn-filled {
    background: linear-gradient(180deg, #5a2010 0%, #3a1408 55%, #1a0804 100%) !important;
    border-color: var(--d3-accent) !important;
    color: var(--d3-accent-bright) !important;
}

[data-color-scheme="mars"] #nicknameCancel,
[data-color-scheme="mars"] #confirmNo,
[data-color-scheme="mars"] .podcast-processing-cancel {
    background: linear-gradient(180deg, #261212 0%, #140808 100%) !important;
}

/* ── Form fields ───────────────────────────────────────────────────────── */

[data-color-scheme="mars"] input[type="text"],
[data-color-scheme="mars"] input[type="number"],
[data-color-scheme="mars"] input[type="search"],
[data-color-scheme="mars"] input[type="email"],
[data-color-scheme="mars"] textarea,
[data-color-scheme="mars"] select,
[data-color-scheme="mars"] .cc-input,
[data-color-scheme="mars"] .nickname-input,
[data-color-scheme="mars"] #sidebar .sidebar-list-control,
[data-color-scheme="mars"] .podcast-metadata-field input,
[data-color-scheme="mars"] .podcast-metadata-field textarea {
    border-radius: 0 !important;
    border: 2px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-input) !important;
    color: var(--d3-text-bright) !important;
    font-family: var(--d3-font) !important;
    font-size: 0.8rem !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.85) !important;
}

[data-color-scheme="mars"] input:focus,
[data-color-scheme="mars"] textarea:focus,
[data-color-scheme="mars"] select:focus {
    outline: none !important;
    border-color: var(--d3-accent) !important;
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.85),
        0 0 8px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] input::placeholder,
[data-color-scheme="mars"] textarea::placeholder {
    color: var(--d3-text-dim) !important;
}

[data-color-scheme="mars"] select option {
    background: #180a0a !important;
    color: var(--d3-text) !important;
}

/* ── Toggles + radios ──────────────────────────────────────────────────── */

html[data-color-scheme="mars"] .toggle-slider,
html[data-color-scheme="mars"] #sidebar .toggle-slider,
html[data-color-scheme="mars"] #menuBar .toggle-slider,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-slider,
html[data-color-scheme="mars"] #userList li.user-list-channel-header .toggle-slider,
html[data-color-scheme="mars"] #userList li.user-list-channel-header span.toggle-slider {
    box-sizing: border-box !important;
    position: relative !important;
    width: 38px !important;
    height: 20px !important;
    min-width: 38px !important;
    min-height: 20px !important;
    max-width: 38px !important;
    max-height: 20px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border: 2px solid var(--d3-border-outer) !important;
    background: linear-gradient(180deg, #1a0c0c 0%, #0a0404 100%) !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.85) !important;
}

html[data-color-scheme="mars"] .toggle-slider::before,
html[data-color-scheme="mars"] #sidebar .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-slider::before,
html[data-color-scheme="mars"] #userList li.user-list-channel-header .toggle-slider::before,
html[data-color-scheme="mars"] #userList li.user-list-channel-header span.toggle-slider::before {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
    width: 12px !important;
    height: 12px !important;
    left: 2px !important;
    top: 2px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #666 0%, #333 100%) !important;
    border: 1px solid #888 !important;
    box-shadow: 0 1px 2px #000 !important;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

html[data-color-scheme="mars"] input:checked + .toggle-slider,
html[data-color-scheme="mars"] .toggle-switch:checked + .toggle-slider,
html[data-color-scheme="mars"] #menuBar #muteCbContainer input:checked + .menu-bar-item-content .toggle-slider,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-switch:checked + .menu-bar-item-content .toggle-slider,
html[data-color-scheme="mars"] #userList li.user-list-channel-header input:checked + .toggle-slider,
html[data-color-scheme="mars"] #userList li.user-list-channel-header .toggle-switch:checked + .toggle-slider {
    border-color: var(--d3-accent) !important;
    background: linear-gradient(180deg, #4a2010 0%, #220c06 100%) !important;
    box-shadow:
        inset 0 0 8px rgba(0, 0, 0, 0.7),
        0 0 8px var(--d3-accent-glow) !important;
}

html[data-color-scheme="mars"] input:checked + .toggle-slider::before,
html[data-color-scheme="mars"] .toggle-switch:checked + .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar #muteCbContainer input:checked + .menu-bar-item-content .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-switch:checked + .menu-bar-item-content .toggle-slider::before,
html[data-color-scheme="mars"] #userList li.user-list-channel-header input:checked + .toggle-slider::before,
html[data-color-scheme="mars"] #userList li.user-list-channel-header .toggle-switch:checked + .toggle-slider::before {
    transform: translateX(20px) !important;
    background: linear-gradient(180deg, var(--d3-accent-bright) 0%, var(--d3-accent-dim) 100%) !important;
    border-color: var(--d3-accent-bright) !important;
}

html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header .channel-busy-notify-switch-wrap {
    width: 38px !important;
    height: 20px !important;
    min-width: 38px !important;
    min-height: 20px !important;
    max-width: 38px !important;
    max-height: 20px !important;
    align-self: center !important;
}

html[data-color-scheme="mars"] body #userListModal #userList > li.user-list-channel-header .channel-busy-notify-switch-wrap .toggle-slider {
    margin: 0 !important;
}

[data-color-scheme="mars"] #sidebar input[type="radio"] {
    accent-color: var(--d3-accent) !important;
}

/* ── Range sliders ─────────────────────────────────────────────────────── */

[data-color-scheme="mars"] input[type="range"] {
    accent-color: var(--d3-accent) !important;
}

[data-color-scheme="mars"] input[type="range"]:not(.video-gallery-trim-range)::-webkit-slider-runnable-track {
    background: #0a0a0a !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    height: 6px !important;
}

[data-color-scheme="mars"] input[type="range"]::-webkit-slider-thumb {
    border-radius: 0 !important;
    border: 2px solid var(--d3-accent) !important;
    background: linear-gradient(180deg, var(--d3-accent-bright) 0%, var(--d3-accent-dim) 100%) !important;
    box-shadow: 0 0 6px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] input[type="range"]:not(.video-gallery-trim-range)::-moz-range-track {
    background: #0a0a0a !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    height: 6px !important;
}

[data-color-scheme="mars"] input[type="range"]::-moz-range-thumb {
    border-radius: 0 !important;
    border: 2px solid var(--d3-accent) !important;
    background: linear-gradient(180deg, var(--d3-accent-bright) 0%, var(--d3-accent-dim) 100%) !important;
}

/* ── Inbox / messenger ─────────────────────────────────────────────────── */

[data-color-scheme="mars"] body #inboxModal #inboxTabs,
[data-color-scheme="mars"] body #inboxModal #inboxMd3Tabs,
[data-color-scheme="mars"] body #inboxModal .inbox-tab {
    background: #140808 !important;
    border-color: var(--d3-border-outer) !important;
    border-radius: 0 !important;
    color: var(--d3-text-dim) !important;
}

[data-color-scheme="mars"] body #inboxModal .inbox-tab.active,
[data-color-scheme="mars"] body #inboxModal .inbox-tab:hover {
    color: var(--d3-accent-bright) !important;
    background: #221008 !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] body #inboxModal .inbox-message-bubble,
[data-color-scheme="mars"] body #inboxModal .inbox-friend-row {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background: #1a0c0c !important;
}

[data-color-scheme="mars"] body #inboxModal .inbox-message-bubble--self {
    border-color: var(--d3-accent-dim) !important;
    background: #221008 !important;
}

/* ── Leaderboard / chip shop ───────────────────────────────────────────── */

[data-color-scheme="mars"] #leaderboardModal .leaderboard-tabs button,
[data-color-scheme="mars"] #leaderboardModal .cc-nav-rail button,
[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-shop-tab {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background: #180a0a !important;
    color: var(--d3-text-dim) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 0.68rem !important;
}

[data-color-scheme="mars"] #leaderboardModal .leaderboard-tabs button.active,
[data-color-scheme="mars"] #leaderboardModal .cc-nav-rail button.active,
[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-shop-tab.active {
    color: var(--d3-accent-bright) !important;
    border-color: var(--d3-accent) !important;
    background: #221008 !important;
    box-shadow: 0 0 8px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] #leaderboardModal .cc-modal-balance,
[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-modal-balance {
    border: 1px solid var(--d3-accent-dim) !important;
    border-radius: 0 !important;
    background: #140808 !important;
    color: var(--d3-accent-bright) !important;
}

/* ── User info modal tabs ──────────────────────────────────────────────── */

[data-color-scheme="mars"] #userInfoModal .user-info-tab {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background: #180a0a !important;
    color: var(--d3-text-dim) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 0.65rem !important;
}

[data-color-scheme="mars"] #userInfoModal .user-info-tab.active {
    color: var(--d3-accent-bright) !important;
    border-color: var(--d3-accent) !important;
    background: #221008 !important;
}

/* ── Scrollbars ────────────────────────────────────────────────────────── */

[data-color-scheme="mars"] ::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

[data-color-scheme="mars"] ::-webkit-scrollbar-track {
    background: #0a0a0a !important;
    border-left: 1px solid var(--d3-border-outer) !important;
}

[data-color-scheme="mars"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #444 0%, #2a2a2a 100%) !important;
    border: 1px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
}

[data-color-scheme="mars"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--d3-accent-dim) 0%, #2a2a2a 100%) !important;
}

/* ── Misc HUD elements ─────────────────────────────────────────────────── */

[data-color-scheme="mars"] #keyingUpList {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow), 0 1px 2px #000 !important;
}

[data-color-scheme="mars"] .megaphone-self-lease-hud,
[data-color-scheme="mars"] .ghost-self-lease-timer,
[data-color-scheme="mars"] .xray-self-lease-timer {
    color: var(--d3-accent-bright) !important;
    text-shadow: 0 0 6px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] #gccrThemeBootVeil {
    background: #000 !important;
}

/* ── Main controls (per-button; must not use background shorthand) ─────── */

[data-color-scheme="mars"] #buttonContainer #blockButton,
[data-color-scheme="mars"] #buttonContainer #skipButton,
[data-color-scheme="mars"] #buttonContainer #reverseButton,
[data-color-scheme="mars"] #buttonContainer #camButton,
[data-color-scheme="mars"] #buttonContainer #talkButton,
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton,
[data-color-scheme="mars"] .cam-fab-item {
    border-radius: 0 !important;
    border-width: 2px !important;
    border-style: solid !important;
    box-shadow: var(--d3-btn-shadow) !important;
    filter: none !important;
    position: relative !important;
    color: var(--d3-text-bright) !important;
    text-shadow: 0 1px 0 #000 !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton::before,
[data-color-scheme="mars"] #buttonContainer #blockButton::after,
[data-color-scheme="mars"] #buttonContainer #skipButton::before,
[data-color-scheme="mars"] #buttonContainer #skipButton::after,
[data-color-scheme="mars"] #buttonContainer #reverseButton::before,
[data-color-scheme="mars"] #buttonContainer #reverseButton::after,
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton::before,
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton::after {
    content: none !important;
    display: none !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton {
    background-image: none !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton:not(.talking):not(:disabled)::after {
    filter: var(--d3-icon-filter) !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: var(--talkbtn-icon-url, url("../img/talk/tower.svg")) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 55% auto !important;
    pointer-events: none !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton:not(.talking):not(:disabled) {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-color: var(--d3-accent) !important;
    box-shadow:
        var(--d3-btn-shadow),
        0 0 0 1px rgba(204, 40, 24, 0.22),
        0 0 14px var(--d3-accent-orange-glow) !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton.talking,
[data-color-scheme="mars"] #buttonContainer #talkButton.talking:not(:disabled) {
    background-color: #cc2818 !important;
    background-image: linear-gradient(180deg, #ef4428 0%, #991208 55%, #6a1008 100%) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    border-color: #ff5544 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 90, 70, 0.45),
        inset 0 -2px 0 rgba(0, 0, 0, 0.65),
        0 0 0 1px #000,
        0 0 0 2px var(--d3-accent-red),
        0 0 18px var(--d3-accent-glow) !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton.talking::after {
    filter: brightness(0) saturate(100%) invert(88%) sepia(28%) saturate(1800%) hue-rotate(314deg) brightness(108%) contrast(102%) !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton.disabled:not(.talking),
[data-color-scheme="mars"] #buttonContainer #talkButton:disabled:not(.talking) {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
    border-color: #3a2828 !important;
    box-shadow: var(--d3-btn-shadow) !important;
    filter: none !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton.disabled:not(.talking)::after,
[data-color-scheme="mars"] #buttonContainer #talkButton:disabled:not(.talking)::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(8%) saturate(400%) hue-rotate(314deg) brightness(88%) contrast(90%) !important;
    opacity: 0.65 !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #skipButton:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #reverseButton:not(:disabled),
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:not(:disabled) {
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 34px 34px, 100% 100% !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] #buttonContainer #skipButton:not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='M660-240v-480h80v480h-80Zm-440 0v-480l360 240-360 240Zm80-240Zm0 90 136-90-136-90v180Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] #buttonContainer #reverseButton:not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='M180-280v-400h80v400h-80Zm420-7L313-474q-18-12-18-40t18-40l287-187q20-13 40-.5t20 33.5v388q0 21-20 33.5t-40-.5Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] #buttonContainer #camButton:not(:disabled) {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-color: var(--d3-accent-dim) !important;
}

[data-color-scheme="mars"] #buttonContainer #camButton::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='M640-520v-200h80v200h-80ZM440-244q-35-10-57.5-39T360-350v-370h80v476Zm30 164q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v300h-80v-300q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q25 0 47.5-6.5T560-186v89q-21 8-43.5 12.5T470-80Zm170-40v-120H520v-80h120v-120h80v120h120v80H720v120h-80Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 50% auto !important;
    pointer-events: none !important;
}

[data-color-scheme="mars"] #buttonContainer #camButton:not(:disabled)::after {
    filter: none !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #camButton .cam-button-icon {
    display: none !important;
}

[data-color-scheme="mars"] .cam-fab-root.cam-fab-open #camButton::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e8940a'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:not(.active):not(:disabled),
[data-color-scheme="mars"] #buttonContainer #skipButton:not(.active):not(:disabled),
[data-color-scheme="mars"] #buttonContainer #reverseButton:not(.active):not(:disabled),
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:not(.active):not(:disabled) {
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 34px 34px, 100% 100% !important;
    border-color: #3a2828 !important;
    box-shadow: var(--d3-btn-shadow) !important;
    filter: none !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:not(.active):not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238a6848'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
}

[data-color-scheme="mars"] #buttonContainer #skipButton:not(.active):not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238a6848'%3E%3Cpath d='M660-240v-480h80v480h-80Zm-440 0v-480l360 240-360 240Zm80-240Zm0 90 136-90-136-90v180Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
}

[data-color-scheme="mars"] #buttonContainer #reverseButton:not(.active):not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238a6848'%3E%3Cpath d='M180-280v-400h80v400h-80Zm420-7L313-474q-18-12-18-40t18-40l287-187q20-13 40-.5t20 33.5v388q0 21-20 33.5t-40-.5Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
}

[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:not(.active):not(:disabled) {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238a6848'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:disabled,
[data-color-scheme="mars"] #buttonContainer #skipButton:disabled,
[data-color-scheme="mars"] #buttonContainer #camButton:disabled,
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:disabled {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
    border-color: #3a2828 !important;
    box-shadow: var(--d3-btn-shadow) !important;
    filter: none !important;
    opacity: 1 !important;
}

[data-color-scheme="mars"] #buttonContainer #reverseButton:disabled {
    background-color: transparent !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238a6848'%3E%3Cpath d='M180-280v-400h80v400h-80Zm420-7L313-474q-18-12-18-40t18-40l287-187q20-13 40-.5t20 33.5v388q0 21-20 33.5t-40-.5Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #2a1818 0%, #1a1010 100%) !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 34px 34px, 100% 100% !important;
    border-color: #3a2828 !important;
    box-shadow: var(--d3-btn-shadow) !important;
    filter: none !important;
    opacity: 0.72 !important;
    cursor: not-allowed !important;
}

[data-color-scheme="mars"] #buttonContainer #camButton:disabled::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(8%) saturate(400%) hue-rotate(314deg) brightness(88%) contrast(90%) !important;
    opacity: 0.65 !important;
}

[data-color-scheme="mars"] #buttonContainer #blockButton:hover:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #skipButton:hover:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #reverseButton:hover:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #camButton:hover:not(:disabled),
[data-color-scheme="mars"] #buttonContainer #talkButton:hover:not(:disabled),
[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:hover:not(:disabled),
[data-color-scheme="mars"] .cam-fab-item:hover:not(:disabled) {
    border-color: var(--d3-accent-bright) !important;
    box-shadow:
        var(--d3-btn-shadow),
        0 0 12px var(--d3-accent-orange-glow) !important;
}

[data-color-scheme="mars"] #buttonContainer #talkButton.talking:hover:not(:disabled) {
    border-color: #ff7766 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 90, 70, 0.5),
        inset 0 -2px 0 rgba(0, 0, 0, 0.65),
        0 0 0 1px #000,
        0 0 0 2px var(--d3-accent-red),
        0 0 22px var(--d3-accent-glow) !important;
}

/* Recording undo: drop Mars CSS download bg; show theme-colored undo img only */
html[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:has(.download-button-undo-icon[style*="block"]) {
    background-image: linear-gradient(180deg, #4a2810 0%, #2a1408 55%, #140804 100%) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

html[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton .download-button-undo-icon {
    filter: var(--d3-icon-filter) !important;
}

html[data-color-scheme="mars"] #queueVisualizationWrapper #downloadButton:not(:has(.download-button-undo-icon[style*="block"])) .download-button-undo-icon {
    display: none !important;
}

[data-color-scheme="mars"] .cam-fab-item {
    border-color: var(--d3-border-outer) !important;
    background: linear-gradient(180deg, #321818 0%, #1a0c0c 100%) !important;
}

[data-color-scheme="mars"] .cam-fab-item .cam-fab-item-icon img {
    filter: var(--d3-icon-filter) !important;
}

/* ── Squared geometry (theme-wide consistency) ─────────────────────────── */

html[data-color-scheme="mars"] #buttonContainer,
html[data-color-scheme="mars"] #talkButtonWrapper,
html[data-color-scheme="mars"] #skipReverseContainer,
html[data-color-scheme="mars"] #blockDownloadContainer,
html[data-color-scheme="mars"] #skipButtonWrapper,
html[data-color-scheme="mars"] .cam-fab-menu,
html[data-color-scheme="mars"] .cam-fab-root,
html[data-color-scheme="mars"] .reaction-fab-toggle,
html[data-color-scheme="mars"] .feedback-button,
html[data-color-scheme="mars"] #feedbackButtons .feedback-button {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar,
html[data-color-scheme="mars"] #sidebar .sidebar-list-section,
html[data-color-scheme="mars"] #sidebar .sidebar-advanced-settings-details,
html[data-color-scheme="mars"] #sidebar .sidebar-advanced-settings-body,
html[data-color-scheme="mars"] #sidebar .sidebar-advanced-settings-body-inner,
html[data-color-scheme="mars"] #sidebar .sidebar-list-item,
html[data-color-scheme="mars"] #sidebar .input-container,
html[data-color-scheme="mars"] #sidebar .sidebar-list-control,
html[data-color-scheme="mars"] #sidebar input[type="text"],
html[data-color-scheme="mars"] #sidebar input[type="number"],
html[data-color-scheme="mars"] #sidebar select,
html[data-color-scheme="mars"] #sidebar #buttonTheme,
html[data-color-scheme="mars"] #sidebar #colorScheme,
html[data-color-scheme="mars"] #sidebar #rogerBeepSelect,
html[data-color-scheme="mars"] #sidebar #usernameColor,
html[data-color-scheme="mars"] #sidebar .nickname-input,
html[data-color-scheme="mars"] .username-color-dropdown,
html[data-color-scheme="mars"] .username-color-swatch,
html[data-color-scheme="mars"] #usernameColorDropdown,
html[data-color-scheme="mars"] #usernameColorDropdown .username-color-dot,
html[data-color-scheme="mars"] .username-color-panel,
html[data-color-scheme="mars"] .username-color-option {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-dropdown,
html[data-color-scheme="mars"] #sidebar .btn-theme-sel-wrap,
html[data-color-scheme="mars"] #sidebar .btn-theme-overlay,
html[data-color-scheme="mars"] #sidebar .btn-theme-panel,
html[data-color-scheme="mars"] #sidebar .btn-theme-option,
html[data-color-scheme="mars"] #sidebar .btn-theme-opt-img,
html[data-color-scheme="mars"] #sidebar .cs-scheme-dropdown,
html[data-color-scheme="mars"] #sidebar .cs-scheme-sel-wrap,
html[data-color-scheme="mars"] #sidebar .cs-scheme-overlay,
html[data-color-scheme="mars"] #sidebar .cs-scheme-panel,
html[data-color-scheme="mars"] #sidebar .cs-scheme-option,
html[data-color-scheme="mars"] #sidebar .cs-scheme-overlay-inner,
html[data-color-scheme="mars"] #sidebar .rb-scheme-overlay,
html[data-color-scheme="mars"] #sidebar .rb-scheme-overlay-inner,
html[data-color-scheme="mars"] #sidebar .cs-scheme-overlay-preview,
html[data-color-scheme="mars"] #colorSchemeDropdown,
html[data-color-scheme="mars"] #colorSchemeDropdown .cs-scheme-color-dot,
html[data-color-scheme="mars"] #colorSchemeDropdown .cs-scheme-color-swatch,
html[data-color-scheme="mars"] #rogerBeepDropdown,
html[data-color-scheme="mars"] #rogerBeepDropdown .cs-scheme-panel,
html[data-color-scheme="mars"] #rogerBeepDropdown .rb-scheme-panel,
html[data-color-scheme="mars"] #rogerBeepDropdown .cs-scheme-option {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar .button-full,
html[data-color-scheme="mars"] #sidebar a.button-full,
html[data-color-scheme="mars"] #sidebar .sidebar-two-btn-row .button-full,
html[data-color-scheme="mars"] #sidebar .sidebar-logout-exit-btn,
html[data-color-scheme="mars"] #sidebar .sidebar-subscribe-adfree-btn,
html[data-color-scheme="mars"] #sidebar .podcast-record-button,
html[data-color-scheme="mars"] #sidebar .sidebar-list-section-actions .button-full {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border: 2px solid var(--d3-border-outer) !important;
    border-radius: 0 !important;
    background: var(--d3-bg-input) !important;
    margin: 0 6px 0 0 !important;
    vertical-align: middle !important;
    accent-color: var(--d3-accent) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75) !important;
}

html[data-color-scheme="mars"] #sidebar input[type="radio"]:checked {
    background: linear-gradient(180deg, var(--d3-accent-bright) 0%, var(--d3-accent-dim) 100%) !important;
    border-color: var(--d3-accent) !important;
    box-shadow:
        inset 0 0 0 2px #1a0808,
        0 0 6px var(--d3-accent-orange-glow) !important;
}

html[data-color-scheme="mars"] #sidebar .toggle-slider,
html[data-color-scheme="mars"] #sidebar .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar .toggle-slider,
html[data-color-scheme="mars"] #menuBar .toggle-slider::before,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-slider,
html[data-color-scheme="mars"] #menuBar #muteCbContainer .toggle-slider::before {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar input[type="range"],
html[data-color-scheme="mars"] #sidebar input[type="range"]::-webkit-slider-runnable-track,
html[data-color-scheme="mars"] #sidebar input[type="range"]::-webkit-slider-thumb,
html[data-color-scheme="mars"] #sidebar input[type="range"]::-moz-range-track,
html[data-color-scheme="mars"] #sidebar input[type="range"]::-moz-range-thumb {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #menuBar #channelIndicator,
html[data-color-scheme="mars"] #menuBar #muteCbContainer,
html[data-color-scheme="mars"] #menuBar #usersOnline,
html[data-color-scheme="mars"] #menuBar #inboxButton,
html[data-color-scheme="mars"] #menuBar #menuRight,
html[data-color-scheme="mars"] body:has(#sidebar.active) #menuBar #menuRight,
html[data-color-scheme="mars"] body:has(#sidebar.closing) #menuBar #menuRight,
html[data-color-scheme="mars"] body:has(#inboxModal.active) #menuBar #inboxButton,
html[data-color-scheme="mars"] body:has(#inboxModal.closing) #menuBar #inboxButton,
html[data-color-scheme="mars"] body:has(#userListModal.active) #menuBar #usersOnline,
html[data-color-scheme="mars"] body:has(#userListModal.closing) #menuBar #usersOnline,
html[data-color-scheme="mars"] body:has(#channelListModal.active) #menuBar #channelIndicator,
html[data-color-scheme="mars"] body:has(#channelListModal.closing) #menuBar #channelIndicator {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #menuBar .menu-bar-item-content,
html[data-color-scheme="mars"] #menuBar .top-right-item {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #reactionScoreboard .chip-score-col,
html[data-color-scheme="mars"] #reactionScoreboard .chip-icon-wrap {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar .sidebar-advanced-settings-summary,
html[data-color-scheme="mars"] .user-list-moderated-users-link {
    border-radius: 0 !important;
}

/* ── Sidebar dropdown grids (flat, square, consistent) ─────────────────── */

html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .btn-theme-overlay {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background-color: var(--d3-bg-input) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,170,34,0.75)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
}

html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .btn-theme-overlay-img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    filter: var(--d3-icon-filter) !important;
}

html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .btn-theme-overlay-label,
html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .cs-scheme-overlay-label {
    color: var(--d3-text-bright) !important;
    text-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar #colorSchemeDropdown .cs-scheme-overlay,
html[data-color-scheme="mars"] #sidebar #usernameColorDropdown .username-color-overlay {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background-color: var(--d3-bg-input) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,170,34,0.75)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-overlay {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background-color: var(--d3-bg-input) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,170,34,0.75)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
}

html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .btn-theme-overlay:hover,
html[data-color-scheme="mars"] #sidebar #btnThemeDropdown .btn-theme-overlay:focus-visible {
    border-color: var(--d3-accent) !important;
    background-color: var(--d3-bg-input) !important;
    box-shadow: none !important;
    outline: none !important;
}

html[data-color-scheme="mars"] #sidebar #colorSchemeDropdown .cs-scheme-overlay:hover,
html[data-color-scheme="mars"] #sidebar #colorSchemeDropdown .cs-scheme-overlay:focus-visible,
html[data-color-scheme="mars"] #sidebar #usernameColorDropdown .username-color-overlay:hover,
html[data-color-scheme="mars"] #sidebar #usernameColorDropdown .username-color-overlay:focus-visible,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-overlay:hover,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-overlay:focus-visible {
    border-color: var(--d3-accent) !important;
    background-color: var(--d3-bg-input) !important;
    box-shadow: none !important;
    outline: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-panel,
html[data-color-scheme="mars"] #sidebar .cs-scheme-panel,
html[data-color-scheme="mars"] #sidebar .username-color-panel,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-panel {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-deep) !important;
    box-shadow: none !important;
    margin-top: 4px !important;
    padding: 4px !important;
    gap: 2px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html[data-color-scheme="mars"] #rogerBeepDropdown .cs-scheme-panel,
html[data-color-scheme="mars"] #rogerBeepDropdown .rb-scheme-panel,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .cs-scheme-panel.open,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-panel.open {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-deep) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-option,
html[data-color-scheme="mars"] #sidebar .cs-scheme-option,
html[data-color-scheme="mars"] #sidebar .username-color-option,
html[data-color-scheme="mars"] #sidebar .rb-scheme-option {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 5px 2px 4px !important;
    gap: 4px !important;
    min-width: 0 !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-option:hover,
html[data-color-scheme="mars"] #sidebar .cs-scheme-option:hover,
html[data-color-scheme="mars"] #sidebar .username-color-option:hover,
html[data-color-scheme="mars"] #sidebar .rb-scheme-option:hover {
    background: rgba(232, 148, 10, 0.1) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-option.active,
html[data-color-scheme="mars"] #sidebar .cs-scheme-option.active,
html[data-color-scheme="mars"] #sidebar .username-color-option.active,
html[data-color-scheme="mars"] #sidebar .rb-scheme-option.active {
    background: rgba(232, 148, 10, 0.16) !important;
    border-color: var(--d3-accent) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-opt-img,
html[data-color-scheme="mars"] #sidebar .cs-scheme-opt-emoji {
    border-radius: 0 !important;
    width: 32px !important;
    height: 32px !important;
    background: var(--d3-bg-panel) !important;
    border: 1px solid var(--d3-border-outer) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-opt-img img {
    width: 22px !important;
    height: 22px !important;
}

html[data-color-scheme="mars"] #colorSchemeDropdown .cs-scheme-color-dot,
html[data-color-scheme="mars"] #colorSchemeDropdown .cs-scheme-color-swatch,
html[data-color-scheme="mars"] #usernameColorDropdown .username-color-dot,
html[data-color-scheme="mars"] .username-color-swatch {
    border-radius: 0 !important;
    width: 14px !important;
    height: 14px !important;
    border: 1px solid var(--d3-border-outer) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-opt-label,
html[data-color-scheme="mars"] #sidebar .cs-scheme-opt-label {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--d3-text-dim) !important;
    text-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar .btn-theme-option.active .btn-theme-opt-label,
html[data-color-scheme="mars"] #sidebar .cs-scheme-option.active .cs-scheme-opt-label,
html[data-color-scheme="mars"] #sidebar .username-color-option.active .cs-scheme-opt-label,
html[data-color-scheme="mars"] #sidebar .rb-scheme-option.active .cs-scheme-opt-label {
    color: var(--d3-accent-bright) !important;
}

html[data-color-scheme="mars"] #rogerBeepDropdown .rb-scheme-overlay-emoji,
html[data-color-scheme="mars"] #colorSchemeDropdown .cs-scheme-overlay-emoji {
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown .rb-scheme-overlay-label {
    color: var(--d3-text-bright) !important;
    text-shadow: none !important;
}

html[data-color-scheme="mars"] #sidebar #btnThemeDropdown.sidebar-list-control,
html[data-color-scheme="mars"] #sidebar #colorSchemeDropdown.sidebar-list-control,
html[data-color-scheme="mars"] #sidebar #usernameColorDropdown.sidebar-list-control,
html[data-color-scheme="mars"] #sidebar #rogerBeepDropdown.sidebar-list-control {
    box-shadow: none !important;
}

/* ── Sidebar tab-home: square action buttons, borderless tip row ───────── */

html[data-color-scheme="mars"] #sidebar #tab-home .button-full,
html[data-color-scheme="mars"] #sidebar #tab-home a.button-full,
html[data-color-scheme="mars"] #sidebar #tab-home button.button-full,
html[data-color-scheme="mars"] #sidebar #sidebarTipMerchRow .button-full,
html[data-color-scheme="mars"] #sidebar #sidebarTipMerchRow a.button-full,
html[data-color-scheme="mars"] #sidebar #sidebarTipMerchRow #legalBtnLabel,
html[data-color-scheme="mars"] #sidebar #sidebarTipMerchRow #reportAbuseBtn {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #sidebar #tab-home .sidebar-list-section.sidebar-list-section-actions,
html[data-color-scheme="mars"] #sidebar #sidebarTipMerchRow {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* ── Chaos Bank / chip shop: square all cc-* surfaces ──────────────────── */

html[data-color-scheme="mars"] #leaderboardModal [class*="cc-"],
html[data-color-scheme="mars"] #chaosChipsModal [class*="cc-"],
html[data-color-scheme="mars"] #ccChipShopModal [class*="cc-"],
html[data-color-scheme="mars"] .cc-modal-overlay [class*="cc-"] {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-modal,
html[data-color-scheme="mars"] #chaosChipsModal .cc-modal,
html[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-chip-shop-modal {
    border: 2px solid var(--d3-border-outer) !important;
    background:
        repeating-linear-gradient(0deg, var(--d3-scanline) 0 1px, transparent 1px 3px),
        linear-gradient(180deg, #2a1414 0%, #180a0a 55%, #0a0404 100%) !important;
    box-shadow: var(--d3-panel-shadow) !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-collapse-section,
html[data-color-scheme="mars"] #chaosChipsModal .cc-collapse-section,
html[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-collapse-section {
    border: 1px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-panel) !important;
    box-shadow: inset 0 0 0 1px #000 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-raffle-info,
html[data-color-scheme="mars"] #leaderboardModal .cc-confirm-row,
html[data-color-scheme="mars"] #leaderboardModal .cc-wager-row,
html[data-color-scheme="mars"] #leaderboardModal .cc-stock-summary,
html[data-color-scheme="mars"] #leaderboardModal .cc-ss-item,
html[data-color-scheme="mars"] #leaderboardModal .cc-xray-active-item,
html[data-color-scheme="mars"] #leaderboardModal .cc-user-dropdown,
html[data-color-scheme="mars"] #leaderboardModal .cc-chart-container,
html[data-color-scheme="mars"] #leaderboardModal .cc-chart-tooltip {
    border: 1px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-input) !important;
    box-shadow: none !important;
}

html[data-color-scheme="mars"] .cc-input,
html[data-color-scheme="mars"] #leaderboardModal #cc-panel-transfer .cc-input,
html[data-color-scheme="mars"] #leaderboardModal #cc-panel-boost .cc-input,
html[data-color-scheme="mars"] #leaderboardModal #cc-panel-powerups .cc-input,
html[data-color-scheme="mars"] #leaderboardModal #cc-panel-wager .cc-input,
html[data-color-scheme="mars"] #chaosChipsModal .cc-input,
html[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-input {
    border-radius: 0 !important;
    border: 2px solid var(--d3-border-outer) !important;
    background: var(--d3-bg-input) !important;
    color: var(--d3-text-bright) !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.85) !important;
}

html[data-color-scheme="mars"] .cc-input:focus,
html[data-color-scheme="mars"] #leaderboardModal .cc-input:focus,
html[data-color-scheme="mars"] #chaosChipsModal .cc-input:focus {
    border-color: var(--d3-accent) !important;
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.85),
        0 0 8px var(--d3-accent-glow) !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-btn,
html[data-color-scheme="mars"] #leaderboardModal .cc-btn-primary,
html[data-color-scheme="mars"] #leaderboardModal .cc-btn-secondary,
html[data-color-scheme="mars"] #leaderboardModal .cc-btn-sm,
html[data-color-scheme="mars"] #leaderboardModal .cc-btn-confirm-no,
html[data-color-scheme="mars"] #leaderboardModal .cc-btn-confirm-yes,
html[data-color-scheme="mars"] #leaderboardModal .cc-wager-btn,
html[data-color-scheme="mars"] #leaderboardModal .cc-xray-revoke-btn,
html[data-color-scheme="mars"] #chaosChipsModal .cc-btn,
html[data-color-scheme="mars"] #chaosChipsModal .cc-btn-primary,
html[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-btn,
html[data-color-scheme="mars"] .cc-chip-shop-overlay .cc-chip-shop-tier {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-nav-rail .cc-tab,
html[data-color-scheme="mars"] #leaderboardModal .cc-nav-rail .cc-tab.active,
html[data-color-scheme="mars"] #chaosChipsModal .cc-nav-rail .cc-tab,
html[data-color-scheme="mars"] #chaosChipsModal .cc-nav-rail .cc-tab.active {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-rail-icon,
html[data-color-scheme="mars"] #leaderboardModal .cc-nav-rail .cc-tab.active .cc-rail-icon,
html[data-color-scheme="mars"] #chaosChipsModal .cc-rail-icon {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-help-shot,
html[data-color-scheme="mars"] #chaosChipsModal .cc-help-shot {
    border-radius: 0 !important;
    border: 1px solid var(--d3-border-outer) !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-user-dropdown-avatar,
html[data-color-scheme="mars"] #chaosChipsModal .cc-user-dropdown-avatar {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .cc-modal::-webkit-scrollbar-thumb,
html[data-color-scheme="mars"] #chaosChipsModal .cc-modal::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

/* ── Top bar scoreboard + KAOS widget ──────────────────────────────────── */

html[data-color-scheme="mars"] #topBar #reactionScoreboard,
html[data-color-scheme="mars"] #topBar #reactionScoreboard.reaction-scoreboard,
html[data-color-scheme="mars"] body:has(#leaderboardModal.active) #topBar #reactionScoreboard,
html[data-color-scheme="mars"] body:has(#leaderboardModal.closing) #topBar #reactionScoreboard,
html[data-color-scheme="mars"] #topBar #reactionScoreboard.gccr-leaderboard-source-active,
html[data-color-scheme="mars"] body:has(#channelListModal.active) #topBar #reactionScoreboard,
html[data-color-scheme="mars"] body:has(#userListModal.active) #topBar #reactionScoreboard,
html[data-color-scheme="mars"] body:has(#inboxModal.active) #topBar #reactionScoreboard,
html[data-color-scheme="mars"] body:has(#sidebar.active) #topBar #reactionScoreboard {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #topBar #kaosWidget {
    border-radius: 0 !important;
}

/* ── Leaderboard shell + tabs ──────────────────────────────────────────── */

html[data-color-scheme="mars"] #leaderboardModal .leaderboard-modal-content,
html[data-color-scheme="mars"] #leaderboardModal.active .leaderboard-modal-content,
html[data-color-scheme="mars"] #leaderboardModal.closing .leaderboard-modal-content {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #leaderboardModal .leaderboard-main-tab,
html[data-color-scheme="mars"] #leaderboardModal .leaderboard-main-tab.active,
html[data-color-scheme="mars"] #leaderboardModal .leaderboard-tab,
html[data-color-scheme="mars"] #leaderboardModal .leaderboard-tab.active,
html[data-color-scheme="mars"] #leaderboardModal .leaderboard-entry {
    border-radius: 0 !important;
}

/* ── Feedback FAB row ──────────────────────────────────────────────────── */

html[data-color-scheme="mars"] #reactionFabShell .reaction-fab-toggle,
html[data-color-scheme="mars"] #reactionFabShell #reactionFabToggle,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button-fixed,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button-custom,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button:first-child,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button:last-child,
html[data-color-scheme="mars"] #feedbackButtons .feedback-buttons-container,
html[data-color-scheme="mars"] #feedbackButtons .feedback-buttons-container.active,
html[data-color-scheme="mars"] #feedbackButtons .feedback-button,
html[data-color-scheme="mars"] #feedbackButtons .feedback-button:first-child,
html[data-color-scheme="mars"] #feedbackButtons .feedback-button:last-child {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #reactionFabShell .reaction-fab-toggle,
html[data-color-scheme="mars"] #reactionFabShell #reactionFabToggle {
    border: 2px solid var(--d3-border-outer) !important;
    background: linear-gradient(180deg, #321818 0%, #1a0c0c 100%) !important;
    box-shadow: var(--d3-btn-shadow) !important;
    color: var(--d3-accent-bright) !important;
}

html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button-fixed,
html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button-custom {
    border: 2px solid var(--d3-border-outer) !important;
    background: linear-gradient(180deg, #321818 0%, #1a0c0c 100%) !important;
    box-shadow: var(--d3-btn-shadow) !important;
}

html[data-color-scheme="mars"] #reactionFabShell #feedbackButtons .feedback-button:hover:not(:disabled):not(.disabled) {
    border-color: var(--d3-accent-dim) !important;
    background: linear-gradient(180deg, #3a2020 0%, #221010 100%) !important;
    box-shadow:
        var(--d3-btn-shadow),
        0 0 8px var(--d3-accent-glow) !important;
}

/* ── Emoji picker ──────────────────────────────────────────────────────── */

html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-modal-content,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-tab,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-item,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-search input,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-cancel,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-ok,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-modal-close-btn,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-close {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-tabs::-webkit-scrollbar-thumb,
html[data-color-scheme="mars"] #emojiPickerModal .emoji-picker-grid::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

/* ── Inbox / user info / misc modals ───────────────────────────────────── */

html[data-color-scheme="mars"] #inboxUserList,
html[data-color-scheme="mars"] #userInfoModal .user-info-tabs,
html[data-color-scheme="mars"] #userInfoModal .user-info-tab,
html[data-color-scheme="mars"] .inbox-friend-sheet,
html[data-color-scheme="mars"] .inbox-friend-sheet-handle,
html[data-color-scheme="mars"] #inboxModal .inbox-friend-request-accept,
html[data-color-scheme="mars"] #inboxModal .inbox-friend-request-decline,
html[data-color-scheme="mars"] .inbox-friend-request-actions .action-btn,
html[data-color-scheme="mars"] .podcast-recorder-indicator,
html[data-color-scheme="mars"] .podcast-recorder-dot,
html[data-color-scheme="mars"] #confirmModal #confirmNo,
html[data-color-scheme="mars"] #confirmModal #confirmYes,
html[data-color-scheme="mars"] #alertModal #alertOk,
html[data-color-scheme="mars"] #nicknameModal #nicknameCancel,
html[data-color-scheme="mars"] #nicknameModal #nicknameOk,
html[data-color-scheme="mars"] #contactModal #contactModalOk,
html[data-color-scheme="mars"] #rulesModal #rulesOk,
html[data-color-scheme="mars"] #channelPinModal .button-container button,
html[data-color-scheme="mars"] .feelings-friday-banner {
    border-radius: 0 !important;
}

/* ── High-specificity: nickname modal, sidebar fields, inbox messenger ─── */

html[data-color-scheme="mars"] #nicknameModal .nickname-input,
html[data-color-scheme="mars"] #nicknameModal #nicknameModalInput,
html[data-color-scheme="mars"] body #sidebar #tab-home #nicknameInput,
html[data-color-scheme="mars"] body #sidebar #tab-home input[type="text"],
html[data-color-scheme="mars"] body #sidebar #tab-home select,
html[data-color-scheme="mars"] body #sidebar #tab-home .sidebar-list-section,
html[data-color-scheme="mars"] body #sidebar #tab-home .sidebar-list-section-sound-settings,
html[data-color-scheme="mars"] body #sidebar #tab-home .sidebar-list-section-customization,
html[data-color-scheme="mars"] body #sidebar #tab-home .sidebar-list-section-advanced-settings,
html[data-color-scheme="mars"] body #sidebar #tab-home .sidebar-advanced-settings-details,
html[data-color-scheme="mars"] body #sidebar #btnThemeDropdown .btn-theme-overlay,
html[data-color-scheme="mars"] body #sidebar #colorSchemeDropdown .cs-scheme-overlay,
html[data-color-scheme="mars"] body #sidebar #usernameColorDropdown .username-color-overlay,
html[data-color-scheme="mars"] body #sidebar #rogerBeepDropdown .rb-scheme-overlay,
html[data-color-scheme="mars"] body #sidebar .cs-scheme-panel,
html[data-color-scheme="mars"] body #sidebar #rogerBeepDropdown .cs-scheme-panel,
html[data-color-scheme="mars"] body #sidebar #rogerBeepDropdown .rb-scheme-panel {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #inboxModal #inboxMessageInput,
html[data-color-scheme="mars"] #inboxModal #inboxSendBtn,
html[data-color-scheme="mars"] #inboxModal .inbox-fab-item,
html[data-color-scheme="mars"] #inboxModal #inboxFabBtn.inbox-fab-btn,
html[data-color-scheme="mars"] #inboxModal .inbox-fab-btn,
html[data-color-scheme="mars"] #inboxModal .inbox-rail-indicator,
html[data-color-scheme="mars"] #inboxModal .inbox-tab,
html[data-color-scheme="mars"] #inboxModal .inbox-tab-close-btn,
html[data-color-scheme="mars"] #inboxModal .inbox-status-dot,
html[data-color-scheme="mars"] #inboxModal .inbox-rail-badge,
html[data-color-scheme="mars"] #inboxModal #inboxUserList,
html[data-color-scheme="mars"] #inboxModal .inbox-md3-tab,
html[data-color-scheme="mars"] #inboxModal .inbox-message-input-container {
    border-radius: 0 !important;
}

/* ── User info modal: square corners (override MD3 pill rules in ui.css) ─ */

html[data-color-scheme="mars"] #userInfoModal .modal-content,
html[data-color-scheme="mars"] #userInfoModal.active .modal-content,
html[data-color-scheme="mars"] #userInfoModal.closing .modal-content {
    border-radius: 0 !important;
}

html[data-color-scheme="mars"] #userInfoModal .modal-close,
html[data-color-scheme="mars"] #userInfoModal .user-info-stats-container,
html[data-color-scheme="mars"] #userInfoModal .user-info-tabs,
html[data-color-scheme="mars"] #userInfoModal .user-info-tab,
html[data-color-scheme="mars"] #userInfoModal .user-info-tag-input,
html[data-color-scheme="mars"] #userInfoModal .user-info-mod-toggle,
html[data-color-scheme="mars"] #userInfoModal .user-info-entry,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions-row > .action-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .action-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .block-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .unblock-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .friend-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .join-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .message-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .message-icon-btn,
html[data-color-scheme="mars"] #userInfoModal .user-info-actions .chips-transfer-btn,
html[data-color-scheme="mars"] #userInfoModal #userInfoBlockBtn,
html[data-color-scheme="mars"] #userInfoModal #userInfoFriendBtn,
html[data-color-scheme="mars"] #userInfoModal #userInfoJoinBtn,
html[data-color-scheme="mars"] #userInfoModal #userInfoMessageBtn,
html[data-color-scheme="mars"] #userInfoModal #userInfoChipsBtn {
    border-radius: 0 !important;
}