:root {
  color-scheme: dark;
  --cn-bg: #09090c;
  --cn-surface: #111116;
  --cn-surface-raised: #17171e;
  --cn-surface-soft: #1c1b24;
  --cn-border: rgba(255, 255, 255, .075);
  --cn-border-strong: rgba(151, 135, 235, .28);
  --cn-text: #eeeeF2;
  --cn-muted: #96949f;
  --cn-accent: #8f7ee7;
  --cn-accent-light: #aea1f2;
  --cn-accent-soft: rgba(143, 126, 231, .105);
  --cn-pink: #a778d2;

  --xf-pageBg--h: 240;
  --xf-pageBg--s: 14%;
  --xf-pageBg--l: 4%;
  --xf-pageBg--a: 1;
  --xf-contentBg--h: 240;
  --xf-contentBg--s: 13%;
  --xf-contentBg--l: 8%;
  --xf-contentBg--a: 1;
  --xf-contentAltBg--h: 242;
  --xf-contentAltBg--s: 12%;
  --xf-contentAltBg--l: 11%;
  --xf-contentAltBg--a: 1;
  --xf-textColor--h: 255;
  --xf-textColor--s: 100%;
  --xf-textColor--l: 98%;
  --xf-textColor--a: 1;
  --xf-textColorMuted--h: 260;
  --xf-textColorMuted--s: 9%;
  --xf-textColorMuted--l: 61%;
  --xf-textColorMuted--a: 1;
  --xf-linkColor--h: 249;
  --xf-linkColor--s: 66%;
  --xf-linkColor--l: 72%;
  --xf-linkColor--a: 1;
  --xf-borderColor--h: 258;
  --xf-borderColor--s: 32%;
  --xf-borderColor--l: 24%;
  --xf-borderColor--a: .55;
  --xf-borderColorLight--h: 258;
  --xf-borderColorLight--s: 27%;
  --xf-borderColorLight--l: 18%;
  --xf-borderColorLight--a: .7;
  --xf-chromeBg--h: 240;
  --xf-chromeBg--s: 14%;
  --xf-chromeBg--l: 7%;
  --xf-chromeBg--a: 1;
  --xf-chromeTextColor--h: 255;
  --xf-chromeTextColor--s: 100%;
  --xf-chromeTextColor--l: 98%;
  --xf-chromeTextColor--a: 1;
  --xf-paletteColor1--h: 258;
  --xf-paletteColor1--s: 90%;
  --xf-paletteColor1--l: 76%;
  --xf-paletteColor1--a: 1;
  --xf-paletteColor2--h: 267;
  --xf-paletteColor2--s: 29%;
  --xf-paletteColor2--l: 9%;
  --xf-paletteColor2--a: 1;
  --xf-paletteColor3--h: 255;
  --xf-paletteColor3--s: 92%;
  --xf-paletteColor3--l: 86%;
  --xf-paletteColor3--a: 1;
  --xf-paletteColor4--h: 261;
  --xf-paletteColor4--s: 25%;
  --xf-paletteColor4--l: 20%;
  --xf-paletteColor4--a: 1;
  --xf-paletteColor5--h: 270;
  --xf-paletteColor5--s: 45%;
  --xf-paletteColor5--l: 2%;
  --xf-paletteColor5--a: 1;
  --xf-paletteAccent1--h: 292;
  --xf-paletteAccent1--s: 84%;
  --xf-paletteAccent1--l: 72%;
  --xf-paletteAccent1--a: 1;

  /* Complete neutral dark palette for XenForo components. */
  --xf-contentHighlightBg--h: 248; --xf-contentHighlightBg--s: 20%; --xf-contentHighlightBg--l: 14%; --xf-contentHighlightBg--a: 1;
  --xf-contentAccentBg--h: 248; --xf-contentAccentBg--s: 24%; --xf-contentAccentBg--l: 16%; --xf-contentAccentBg--a: 1;
  --xf-subNavBg--h: 240; --xf-subNavBg--s: 13%; --xf-subNavBg--l: 9%; --xf-subNavBg--a: 1;
  --xf-majorHeadingBg--h: 240; --xf-majorHeadingBg--s: 13%; --xf-majorHeadingBg--l: 10%; --xf-majorHeadingBg--a: 1;
  --xf-blockFooterBg--h: 240; --xf-blockFooterBg--s: 11%; --xf-blockFooterBg--l: 11%; --xf-blockFooterBg--a: 1;
  --xf-blockTabHeaderBg--h: 240; --xf-blockTabHeaderBg--s: 11%; --xf-blockTabHeaderBg--l: 11%; --xf-blockTabHeaderBg--a: 1;
  --xf-inputBgColor--h: 240; --xf-inputBgColor--s: 9%; --xf-inputBgColor--l: 13%; --xf-inputBgColor--a: 1;
  --xf-inputFocusBgColor--h: 245; --xf-inputFocusBgColor--s: 12%; --xf-inputFocusBgColor--l: 15%; --xf-inputFocusBgColor--a: 1;
  --xf-editorBg--h: 240; --xf-editorBg--s: 10%; --xf-editorBg--l: 12%; --xf-editorBg--a: 1;
  --xf-editorFocusBg--h: 240; --xf-editorFocusBg--s: 10%; --xf-editorFocusBg--l: 13%; --xf-editorFocusBg--a: 1;
  --xf-editorSelectionBg--h: 213; --xf-editorSelectionBg--s: 94%; --xf-editorSelectionBg--l: 68%; --xf-editorSelectionBg--a: 1;
  --xf-editorSelectionColor--h: 215; --xf-editorSelectionColor--s: 65%; --xf-editorSelectionColor--l: 8%; --xf-editorSelectionColor--a: 1;
  --xf-buttonBg--h: 240; --xf-buttonBg--s: 9%; --xf-buttonBg--l: 16%; --xf-buttonBg--a: 1;
  --xf-buttonPrimaryBg--h: 249; --xf-buttonPrimaryBg--s: 56%; --xf-buttonPrimaryBg--l: 62%; --xf-buttonPrimaryBg--a: 1;
  --xf-buttonCtaBg--h: 249; --xf-buttonCtaBg--s: 56%; --xf-buttonCtaBg--l: 62%; --xf-buttonCtaBg--a: 1;
  --xf-selectedItemBgColor--h: 248; --xf-selectedItemBgColor--s: 20%; --xf-selectedItemBgColor--l: 15%; --xf-selectedItemBgColor--a: 1;
  --xf-selectedItemBorderColor--h: 249; --xf-selectedItemBorderColor--s: 49%; --xf-selectedItemBorderColor--l: 58%; --xf-selectedItemBorderColor--a: .5;
  --xf-nodeIconReadColor--h: 250; --xf-nodeIconReadColor--s: 7%; --xf-nodeIconReadColor--l: 45%; --xf-nodeIconReadColor--a: 1;
  --xf-nodeIconUnreadColor--h: 249; --xf-nodeIconUnreadColor--s: 61%; --xf-nodeIconUnreadColor--l: 68%; --xf-nodeIconUnreadColor--a: 1;
  --xf-linkHoverColor--h: 249; --xf-linkHoverColor--s: 72%; --xf-linkHoverColor--l: 82%; --xf-linkHoverColor--a: 1;
  --xf-textColorEmphasized--h: 240; --xf-textColorEmphasized--s: 14%; --xf-textColorEmphasized--l: 94%; --xf-textColorEmphasized--a: 1;
  --xf-textColorDimmed--h: 250; --xf-textColorDimmed--s: 5%; --xf-textColorDimmed--l: 68%; --xf-textColorDimmed--a: 1;
  --xf-paletteNeutral1--h: 240; --xf-paletteNeutral1--s: 14%; --xf-paletteNeutral1--l: 4%; --xf-paletteNeutral1--a: 1;
  --xf-paletteNeutral2--h: 250; --xf-paletteNeutral2--s: 5%; --xf-paletteNeutral2--l: 60%; --xf-paletteNeutral2--a: 1;
  --xf-paletteNeutral3--h: 240; --xf-paletteNeutral3--s: 14%; --xf-paletteNeutral3--l: 94%; --xf-paletteNeutral3--a: 1;
}

html,
body {
  background: var(--cn-bg) !important;
  color: var(--cn-text) !important;
}

body {
  background-image: radial-gradient(circle at 78% 0%, rgba(117, 98, 201, .065), transparent 34rem) !important;
  background-attachment: fixed !important;
}

::selection {
  color: #0b0910;
  background: #60a5fa;
  text-shadow: none;
}

::-moz-selection {
  color: #0b0910;
  background: #60a5fa;
  text-shadow: none;
}

.fr-element::selection,
.fr-element *::selection,
.fr-view::selection,
.fr-view *::selection,
[contenteditable="true"]::selection,
[contenteditable="true"] *::selection {
  color: #07111f !important;
  background: #60a5fa !important;
  text-shadow: none !important;
}

.fr-element::-moz-selection,
.fr-element *::-moz-selection,
.fr-view::-moz-selection,
.fr-view *::-moz-selection,
[contenteditable="true"]::-moz-selection,
[contenteditable="true"] *::-moz-selection {
  color: #07111f !important;
  background: #60a5fa !important;
  text-shadow: none !important;
}

* {
  scrollbar-color: rgba(167, 139, 250, .48) rgba(255, 255, 255, .035);
}

.p-pageWrapper,
.p-body,
.p-body-inner {
  background: transparent !important;
}

.p-header,
.p-nav,
.p-sectionLinks {
  color: var(--cn-text) !important;
  border-color: var(--cn-border) !important;
}

.p-header {
  background: #111116 !important;
}

.p-nav {
  background: rgba(14, 14, 19, .94) !important;
  border-bottom: 1px solid var(--cn-border) !important;
  box-shadow: 0 15px 45px rgba(0, 0, 0, .2);
  backdrop-filter: blur(18px);
}

.p-sectionLinks {
  background: rgba(19, 19, 25, .96) !important;
  border-bottom: 1px solid var(--cn-border) !important;
}

.p-navEl,
.p-navEl-link,
.p-navgroup-link,
.p-nav-opposite a,
.p-sectionLinks a {
  color: #bbb5c5 !important;
}

.p-navEl:hover,
.p-navEl.is-selected,
.p-navEl.is-selected .p-navEl-link,
.p-navgroup-link:hover,
.p-sectionLinks a:hover {
  color: var(--cn-text) !important;
  background: var(--cn-accent-soft) !important;
}

.p-navEl.is-selected::after,
.p-navEl.is-selected .p-navEl-link::after {
  background: linear-gradient(90deg, var(--cn-accent), var(--cn-pink)) !important;
}

.p-body-header,
.block-container,
.blockMessage,
.message,
.menu-content,
.offCanvasMenu-content,
.overlay,
.formSubmitRow-main,
.dataList-table,
.memberHeader-main:not(.memberProfileBanner),
.memberHeader-content,
.tooltip-content,
.popover {
  color: var(--cn-text) !important;
  background: rgba(17, 17, 22, .97) !important;
  border-color: var(--cn-border) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}

/* Uploaded cover images are inline backgrounds; do not reset them with the panel shorthand. */
.memberProfileBanner .memberHeader-content--info {
  background: transparent !important;
  box-shadow: none;
}

.block-header,
.block-minorHeader,
.block-filterBar,
.block-footer,
.block-formSectionHeader,
.message-cell--user,
.dataList-row--header,
.formRow > dt,
.menu-header,
.menu-row--highlighted,
.memberHeader-blurb,
.memberHeader-separator,
.fr-toolbar,
.fr-second-toolbar {
  color: #ddd6fe !important;
  background: var(--cn-surface-raised) !important;
  border-color: var(--cn-border) !important;
}

.block-row,
.structItem,
.message-cell,
.dataList-row,
.formRow,
.menu-row,
.contentRow,
.node,
.node + .node,
.fr-box.fr-basic .fr-wrapper,
.fr-element,
.fr-popup,
.fr-dropdown-menu {
  color: var(--cn-text) !important;
  background-color: transparent !important;
  border-color: var(--cn-border) !important;
}

.structItem:hover,
.node:hover,
.block-row:hover,
.dataList-row:hover,
.menu-row:hover {
  background-color: rgba(167, 139, 250, .055) !important;
}

.structItem.is-unread,
.node--unread,
.block-row.block-row--separated {
  background: rgba(143, 126, 231, .07) !important;
}

.input,
select.input,
textarea.input,
.select2 .select2-selection,
.select2-results,
.select2-dropdown,
.fr-box.fr-basic .fr-element,
.fr-box.fr-basic .fr-wrapper,
.fr-command.fr-btn,
.fr-command.fr-btn.fr-dropdown {
  color: var(--cn-text) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-color: rgba(196, 181, 253, .16) !important;
}

.input:focus,
select.input:focus,
textarea.input:focus,
.select2-container--open .select2-selection {
  border-color: rgba(167, 139, 250, .65) !important;
  box-shadow: 0 0 0 3px rgba(167, 139, 250, .11) !important;
}

.input::placeholder,
textarea.input::placeholder {
  color: #736e7d !important;
}

a,
.link,
.contentRow-title a,
.structItem-title a,
.node-title a,
.p-title-value a,
.username,
.tabs-tab:hover {
  color: var(--cn-accent-light);
}

a:hover,
.link:hover,
.contentRow-title a:hover,
.structItem-title a:hover,
.node-title a:hover,
.username:hover {
  color: #ede9fe;
}

.button.button--primary,
a.button.button--primary,
.button.button--cta,
a.button.button--cta,
.button--icon--write,
.formButtonGroup-primary .button {
  color: #0b0710 !important;
  background: linear-gradient(135deg, var(--cn-accent-light), var(--cn-accent)) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, .2);
}

.button.button--primary:hover,
a.button.button--primary:hover,
.button.button--cta:hover,
a.button.button--cta:hover {
  color: #08050c !important;
  background: linear-gradient(135deg, #ddd6fe, #b89cfb) !important;
}

.button,
a.button,
.pageNav-page,
.pageNav-jump {
  color: #d6d0df !important;
  background: rgba(255, 255, 255, .055) !important;
  border-color: var(--cn-border) !important;
}

.button:hover,
a.button:hover,
.pageNav-page:hover,
.pageNav-jump:hover,
.pageNav-page.pageNav-page--current {
  color: #fff !important;
  background: rgba(167, 139, 250, .16) !important;
  border-color: var(--cn-border-strong) !important;
}

.tabs,
.tabs--standalone,
.tabs-tab,
.tabPanes {
  background: transparent !important;
  border-color: var(--cn-border) !important;
}

.tabs-tab.is-active {
  color: var(--cn-accent-light) !important;
  border-color: var(--cn-accent) !important;
}

.notice,
.notice-content {
  color: #e9e5f0 !important;
  background: rgba(24, 24, 31, .97) !important;
  border-color: var(--cn-border-strong) !important;
}

.label--primary,
.badge--highlighted,
.reactionSummary {
  color: #ddd6fe !important;
  background: rgba(167, 139, 250, .13) !important;
  border-color: rgba(167, 139, 250, .3) !important;
}

.p-footer,
.p-footer-inner,
.p-footer-copyright,
.p-footer-linkList {
  color: var(--cn-muted) !important;
  background: #06040a !important;
  border-color: var(--cn-border) !important;
}

.iconic > input:checked + i,
.toggleButton > input:checked + span,
.formRow .iconic:hover > i,
.menu-linkRow.is-selected,
.menu-linkRow:hover {
  color: var(--cn-accent-light) !important;
  background-color: var(--cn-accent-soft) !important;
}

.overlay-container.is-active,
.offCanvasMenu-backdrop {
  background: rgba(7, 7, 10, .82) !important;
  backdrop-filter: blur(7px);
}

/* Fury-specific surfaces that do not consistently use XenForo color variables. */
.p-body-sidebar .block-container,
.p-body-sideNav .block-container,
.p-body-sideNavContent,
.p-body-pageContent,
.node-body,
.node-extra,
.message-inner,
.message-attribution,
.message-userContent,
.reactionSummary,
.js-quickReply,
.quickReply,
.menu-tabHeader,
.menu-footer,
.offCanvasMenu-header,
.offCanvasMenu-linkHolder,
.tooltip--basic .tooltip-content,
.tooltip--preview .tooltip-content {
  border-color: var(--cn-border) !important;
}

.menu-tabHeader,
.menu-footer,
.offCanvasMenu-header,
.offCanvasMenu-linkHolder {
  color: #d7d5dd !important;
  background-color: #17171e !important;
}

.p-body-sidebar .block-container,
.p-body-sideNav .block-container,
.p-body-sideNavContent,
.message-inner,
.quickReply,
.js-quickReply {
  background-color: #111116 !important;
}

.message-attribution,
.message-footer,
.message-actionBar,
.structItem-cell,
.node-extra,
.node-stats,
.contentRow-minor,
.contentRow-lesser,
.pairs > dt,
.p-description,
.block-desc,
.formRow-explain {
  color: var(--cn-muted) !important;
  border-color: var(--cn-border) !important;
}

.block-header,
.block-minorHeader,
.block-filterBar {
  background-image: none !important;
}

.block-header::before,
.block-header::after,
.p-header::before,
.p-header::after {
  border-color: var(--cn-border) !important;
}

.p-navSticky.is-sticky,
.p-navSticky.is-sticky .p-nav,
.p-navSticky.is-sticky .p-sectionLinks {
  background-color: rgba(14, 14, 19, .97) !important;
}

/* Remaining Fury chrome: moderator bar, logo wedge and pre-footer. */
.p-staffBar,
.p-staffBar-inner {
  color: #c9c7d0 !important;
  background: #17171e !important;
  border-color: var(--cn-border) !important;
}

.p-staffBar a,
.p-staffBar-link {
  color: #dedce4 !important;
}

.p-header-logo,
.p-header-logo--image,
.p-nav-smallLogo,
.p-header-logo::before,
.p-header-logo::after,
.p-header-logo--before,
.p-header-logo--before::before,
.p-header-logo--before::after {
  background: #141419 !important;
  border-color: #141419 !important;
  box-shadow: none !important;
}

.p-nav-inner::before,
.p-nav-inner::after,
.p-nav-scroller::before,
.p-nav-scroller::after {
  background-color: transparent !important;
  border-color: transparent !important;
}

.pre-footer,
.pre-footer-inner,
.pre-footer--container {
  color: #aaa7b1 !important;
  background: #111116 !important;
  border-color: var(--cn-border) !important;
}

.pre-footer--column,
.pre-footer .block-container,
.pre-footer .block-header,
.pre-footer .block-body,
.pre-footer .block-row,
.pre-footer .block-footer {
  background-color: transparent !important;
  border-color: var(--cn-border) !important;
}

.pre-footer .block-header {
  color: #dedce5 !important;
}

@media (max-width: 650px) {
  .p-nav,
  .p-sectionLinks {
    backdrop-filter: none;
  }
}