/*
 * SWAT Portal BlackOps: Pride premium theme override
 * Use after the original style-10.css, e.g. in Stylus or as custom WoltLab CSS.
 */

:root {
  --bg: #16071f;
  --bg-soft: rgba(12, 25, 44, 0.72);
  --bg-strong: #33154a;
  --panel: rgba(14, 30, 52, 0.92);
  --panel-border: rgba(132, 177, 255, 0.18);
  --text: #fff7ff;
  --muted: #d8b4fe;
  --accent: #ec4899;
  --accent-strong: #fef3c7;
  --accent-warm: #f97316;
  --success: #22c55e;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  --radius-lg: 24px;
  --radius-md: 18px;
  --content-width: 1200px;
  --swat-pride: #ec4899;
  --swat-pride-dark: #581c87;
  --swat-pride-mid: #a855f7;
  --swat-pride-soft: rgba(236, 72, 153, 0.18);
  --swat-pride-glow: rgba(236, 72, 153, 0.36);
  --swat-pride-border: rgba(254, 243, 199, 0.42);
  --swat-input-pride: #100515;
  --swat-panel-pride: rgba(16, 5, 21, 0.98);
  --swat-panel-pride-dark: rgba(5, 2, 7, 0.99);
}

html,
body {
  background-color: #100515 !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.34) 0 2px, transparent 3px),
    radial-gradient(circle at 26% 72%, rgba(255, 255, 255, 0.42) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 24%, rgba(255, 255, 255, 0.36) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 64%, rgba(254, 243, 199, 0.32) 0 1px, transparent 2px),
    radial-gradient(ellipse at 8% 70%, rgba(56, 171, 194, 0.44) 0%, rgba(36, 81, 90, 0.24) 26%, transparent 58%),
    radial-gradient(ellipse at 84% 22%, rgba(69, 179, 201, 0.34) 0%, rgba(38, 78, 86, 0.26) 30%, transparent 62%),
    radial-gradient(ellipse at 50% 105%, rgba(48, 107, 119, 0.38) 0%, transparent 52%),
    linear-gradient(125deg, #100515 0%, #21132f 38%, #050207 72%, #000 100%) !important;
  background-attachment: fixed !important;
  background-size:
    260px 220px,
    310px 270px,
    380px 330px,
    470px 390px,
    cover,
    cover,
    cover,
    cover !important;
}

body::before {
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.55) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 18%, rgba(254, 243, 199, 0.45) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 76%, rgba(255, 255, 255, 0.36) 0 1px, transparent 2px),
    radial-gradient(ellipse at 80% 8%, rgba(58, 133, 148, 0.34) 0%, transparent 42%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.44), transparent 22%, transparent 78%, rgba(0, 0, 0, 0.55)) !important;
  background-size: 520px 420px, 640px 560px, 760px 680px, cover, cover !important;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.8;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}

#pageContainer,
#pageLogoContainer,
.pageWrapperContainer {
  background-color: transparent !important;
}

#pageWrapperContainer,
#pageHeaderContainer #pageHeaderPanel > .layoutBoundary {
  background-color: rgba(26, 8, 37, 0.94) !important;
}

#content,
.content,
.content > .section,
.content > form,
.sectionContainer {
  background-color: rgba(26, 8, 37, 0.96) !important;
}

.content > .section,
.content > form,
.sectionContainer,
.tabularBox,
.wbbBoardList,
.messageList,
.containerList {
  border-color: rgba(34, 211, 238, 0.14) !important;
}

#pageLogoContainer {
  background-image:
    radial-gradient(ellipse at 34% 0%, rgba(254, 243, 199, 0.42) 0%, rgba(46, 101, 112, 0.28) 22%, transparent 45%),
    radial-gradient(ellipse at 78% 12%, rgba(22, 52, 58, 0.92) 0%, rgba(8, 20, 22, 0.82) 45%, transparent 70%),
    linear-gradient(105deg, rgba(5, 12, 14, 0.9), rgba(11, 28, 31, 0.62), rgba(0, 0, 0, 0.82)) !important;
  background-attachment: fixed !important;
  background-blend-mode: screen, normal, normal !important;
}

#pageLogoContainer::before {
  background:
    linear-gradient(118deg, transparent 0 42%, rgba(96, 190, 209, 0.75) 44%, rgba(255, 255, 255, 0.95) 45%, rgba(55, 167, 189, 0.48) 47%, transparent 50%),
    radial-gradient(ellipse at 66% 0%, rgba(20, 43, 48, 0.94) 0%, rgba(9, 20, 23, 0.96) 46%, transparent 47%) !important;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.72;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

#pageLogoContainer {
  position: relative;
}

#pageLogoContainer > div {
  position: relative;
  z-index: 1;
}

.pageHeaderLogo img,
.pageHeaderLogoLarge,
.pageHeaderLogoSmall {
  filter: grayscale(0.65) saturate(0.92) brightness(1.08) drop-shadow(0 0 10px rgba(34, 211, 238, 0.45)) !important;
}

::selection {
  background: var(--swat-pride-mid) !important;
  color: #fff !important;
}

::-moz-selection {
  background: var(--swat-pride-mid) !important;
  color: #fff !important;
}

a,
.breadcrumbs > ol > li:last-child > a,
.breadcrumbs > ol > li:last-child::before,
.messageQuickReplyCollapsed .messageQuickReplyContent::before,
.messageQuickReplyCollapsed .messageQuickReplyContent::after,
.commentListAddComment.collapsed::before,
.commentListAddComment.collapsed::after,
.icon.red,
.fa.red {
  color: var(--swat-pride) !important;
}

a:hover,
a:focus {
  color: #fef3c7 !important;
}

#pageWrapperContainer,
#pageHeaderContainer #pageHeaderPanel > .layoutBoundary,
.contentChrome,
.contentChromeGlow {
  border-color: var(--swat-pride-border) !important;
}

.pageNavigation,
.breadcrumbs,
.pageHeaderFacade,
#pageHeaderSubMenu,
.contentHeader,
.contentHeaderNavigation,
.messageGroupNavigation,
.mainMenu .boxMenu .boxMenuDepth1,
.mainMenu .boxMenu .boxMenuDepth2,
.mainMenu .boxMenu .boxMenuDepth3,
.mainMenu .boxMenu .boxMenuDepth4,
.userPanel,
.userPanelItems,
.userPanelItems > li,
.userPanelItems > li > a,
#pageFooter,
.pageFooter,
.pageFooterContainer,
.boxesFooter,
.boxesFooterBoxes,
.footer,
.footerMenu,
.footerNavigation,
.footerLinks,
.copyright,
.pageFooterCopyright {
  background: linear-gradient(180deg, rgba(33, 19, 47, 0.98), rgba(26, 8, 37, 0.98)) !important;
  border-color: var(--swat-pride-border) !important;
}

.pageNavigation,
.breadcrumbs {
  box-shadow: 0 1px 0 rgba(254, 243, 199, 0.34) inset, 0 -2px 0 var(--swat-pride-mid) inset !important;
}

.breadcrumbs::after,
.breadcrumbs::before,
.pageNavigation::after,
.pageNavigation::before {
  background: var(--swat-pride-mid) !important;
  border-color: var(--swat-pride-border) !important;
}

@media (max-width: 1024px) {
  #pageHeaderContainer #pageHeaderPanel > .layoutBoundary {
    border-bottom-color: var(--swat-pride-border) !important;
  }

  #pageWrapperContainer {
    border-top-color: var(--swat-pride-border) !important;
  }
}

.mainMenu .boxMenu > li.active > a,
.mainMenu .boxMenu > li.active > .boxMenuLink,
.mainMenu .boxMenu > li:hover > a,
.mainMenu .boxMenu > li:hover > .boxMenuLink,
.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.headerContentMessageGridBox > a,
.pagination > ul > li.active > a,
.pagination > ul > li > a:hover {
  background-image: linear-gradient(180deg, var(--swat-pride) 0%, var(--swat-pride-dark) 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  box-shadow: 0 0 8px var(--swat-pride-glow), 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}

.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbBoardList .wbbCategory > .wbbCategoryTitle,
.wbbCategory > header,
.wbbCategoryHeader,
.wbbCategoryTitle,
.boxTitle,
.contentHeaderTitle,
.sectionTitle {
  background: linear-gradient(180deg, #22d3ee 0%, #a855f7 48%, #581c87 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  box-shadow: 0 1px 0 rgba(142, 209, 222, 0.36) inset, 0 -1px 0 rgba(0, 0, 0, 0.72) inset, 0 0 14px rgba(34, 211, 238, 0.18) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
}

.wbbBoardList .wbbCategory h2,
.wbbBoardList .wbbCategory h2 a,
.wbbCategoryTitle a,
.boxTitle a,
.sectionTitle a {
  color: #f5d0fe !important;
  text-shadow: 0 0 8px rgba(34, 211, 238, 0.75), 0 1px 1px #000 !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li {
  background:
    linear-gradient(180deg, rgba(15, 28, 31, 0.98), rgba(10, 20, 22, 0.98)) !important;
  border-color: rgba(34, 211, 238, 0.12) !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover {
  background:
    linear-gradient(180deg, rgba(22, 42, 46, 0.98), rgba(13, 27, 29, 0.98)) !important;
}

.contentHeaderTitle,
.messageGroupList .messageGroupLink,
.messageGroupLink,
.threadTitle,
.contentTitle {
  background: linear-gradient(180deg, #22d3ee 0%, #a855f7 50%, #581c87 100%) !important;
  color: #fff !important;
  text-shadow: 0 0 8px rgba(34, 211, 238, 0.75), 0 1px 1px #000 !important;
}

.messageGroupList .messageGroupLink,
.messageGroupLink {
  border-color: rgba(254, 243, 199, 0.65) !important;
}

.tabMenuContainer > .menu ul li.ui-state-active a,
.tabMenuContainer > .menu ul li.ui-state-active a:hover:not([disabled]),
.tabmenu ul li.ui-state-active a,
.tabmenu ul li.ui-state-active a:hover:not([disabled]) {
  background-image: linear-gradient(180deg, var(--swat-pride) 0%, var(--swat-pride-dark) 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  box-shadow: 0 0 5px var(--swat-pride-glow) inset, 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}

.badge.badgeUpdate,
a.badge.badgeUpdate,
.badge.red,
a.badge.red {
  background-image: linear-gradient(var(--swat-pride), var(--swat-pride-dark)) !important;
  color: #fff !important;
}

a.badge:hover.badgeUpdate,
a.badge:hover.red {
  background-image: linear-gradient(var(--swat-pride-dark), var(--swat-pride-dark)) !important;
}

.tagList .tag:hover {
  background-color: var(--swat-pride-mid) !important;
}

.tagList .tag:hover::before {
  border-right-color: var(--swat-pride-mid) !important;
}

input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  background-color: var(--swat-input-pride) !important;
  border-color: rgba(34, 211, 238, 0.35) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--swat-pride) !important;
  box-shadow: 0 0 7px var(--swat-pride-glow) !important;
}

.pageHeaderMobileMenu,
#pageHeaderSubMenu,
.userProfileUserWithCoverPhoto::before {
  background-image:
    radial-gradient(ellipse at 20% 45%, rgba(34, 211, 238, 0.26) 0%, transparent 52%),
    linear-gradient(125deg, rgba(8, 18, 20, 0.98), rgba(19, 46, 51, 0.94), rgba(0, 0, 0, 0.98)) !important;
  background-blend-mode: screen, normal !important;
}

@media (max-width: 799px) {
  #pageHeaderSubMenu,
  .pageHeaderMobileMenu {
    background-image:
      radial-gradient(ellipse at 20% 45%, rgba(34, 211, 238, 0.26) 0%, transparent 52%),
      linear-gradient(125deg, rgba(8, 18, 20, 0.98), rgba(19, 46, 51, 0.94), rgba(0, 0, 0, 0.98)) !important;
    background-blend-mode: screen, normal !important;
  }
}

.boxInfo,
.calendarFullMonthView .calendarEventLink {
  background: linear-gradient(rgba(34, 211, 238, 1), rgba(35, 85, 95, 1)) !important;
  box-shadow: 0 1px 0 rgba(254, 243, 199, 0.75) inset !important;
}

.messageSidebar,
.messageContent,
.message,
.messageHeader,
.messageBody,
.messageFooter,
.messageList > li,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
div.scToc,
.scToc,
.toc,
.tableOfContents,
.codeBox,
.spoilerBox > .spoilerBoxContent,
.tabMenuContainer,
.tabMenuContent,
.htmlContent blockquote,
.messageBody blockquote,
.messageText blockquote,
.boxesFooter .box,
.boxesFooterBoxes .box,
.footerBoxes .box,
.pageFooter .box,
.pageFooterContainer .box,
#pageFooter .box {
  background:
    linear-gradient(180deg, rgba(43, 24, 64, 0.98), rgba(26, 8, 37, 0.98)) !important;
  border-color: rgba(34, 211, 238, 0.16) !important;
}

.messageSidebar {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(34, 211, 238, 0.18) 0%, transparent 58%),
    linear-gradient(180deg, rgba(14, 29, 32, 0.98), rgba(26, 8, 37, 0.98)) !important;
}

.messageSidebar::before,
.messageSidebar::after,
.messageContent::before,
.messageContent::after {
  border-color: rgba(34, 211, 238, 0.18) !important;
  background-color: rgba(9, 20, 23, 0.98) !important;
}

.wbbLastPost,
.wbbBoardStats,
.messageGroupList .columnLastPost,
.boxContent,
.interactiveDropdown,
.popover,
.dialogContainer,
.dropdownMenu,
.dropdown,
.dropdownOpen,
.menuOverlay,
.menuOverlayItemLink,
.menuOverlayItemLinkIcon,
.buttonGroup,
.messageFooterGroup,
.messageHeaderMetaData,
.messageQuickReply,
.messageQuickReplyContent,
.redactor-box,
.redactor-layer,
.quoteBox,
woltlab-quote,
.attachmentThumbnail,
.embeddedAttachmentLink,
.inlineCode,
kbd,
.boxesFooter .boxContent,
.boxesFooterBoxes .boxContent,
.footerBoxes .boxContent,
.pageFooter .boxContent,
.pageFooterContainer .boxContent,
#pageFooter .boxContent,
.footerMenu,
.footerNavigation,
.footerLinks,
.googleTranslateElement,
#google_translate_element,
.goog-te-gadget,
.socialBox,
#socialBox,
.shareButtons,
.shareButtonList,
.shareButtonList > li > a {
  background-color: rgba(26, 8, 37, 0.98) !important;
}

.mainMenu .boxMenu .boxMenuDepth1 a,
.mainMenu .boxMenu .boxMenuDepth2 a,
.mainMenu .boxMenu .boxMenuDepth3 a,
.mainMenu .boxMenu .boxMenuDepth4 a {
  background: transparent !important;
  color: #fef3c7 !important;
}

.mainMenu .boxMenu .boxMenuDepth1 a:hover,
.mainMenu .boxMenu .boxMenuDepth2 a:hover,
.mainMenu .boxMenu .boxMenuDepth3 a:hover,
.mainMenu .boxMenu .boxMenuDepth4 a:hover {
  background: rgba(34, 211, 238, 0.16) !important;
  color: #fff !important;
}

div.scToc,
.scToc,
.toc,
.tableOfContents {
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.14), 0 12px 30px rgba(0, 0, 0, 0.26) !important;
}

.buttonGroup > li > a,
.buttonGroup > li > button,
.messageFooterGroup > li > a,
.messageFooterGroup > li > button,
.userPanelItems > li > a:hover,
.shareButtons a,
.shareButtonList > li > a,
.boxesFooter a.button,
.pageFooter a.button,
#pageFooter a.button {
  background-image: linear-gradient(180deg, var(--swat-pride) 0%, var(--swat-pride-dark) 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  color: #fff !important;
}

.boxesFooter .boxTitle,
.boxesFooterBoxes .boxTitle,
.footerBoxes .boxTitle,
.pageFooter .boxTitle,
.pageFooterContainer .boxTitle,
#pageFooter .boxTitle {
  background: linear-gradient(180deg, #22d3ee 0%, #a855f7 48%, #581c87 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  color: #fff !important;
  text-shadow: 0 0 8px rgba(34, 211, 238, 0.75), 0 1px 1px #000 !important;
}

#pageFooter,
.pageFooter,
.pageFooterContainer {
  box-shadow: 0 -1px 0 rgba(34, 211, 238, 0.16), 0 -18px 45px rgba(0, 0, 0, 0.22) !important;
}

#pageFooter select,
.pageFooter select,
.pageFooterContainer select,
#google_translate_element select {
  background-color: var(--swat-input-pride) !important;
  border-color: rgba(34, 211, 238, 0.35) !important;
  color: rgba(162, 217, 228, 0.92) !important;
}

/*
 * Dashboard-style polish inspired by the supplied FLATHACKSWIKI screenshot.
 * This block intentionally overrides the stronger BlackOps/space styling above.
 */
:root {
  --dash-bg: #160d20;
  --dash-panel: rgba(33, 19, 47, 0.96);
  --dash-panel-2: rgba(15, 24, 25, 0.98);
  --dash-card: rgba(43, 24, 64, 0.94);
  --dash-card-hover: rgba(58, 32, 86, 0.96);
  --dash-border: rgba(216, 180, 254, 0.22);
  --dash-accent: #ec4899;
  --dash-accent-2: #fef3c7;
  --dash-text: #fff7ff;
  --dash-muted: #d8b4fe;
}

html,
body {
  background:
    radial-gradient(ellipse at 24% 0%, rgba(168, 85, 247, 0.18), transparent 46%),
    linear-gradient(180deg, #21132f 0%, #160d20 42%, #1a0825 100%) !important;
  color: var(--dash-text) !important;
}

body,
button,
input,
select,
textarea {
  font-family: "Inter", "Open Sans", Arial, Helvetica, sans-serif !important;
}

#pageContainer {
  background: transparent !important;
}

#pageWrapperContainer,
#pageHeaderContainer #pageHeaderPanel > .layoutBoundary,
#pageLogoContainer,
#pageHeaderContent,
.baseHeaderContentVisitor,
.pageHeaderContainer,
.pageHeaderPanel {
  background: transparent !important;
  box-shadow: none !important;
}

#pageWrapperContainer > .layoutBoundary,
#pageHeaderContainer .layoutBoundary,
#pageLogoContainer .layoutBoundary,
#pageHeaderContent .layoutBoundary {
  max-width: 1680px !important;
}

#pageLogoContainer {
  padding: 22px 0 18px !important;
}

#pageLogoContainer::before {
  opacity: 0.28 !important;
}

.pageHeaderLogo img,
.pageHeaderLogoLarge,
.pageHeaderLogoSmall {
  filter: grayscale(0.72) saturate(0.88) brightness(1.1) drop-shadow(0 0 12px rgba(34, 211, 238, 0.22)) !important;
}

.headerContent,
.headerContentVisitor,
.headerContentInner,
#pageHeaderContent .layoutBoundary > * {
  background:
    linear-gradient(135deg, rgba(33, 19, 47, 0.98), rgba(58, 32, 86, 0.82)) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22) !important;
}

.mainMenu,
.userPanel,
#topMenu,
#pageHeaderPanel,
.pageHeaderPanel {
  background: var(--dash-panel) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;
}

.mainMenu .boxMenu > li > a,
.mainMenu .boxMenu > li > .boxMenuLink,
.userPanelItems > li > a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d8b4fe !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.mainMenu .boxMenu > li.active > a,
.mainMenu .boxMenu > li.active > .boxMenuLink,
.mainMenu .boxMenu > li:hover > a,
.mainMenu .boxMenu > li:hover > .boxMenuLink,
.userPanelItems > li > a:hover {
  background: rgba(168, 85, 247, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.18) !important;
  color: #fff !important;
}

.mainMenu .boxMenu .boxMenuDepth1,
.mainMenu .boxMenu .boxMenuDepth2,
.mainMenu .boxMenu .boxMenuDepth3,
.mainMenu .boxMenu .boxMenuDepth4 {
  background: rgba(33, 19, 47, 0.98) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28) !important;
}

.breadcrumbs,
.pageNavigation,
.contentHeaderNavigation,
.messageGroupNavigation,
.footerMenu,
.footerNavigation,
.footerLinks {
  background: rgba(33, 19, 47, 0.88) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.breadcrumbs::before,
.breadcrumbs::after,
.pageNavigation::before,
.pageNavigation::after {
  display: none !important;
}

#content,
.content,
.content > .section,
.content > form,
.sectionContainer,
.tabularBox,
.messageList,
.wbbBoardList,
.containerList {
  background: transparent !important;
  border-color: transparent !important;
}

.wbbCategory,
.wbbBoardContainer,
.wbbBoardList .wbbBoard,
.message,
.messageList > li,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.boxesFooter .box,
.boxesFooterBoxes .box,
.pageFooter .box,
#pageFooter .box,
.dialogContainer,
.popover,
.interactiveDropdown,
div.scToc,
.scToc,
.tabMenuContainer,
.quoteBox,
woltlab-quote,
.codeBox,
.spoilerBox > .spoilerBoxContent {
  background: var(--dash-panel) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16) !important;
  overflow: hidden !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.messageBody,
.messageContent,
.messageSidebar,
.messageHeader,
.messageFooter,
.wbbLastPost,
.wbbBoardStats,
.boxContent,
.boxesFooter .boxContent,
.pageFooter .boxContent,
#pageFooter .boxContent {
  background: var(--dash-card) !important;
  border-color: var(--dash-border) !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover {
  background: var(--dash-card-hover) !important;
}

.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbCategoryTitle,
.wbbCategoryHeader,
.boxTitle,
.sectionTitle,
.contentHeaderTitle,
.pageFooter .boxTitle,
#pageFooter .boxTitle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fef3c7 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 6px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.messageGroupLink,
.threadTitle,
.contentTitle {
  background: linear-gradient(135deg, rgba(29, 64, 71, 0.98), rgba(40, 85, 94, 0.82)) !important;
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

a,
.mainMenu .boxMenu .boxMenuDepth1 a,
.mainMenu .boxMenu .boxMenuDepth2 a,
.mainMenu .boxMenu .boxMenuDepth3 a,
.mainMenu .boxMenu .boxMenuDepth4 a {
  color: #22d3ee !important;
}

a:hover,
a:focus {
  color: #fef3c7 !important;
}

.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.buttonGroup > li > a,
.buttonGroup > li > button,
.messageFooterGroup > li > a,
.messageFooterGroup > li > button,
.shareButtons a,
.shareButtonList > li > a {
  background: rgba(168, 85, 247, 0.2) !important;
  border: 1px solid rgba(34, 211, 238, 0.3) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f5d0fe !important;
}

.button:hover,
a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.buttonGroup > li > a:hover,
.messageFooterGroup > li > a:hover {
  background: rgba(168, 85, 247, 0.32) !important;
  color: #fff !important;
}

input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  background: rgba(13, 20, 22, 0.96) !important;
  border: 1px solid var(--dash-border) !important;
  border-radius: 8px !important;
  color: var(--dash-text) !important;
}

.wbbBoardDescription,
.messageMeta,
.messageFooter,
.messageSignature,
.userTitle,
.userCredits,
.dimmed,
small {
  color: var(--dash-muted) !important;
}

#pageFooter,
.pageFooter,
.pageFooterContainer,
.boxesFooter,
.boxesFooterBoxes {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.message .button,
.message a.button,
.messageFooterButtons a,
.messageFooterButtons button,
.jsOnly.button,
.downloadButton,
a[href*="filebase/"],
a[href*="download"] {
  background-image: linear-gradient(180deg, var(--swat-pride) 0%, var(--swat-pride-dark) 100%) !important;
  border-color: #fef3c7 var(--swat-pride-mid) var(--swat-pride-dark) !important;
  color: #fff !important;
}

.messageSignature,
.signature,
.messageFooter,
.messageHeader {
  border-color: rgba(34, 211, 238, 0.18) !important;
  box-shadow: 0 1px 0 rgba(254, 243, 199, 0.08) inset !important;
}

.wbbBoardDescription,
.wbbBoardStats,
.messageMeta,
.messageFooter,
.messageSignature,
.userTitle,
.userCredits,
.dimmed,
small {
  color: rgba(216, 180, 254, 0.86) !important;
}

.wcfLikeCounter.likeCounterDisliked {
  color: var(--swat-pride) !important;
  text-shadow: 0 0 0.5em var(--swat-pride) !important;
}

.codeBox .hlQuotes,
.codeBox .hlKeywords2,
.codeBox .hlKeywords5,
.diffHighlighter .hlRemoved {
  color: var(--swat-pride) !important;
}

/* WCF top cleanup: remove remaining header impurities */
#pageHeaderContent,
#pageHeaderContent > .layoutBoundary,
#pageHeaderContent .layoutBoundary > *,
.headerContent,
.headerContentVisitor,
.headerContentInner,
.baseHeaderContentVisitor {
  width: 100% !important;
  background: rgba(12, 18, 20, 0.88) !important;
  border: 1px solid rgba(216, 180, 254, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22) !important;
}

#pageHeaderContent {
  margin: 0 auto 28px !important;
}

#pageHeaderContent > .layoutBoundary {
  max-width: 1680px !important;
  min-height: 58px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.headerContent,
.headerContentVisitor,
.headerContentInner,
.baseHeaderContentVisitor {
  min-height: 58px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  background:
    linear-gradient(90deg, rgba(10, 16, 17, 0.96), rgba(16, 27, 29, 0.86)) !important;
}

.headerContentMessage,
.headerContentMessageGrid,
.headerContentMessageGridBox,
.headerContentVisitor .box,
.headerContentVisitor li,
.headerContentVisitorItem,
.userInformation,
.userInformation > * {
  background: transparent !important;
  box-shadow: none !important;
}

.headerContentMessageGrid,
.headerContentVisitor ul,
.headerContentVisitor .inlineList {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}

.headerContentMessageGridBox,
.headerContentVisitor li,
.headerContentVisitorItem,
.userInformation > * {
  padding: 8px 16px !important;
  border-right: 1px solid rgba(216, 180, 254, 0.2) !important;
  background: rgba(43, 24, 64, 0.42) !important;
}

.headerContentMessageGridBox:first-child,
.headerContentVisitor li:first-child,
.userInformation > *:first-child {
  border-radius: 8px 0 0 8px !important;
}

.headerContentMessageGridBox:last-child,
.headerContentVisitor li:last-child,
.userInformation > *:last-child {
  border-right: 0 !important;
  border-radius: 0 8px 8px 0 !important;
}

.headerContentMessageGridBox > a,
.headerContentMessageGridBox a,
.headerContentVisitor a,
.userInformation a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #22d3ee !important;
}

.headerContentMessageGridBox small,
.headerContentMessageGridBox .label,
.headerContentVisitor small,
.headerContentVisitor .label,
.userInformation small,
.userInformation .label {
  color: rgba(245, 208, 254, 0.78) !important;
}

#pageHeaderPanel,
#pageHeaderPanel > .layoutBoundary,
.pageHeaderPanel,
.pageHeaderPanel > .layoutBoundary,
.mainMenu,
.mainMenu > .boxMenu,
.userPanel,
.userPanelItems {
  background: rgba(15, 24, 25, 0.96) !important;
  border-color: rgba(216, 180, 254, 0.22) !important;
  box-shadow: none !important;
}

#pageHeaderPanel > .layoutBoundary,
.pageHeaderPanel > .layoutBoundary {
  max-width: 1680px !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
}

#pageHeaderSubMenu,
.pageHeaderSubMenu,
.pageNavigation,
.breadcrumbs,
.contentHeaderNavigation {
  background: rgba(26, 8, 37, 0.94) !important;
  border-color: rgba(168, 85, 247, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#pageHeaderSubMenu *,
.pageHeaderSubMenu *,
.pageNavigation *,
.breadcrumbs * {
  border-color: rgba(168, 85, 247, 0.22) !important;
}

#pageHeaderSubMenu::before,
#pageHeaderSubMenu::after,
.pageHeaderSubMenu::before,
.pageHeaderSubMenu::after,
.pageNavigation::before,
.pageNavigation::after,
.breadcrumbs::before,
.breadcrumbs::after {
  display: none !important;
}

#pageHeaderSubMenu,
.pageHeaderSubMenu {
  border-bottom: 4px solid rgba(168, 85, 247, 0.9) !important;
}

[style*="background-color: #c"],
[style*="background-color:#c"],
[style*="background: #c"],
[style*="background:#c"],
[style*="border-color: #c"],
[style*="border-color:#c"],
[style*="background-color: red"],
[style*="background:red"],
.red,
.badge.red,
a.badge.red {
  background: rgba(168, 85, 247, 0.18) !important;
  border-color: rgba(168, 85, 247, 0.55) !important;
  color: #f5d0fe !important;
}

/* Pride premium accents: obsidian depth, silver edges, cold quantum cyan */
:root {
  --pride-accent: #ec4899;
  --pride-accent-2: #fef3c7;
  --pride-accent-3: #22d3ee;
  --pride-accent-4: #8b5cf6;
  --pride-deep: #050207;
  --pride-panel: rgba(16, 5, 21, 0.96);
  --pride-border: rgba(254, 243, 199, 0.24);
  --pride-lux-gradient: linear-gradient(135deg, var(--pride-accent) 0%, var(--pride-accent-2) 38%, var(--pride-accent-3) 72%, var(--pride-accent-4) 100%);
  --pride-sheen: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  --pride-aura: 0 0 22px color-mix(in srgb, var(--pride-accent) 42%, transparent), 0 0 46px color-mix(in srgb, var(--pride-accent-3) 22%, transparent);
}

html,
body {
  background-color: var(--pride-deep) !important;
}

#pageWrapperContainer,
#pageHeaderContainer #pageHeaderPanel > .layoutBoundary,
#content,
.content,
.content > .section,
.content > form,
.sectionContainer,
.tabularBox,
.wbbBoardList,
.messageList,
.containerList,
#pageHeaderContent .layoutBoundary > *,
#pageFooter .box {
  background: var(--pride-panel) !important;
  border-color: var(--pride-border) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.36), var(--pride-aura) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

#pageLogoContainer {
  background-image:
    radial-gradient(ellipse at 18% 0%, color-mix(in srgb, var(--pride-accent) 34%, transparent) 0%, transparent 42%),
    radial-gradient(ellipse at 72% 8%, color-mix(in srgb, var(--pride-accent-3) 30%, transparent) 0%, transparent 44%),
    linear-gradient(105deg, rgba(16, 5, 21, 0.92), color-mix(in srgb, var(--pride-deep) 68%, transparent), rgba(0, 0, 0, 0.86)) !important;
}

#pageLogoContainer::before {
  background:
    linear-gradient(116deg, transparent 0 39%, color-mix(in srgb, var(--pride-accent-2) 68%, transparent) 42%, rgba(255, 255, 255, 0.92) 44%, color-mix(in srgb, var(--pride-accent-3) 64%, transparent) 47%, transparent 51%),
    radial-gradient(ellipse at 64% 0%, color-mix(in srgb, var(--pride-deep) 94%, transparent) 0%, rgba(26, 8, 37, 0.96) 48%, transparent 49%) !important;
}

.pageHeaderLogo img,
.pageHeaderLogoLarge,
.pageHeaderLogoSmall {
  filter: grayscale(0.65) saturate(0.92) brightness(1.08) drop-shadow(0 0 12px color-mix(in srgb, var(--pride-accent) 48%, transparent)) drop-shadow(0 0 22px color-mix(in srgb, var(--pride-accent-3) 28%, transparent)) !important;
}

a,
.breadcrumbs > ol > li:last-child > a,
.breadcrumbs > ol > li:last-child::before,
.messageQuickReplyCollapsed .messageQuickReplyContent::before,
.messageQuickReplyCollapsed .messageQuickReplyContent::after,
.commentListAddComment.collapsed::before,
.commentListAddComment.collapsed::after,
.icon.red,
.fa.red {
  color: var(--pride-accent-2) !important;
  text-shadow: 0 0 12px color-mix(in srgb, var(--pride-accent-2) 28%, transparent) !important;
}

a:hover,
a:focus {
  color: var(--pride-accent-3) !important;
  text-shadow: 0 0 16px color-mix(in srgb, var(--pride-accent-3) 42%, transparent) !important;
}

.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.buttonGroup > li > a,
.buttonGroup > li > button,
.message .button,
.message a.button,
.messageFooterButtons button,
.messageFooterGroup > li > button,
.jsOnly.button,
.badge.badgeUpdate,
a.badge.badgeUpdate,
.badge.red,
a.badge.red,
.boxTitle,
.boxesFooter .boxTitle,
.boxesFooterBoxes .boxTitle,
.footerBoxes .boxTitle,
.pageFooter .boxTitle,
.pageFooterContainer .boxTitle,
#pageFooter .boxTitle {
  background: var(--pride-lux-gradient) !important;
  background-size: 180% 100% !important;
  border-color: color-mix(in srgb, var(--pride-accent-2) 70%, white 18%) var(--pride-accent) color-mix(in srgb, var(--pride-accent-3) 72%, black 16%) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.26) inset, 0 -1px 0 rgba(0, 0, 0, 0.58) inset, 0 0 18px color-mix(in srgb, var(--pride-accent) 28%, transparent), 0 12px 32px rgba(0, 0, 0, 0.38) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.78), 0 0 12px rgba(255, 255, 255, 0.16) !important;
}

.button:hover,
a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.buttonGroup > li > a:hover,
.buttonGroup > li > button:hover,
a.badge:hover.badgeUpdate,
a.badge:hover.red {
  background-position: 100% 0 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 0 24px color-mix(in srgb, var(--pride-accent-2) 36%, transparent), 0 16px 38px rgba(0, 0, 0, 0.42) !important;
}

#pageHeaderSubMenu,
.pageHeaderSubMenu,
.pageNavigation,
.breadcrumbs,
.contentHeaderNavigation {
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--pride-accent) 24%, transparent), color-mix(in srgb, var(--pride-accent-3) 18%, transparent), color-mix(in srgb, var(--pride-accent-4) 20%, transparent)) !important;
  border-color: var(--pride-border) !important;
}

#pageHeaderSubMenu,
.pageHeaderSubMenu {
  border-bottom: 4px solid var(--pride-accent-2) !important;
  box-shadow: 0 4px 0 color-mix(in srgb, var(--pride-accent) 30%, transparent), 0 8px 0 color-mix(in srgb, var(--pride-accent-3) 20%, transparent) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--pride-accent-2) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pride-accent) 18%, transparent), 0 0 14px color-mix(in srgb, var(--pride-accent-3) 24%, transparent) !important;
}

/* Pride premium motion */
body {
  position: relative !important;
}

body::before {
  animation: premium-star-drift 52s linear infinite, premium-aura-pulse 9s ease-in-out infinite alternate !important;
  will-change: transform, opacity, background-position !important;
}

body::after {
  animation: premium-nebula-orbit 42s ease-in-out infinite alternate, premium-spectrum-shimmer 18s linear infinite !important;
  background:
    radial-gradient(ellipse at 18% 20%, color-mix(in srgb, var(--pride-accent) 18%, transparent) 0%, transparent 36%),
    radial-gradient(ellipse at 78% 18%, color-mix(in srgb, var(--pride-accent-3) 16%, transparent) 0%, transparent 34%),
    radial-gradient(ellipse at 48% 82%, color-mix(in srgb, var(--pride-accent-2) 14%, transparent) 0%, transparent 42%),
    linear-gradient(115deg, transparent 0 38%, color-mix(in srgb, var(--pride-accent-4) 10%, transparent) 48%, transparent 62%) !important;
  background-size: 130% 130%, 140% 140%, 120% 120%, 180% 180% !important;
  content: "" !important;
  filter: saturate(1.2) blur(1px) !important;
  inset: -18vh !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: fixed !important;
  transform: translate3d(0, 0, 0) scale(1.02) !important;
  will-change: transform, opacity, background-position !important;
  z-index: -1 !important;
}

#pageLogoContainer::before {
  animation: premium-scan-sheen 11s ease-in-out infinite !important;
  background-size: 180% 180%, cover !important;
}

.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.buttonGroup > li > a,
.buttonGroup > li > button,
.message .button,
.message a.button,
.messageFooterButtons button,
.messageFooterGroup > li > button,
.jsOnly.button,
.badge.badgeUpdate,
a.badge.badgeUpdate,
.badge.red,
a.badge.red,
.boxTitle,
.boxesFooter .boxTitle,
.boxesFooterBoxes .boxTitle,
.footerBoxes .boxTitle,
.pageFooter .boxTitle,
.pageFooterContainer .boxTitle,
#pageFooter .boxTitle {
  animation: premium-gradient-flow 14s ease-in-out infinite !important;
  transition: background-position 420ms ease, box-shadow 220ms ease, transform 180ms ease, filter 220ms ease !important;
}

.content > .section,
.content > form,
.sectionContainer,
.tabularBox,
.wbbBoardList,
.message,
.containerList > li,
#pageFooter .box,
#pageHeaderContent .layoutBoundary > * {
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 180ms ease, background-color 220ms ease !important;
}

.content > .section:hover,
.content > form:hover,
.sectionContainer:hover,
.tabularBox:hover,
.wbbBoardList:hover,
.message:hover,
.containerList > li:hover,
#pageFooter .box:hover,
#pageHeaderContent .layoutBoundary > *:hover {
  border-color: color-mix(in srgb, var(--pride-accent-2) 58%, transparent) !important;
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.42), 0 0 24px color-mix(in srgb, var(--pride-accent) 26%, transparent), 0 0 44px color-mix(in srgb, var(--pride-accent-3) 16%, transparent) !important;
  transform: translateY(-1px) !important;
}

@keyframes premium-star-drift {
  0% { background-position: 0 0, 0 0, 0 0, 0 0, center, center, center, center; transform: translate3d(0, 0, 0); }
  100% { background-position: 260px 220px, -310px 270px, 380px -330px, -470px -390px, center, center, center, center; transform: translate3d(1.5vw, -1vh, 0); }
}

@keyframes premium-nebula-orbit {
  0% { background-position: 0% 0%, 100% 0%, 50% 100%, 0% 50%; transform: translate3d(-1.5vw, -1vh, 0) scale(1.02) rotate(0.001deg); }
  50% { opacity: 0.88; }
  100% { background-position: 100% 30%, 0% 70%, 60% 0%, 100% 50%; transform: translate3d(1.5vw, 1vh, 0) scale(1.07) rotate(0.001deg); }
}

@keyframes premium-spectrum-shimmer {
  0% { filter: saturate(1.08) blur(1px); }
  50% { filter: saturate(1.34) blur(1px); }
  100% { filter: saturate(1.08) blur(1px); }
}

@keyframes premium-gradient-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes premium-aura-pulse {
  0% { opacity: 0.66; }
  100% { opacity: 0.9; }
}

@keyframes premium-scan-sheen {
  0%, 100% { opacity: 0.58; background-position: 0% 50%, center; }
  45%, 55% { opacity: 0.86; }
  100% { background-position: 100% 50%, center; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  body::after {
    opacity: 0.46 !important;
    transform: none !important;
  }
}

/* Pride void motion polish */
:root {
  --pride-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pride-void-glow: rgba(34, 211, 238, 0.18);
  --pride-silver-glow: rgba(254, 243, 199, 0.14);
}

body::before {
  animation: pride-star-drift 84s linear infinite, pride-void-breathe 16s ease-in-out infinite alternate !important;
  opacity: 0.62 !important;
}

body::after {
  animation: pride-void-orbit 76s ease-in-out infinite alternate, pride-quantum-shimmer 28s linear infinite !important;
  background:
    radial-gradient(ellipse at 16% 22%, rgba(34, 211, 238, 0.11) 0%, transparent 38%),
    radial-gradient(ellipse at 78% 18%, rgba(139, 92, 246, 0.12) 0%, transparent 34%),
    radial-gradient(ellipse at 46% 82%, rgba(254, 243, 199, 0.08) 0%, transparent 44%),
    linear-gradient(112deg, transparent 0 40%, rgba(34, 211, 238, 0.045) 49%, transparent 64%) !important;
  opacity: 0.58 !important;
}

.button,
a.button,
button,
.buttonGroup > li > a,
.buttonGroup > li > button,
.message .button,
.message a.button,
.messageFooterButtons button,
.messageFooterGroup > li > a,
.messageFooterGroup > li > button,
.jsOnly.button,
.badge,
a.badge,
.mainMenu .boxMenu > li > a,
.mainMenu .boxMenu > li > span,
.userPanelItems > li > a {
  backface-visibility: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    background-color 340ms var(--pride-ease),
    background-position 900ms var(--pride-ease),
    border-color 340ms var(--pride-ease),
    box-shadow 360ms var(--pride-ease),
    color 260ms var(--pride-ease),
    filter 360ms var(--pride-ease),
    transform 300ms var(--pride-ease) !important;
}

.button:hover,
a.button:hover,
button:hover,
.buttonGroup > li > a:hover,
.buttonGroup > li > button:hover,
.message .button:hover,
.message a.button:hover,
.messageFooterButtons button:hover,
.messageFooterGroup > li > a:hover,
.messageFooterGroup > li > button:hover,
.jsOnly.button:hover,
.badge:hover,
a.badge:hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 0 24px var(--pride-void-glow), 0 18px 42px rgba(0, 0, 0, 0.48) !important;
  filter: brightness(1.08) saturate(1.08) !important;
  transform: translate3d(0, -2px, 0) !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.message,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.pageFooter .box,
#pageFooter .box,
.interactiveDropdown,
.popover,
.dialogContainer {
  backface-visibility: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    background 420ms var(--pride-ease),
    background-color 420ms var(--pride-ease),
    border-color 360ms var(--pride-ease),
    box-shadow 420ms var(--pride-ease),
    filter 420ms var(--pride-ease),
    transform 320ms var(--pride-ease) !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover,
.message:hover,
.sidebar .box:hover,
.boxesSidebarLeft .box:hover,
.boxesSidebarRight .box:hover,
.pageFooter .box:hover,
#pageFooter .box:hover {
  border-color: rgba(254, 243, 199, 0.32) !important;
  box-shadow: 0 28px 76px rgba(0, 0, 0, 0.56), 0 0 24px var(--pride-void-glow), 0 0 52px rgba(139, 92, 246, 0.08) !important;
  filter: brightness(1.045) contrast(1.02) !important;
  transform: translate3d(0, -2px, 0) !important;
}

.wbbBoardList .wbbBoard:hover .wbbBoardTitle a,
.wbbBoardContainer:hover .wbbBoardTitle a,
.containerList > li:hover a,
.sidebar .box:hover a,
.boxesSidebarRight .box:hover a {
  color: #fef3c7 !important;
  text-shadow: 0 0 14px rgba(34, 211, 238, 0.28), 0 0 28px rgba(139, 92, 246, 0.16) !important;
}

.boxTitle,
.wbbCategoryTitle,
.wbbCategoryHeader,
.sectionTitle,
.contentHeaderTitle,
.pageFooter .boxTitle,
#pageFooter .boxTitle,
.pageHeaderLogo img,
.pageHeaderLogoLarge,
.pageHeaderLogoSmall {
  transition:
    border-color 420ms var(--pride-ease),
    box-shadow 420ms var(--pride-ease),
    color 300ms var(--pride-ease),
    filter 520ms var(--pride-ease),
    text-shadow 420ms var(--pride-ease),
    transform 520ms var(--pride-ease) !important;
}

.wbbCategory:hover .boxTitle,
.wbbCategory:hover .wbbCategoryTitle,
.box:hover .boxTitle,
.sidebar .box:hover .boxTitle,
.boxesSidebarRight .box:hover .boxTitle {
  color: #fff7ff !important;
  filter: brightness(1.08) !important;
  text-shadow: 0 0 16px rgba(34, 211, 238, 0.26), 0 1px 1px #000 !important;
}

.pageHeaderLogo:hover img,
.pageHeaderLogo:hover .pageHeaderLogoLarge,
.pageHeaderLogo:hover .pageHeaderLogoSmall {
  filter: grayscale(0.55) saturate(1.06) brightness(1.14) drop-shadow(0 0 18px rgba(34, 211, 238, 0.34)) drop-shadow(0 0 30px rgba(139, 92, 246, 0.18)) !important;
  transform: translate3d(0, -1px, 0) scale(1.01) !important;
}

@keyframes pride-star-drift {
  0% { background-position: 0 0, 0 0, 0 0, 0 0, center, center, center, center; transform: translate3d(0, 0, 0); }
  100% { background-position: 520px 420px, -640px 560px, 760px -680px, -940px -780px, center, center, center, center; transform: translate3d(1vw, -0.75vh, 0); }
}

@keyframes pride-void-orbit {
  0% { background-position: 0% 0%, 100% 0%, 50% 100%, 0% 50%; transform: translate3d(-1vw, -0.75vh, 0) scale(1.02) rotate(0.001deg); }
  50% { opacity: 0.72; }
  100% { background-position: 100% 28%, 0% 72%, 58% 0%, 100% 50%; transform: translate3d(1vw, 0.9vh, 0) scale(1.065) rotate(0.001deg); }
}

@keyframes pride-quantum-shimmer {
  0% { filter: saturate(0.92) contrast(1.02) blur(1px); }
  50% { filter: saturate(1.18) contrast(1.08) blur(1px); }
  100% { filter: saturate(0.92) contrast(1.02) blur(1px); }
}

@keyframes pride-void-breathe {
  0% { opacity: 0.48; }
  100% { opacity: 0.72; }
}

@media (prefers-reduced-motion: reduce) {
  a,
  .button,
  a.button,
  button,
  .wbbBoardList .wbbBoard,
  .wbbBoardContainer,
  .tabularListRow,
  .containerList > li,
  .message,
  .sidebar .box,
  .boxesSidebarLeft .box,
  .boxesSidebarRight .box {
    transition-duration: 0.001ms !important;
    transform: none !important;
  }
}

/* Pride borderless box polish */
.wbbCategory,
.wbbBoardContainer,
.wbbBoardList,
.wbbBoardList .wbbBoard,
.message,
.messageList > li,
.messageBody,
.messageContent,
.messageSidebar,
.messageHeader,
.messageFooter,
.containerList,
.containerList > li,
.tabularBox,
.tabularListRow,
.sectionContainer,
.content > .section,
.content > form,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.boxesFooter .box,
.boxesFooterBoxes .box,
.pageFooter .box,
#pageFooter .box,
.dialogContainer,
.popover,
.interactiveDropdown,
div.scToc,
.scToc,
.tabMenuContainer,
.quoteBox,
woltlab-quote,
.codeBox,
.spoilerBox > .spoilerBoxContent,
#pageHeaderContent,
#pageHeaderContent > .layoutBoundary,
#pageHeaderContent .layoutBoundary > *,
.headerContent,
.headerContentVisitor,
.headerContentInner,
.baseHeaderContentVisitor {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.34), 0 0 22px rgba(34, 211, 238, 0.07) !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.message,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.pageFooter .box,
#pageFooter .box {
  background:
    linear-gradient(180deg, rgba(13, 20, 22, 0.96), rgba(7, 12, 14, 0.975)) !important;
}

.wbbBoardList .wbbBoard + .wbbBoard,
.containerList > li + li,
.messageList > li + li,
.tabularListRow + .tabularListRow {
  box-shadow: 0 -1px 0 rgba(254, 243, 199, 0.045), 0 18px 52px rgba(0, 0, 0, 0.3) !important;
}

.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbBoardList .wbbCategory > .wbbCategoryTitle,
.wbbCategory > header,
.wbbCategoryHeader,
.wbbCategoryTitle,
.boxTitle,
.sectionTitle,
.contentHeaderTitle,
.pageFooter .boxTitle,
#pageFooter .boxTitle {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover,
.message:hover,
.sidebar .box:hover,
.boxesSidebarLeft .box:hover,
.boxesSidebarRight .box:hover,
.pageFooter .box:hover,
#pageFooter .box:hover {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: 0 28px 76px rgba(0, 0, 0, 0.56), 0 0 24px var(--pride-void-glow), 0 0 52px rgba(139, 92, 246, 0.08) !important;
}

/* Pride glass depth and animated void background */
:root {
  --pride-glass: rgba(16, 5, 21, 0.58);
  --pride-glass-strong: rgba(33, 19, 47, 0.72);
  --pride-glass-soft: rgba(43, 24, 64, 0.42);
  --pride-glass-highlight: rgba(254, 243, 199, 0.08);
  --pride-glass-shadow: 0 24px 72px rgba(0, 0, 0, 0.52), 0 0 34px rgba(34, 211, 238, 0.08), inset 0 1px 0 rgba(254, 243, 199, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.52);
}

html,
body {
  background-color: #050207 !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.12) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 22%, rgba(139, 92, 246, 0.12) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 68%, rgba(254, 243, 199, 0.08) 0 1px, transparent 2px),
    radial-gradient(ellipse at 8% 72%, rgba(34, 211, 238, 0.12) 0%, transparent 58%),
    radial-gradient(ellipse at 84% 18%, rgba(139, 92, 246, 0.14) 0%, transparent 62%),
    radial-gradient(ellipse at 52% 108%, rgba(236, 72, 153, 0.1) 0%, transparent 54%),
    linear-gradient(125deg, #050207 0%, #100515 38%, #1a0825 72%, #000 100%) !important;
  background-size: 280px 240px, 360px 310px, 520px 460px, cover, cover, cover, cover !important;
}

body::before {
  animation: pride-glass-stars 110s linear infinite, pride-void-breathe 18s ease-in-out infinite alternate !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(254, 243, 199, 0.36) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 18%, rgba(34, 211, 238, 0.28) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 76%, rgba(139, 92, 246, 0.24) 0 1px, transparent 2px),
    radial-gradient(circle at 32% 58%, rgba(254, 243, 199, 0.16) 0 1px, transparent 2px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 24%, transparent 76%, rgba(0, 0, 0, 0.82)) !important;
  background-size: 520px 420px, 680px 560px, 820px 700px, 940px 760px, cover !important;
  opacity: 0.58 !important;
}

body::after {
  animation: pride-glass-aurora 92s ease-in-out infinite alternate, pride-glass-shimmer 36s linear infinite !important;
  background:
    radial-gradient(ellipse at 14% 18%, rgba(34, 211, 238, 0.12) 0%, transparent 34%),
    radial-gradient(ellipse at 82% 16%, rgba(139, 92, 246, 0.14) 0%, transparent 36%),
    radial-gradient(ellipse at 50% 78%, rgba(254, 243, 199, 0.075) 0%, transparent 44%),
    linear-gradient(118deg, transparent 0 36%, rgba(34, 211, 238, 0.05) 46%, rgba(139, 92, 246, 0.06) 54%, transparent 66%) !important;
  background-size: 150% 150%, 160% 160%, 140% 140%, 220% 220% !important;
  filter: blur(1.4px) saturate(1.12) !important;
  opacity: 0.66 !important;
}

.wbbCategory,
.wbbBoardContainer,
.wbbBoardList,
.wbbBoardList .wbbBoard,
.message,
.messageList > li,
.messageBody,
.messageContent,
.messageSidebar,
.messageHeader,
.messageFooter,
.containerList,
.containerList > li,
.tabularBox,
.tabularListRow,
.sectionContainer,
.content > .section,
.content > form,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.boxesFooter .box,
.boxesFooterBoxes .box,
.pageFooter .box,
#pageFooter .box,
.dialogContainer,
.popover,
.interactiveDropdown,
div.scToc,
.scToc,
.tabMenuContainer,
.quoteBox,
woltlab-quote,
.codeBox,
.spoilerBox > .spoilerBoxContent,
#pageHeaderContent,
#pageHeaderContent > .layoutBoundary,
#pageHeaderContent .layoutBoundary > *,
.headerContent,
.headerContentVisitor,
.headerContentInner,
.baseHeaderContentVisitor {
  background:
    linear-gradient(135deg, rgba(254, 243, 199, 0.045), transparent 32%, rgba(34, 211, 238, 0.035) 68%, rgba(139, 92, 246, 0.04)),
    var(--pride-glass) !important;
  backdrop-filter: blur(24px) saturate(1.22) contrast(1.04) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.22) contrast(1.04) !important;
  box-shadow: var(--pride-glass-shadow) !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.message,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.pageFooter .box,
#pageFooter .box {
  background:
    linear-gradient(180deg, rgba(254, 243, 199, 0.04), transparent 26%),
    linear-gradient(135deg, rgba(34, 211, 238, 0.035), transparent 52%, rgba(139, 92, 246, 0.045)),
    var(--pride-glass-strong) !important;
}

.boxContent,
.wbbLastPost,
.wbbBoardStats,
.messageHeaderMetaData,
.messageFooterGroup,
.buttonGroup,
.dropdownMenu,
.menuOverlay,
.redactor-box,
.redactor-layer,
.inlineCode,
kbd {
  background: rgba(26, 8, 37, 0.44) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  box-shadow: inset 0 1px 0 rgba(254, 243, 199, 0.055) !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover,
.message:hover,
.sidebar .box:hover,
.boxesSidebarLeft .box:hover,
.boxesSidebarRight .box:hover,
.pageFooter .box:hover,
#pageFooter .box:hover {
  background:
    linear-gradient(180deg, rgba(254, 243, 199, 0.06), transparent 28%),
    linear-gradient(135deg, rgba(34, 211, 238, 0.06), transparent 52%, rgba(139, 92, 246, 0.07)),
    rgba(58, 32, 86, 0.78) !important;
  box-shadow: 0 30px 86px rgba(0, 0, 0, 0.58), 0 0 28px rgba(34, 211, 238, 0.16), 0 0 58px rgba(139, 92, 246, 0.1), inset 0 1px 0 rgba(254, 243, 199, 0.1) !important;
}

.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbBoardList .wbbCategory > .wbbCategoryTitle,
.wbbCategory > header,
.wbbCategoryHeader,
.wbbCategoryTitle,
.boxTitle,
.sectionTitle,
.contentHeaderTitle,
.pageFooter .boxTitle,
#pageFooter .boxTitle {
  background:
    linear-gradient(90deg, rgba(34, 211, 238, 0.18), rgba(254, 243, 199, 0.08), rgba(139, 92, 246, 0.16)) 0 100% / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(254, 243, 199, 0.035), rgba(4, 8, 12, 0.18)) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

@keyframes pride-glass-stars {
  0% { background-position: 0 0, 0 0, 0 0, 0 0, center; transform: translate3d(0, 0, 0); }
  100% { background-position: 520px 420px, -680px 560px, 820px -700px, -940px 760px, center; transform: translate3d(1.2vw, -0.8vh, 0); }
}

@keyframes pride-glass-aurora {
  0% { background-position: 0% 0%, 100% 0%, 50% 100%, 0% 50%; transform: translate3d(-1.2vw, -0.9vh, 0) scale(1.02) rotate(0.001deg); }
  50% { opacity: 0.78; }
  100% { background-position: 100% 26%, 0% 72%, 58% 0%, 100% 50%; transform: translate3d(1.2vw, 0.9vh, 0) scale(1.07) rotate(0.001deg); }
}

@keyframes pride-glass-shimmer {
  0% { filter: blur(1.4px) saturate(1) contrast(1.02); }
  50% { filter: blur(1.4px) saturate(1.28) contrast(1.08); }
  100% { filter: blur(1.4px) saturate(1) contrast(1.02); }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Pride performance pass: keep the premium glass look, reduce repaint cost */
:root {
  --pride-glass-shadow: 0 18px 46px rgba(0, 0, 0, 0.42), 0 0 18px rgba(34, 211, 238, 0.055), inset 0 1px 0 rgba(254, 243, 199, 0.055);
}

body::before {
  animation: pride-glass-stars 140s linear infinite !important;
  opacity: 0.46 !important;
  will-change: background-position, transform !important;
}

body::after {
  animation: pride-glass-aurora 120s ease-in-out infinite alternate !important;
  filter: none !important;
  opacity: 0.42 !important;
  will-change: background-position, opacity, transform !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.message,
.messageList > li,
.messageBody,
.messageContent,
.messageSidebar,
.messageHeader,
.messageFooter,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.pageFooter .box,
#pageFooter .box,
.boxContent,
.wbbLastPost,
.wbbBoardStats,
.messageHeaderMetaData,
.messageFooterGroup,
.buttonGroup,
.dropdownMenu,
.menuOverlay,
.redactor-box,
.redactor-layer,
.inlineCode,
kbd {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(254, 243, 199, 0.04) !important;
  contain: paint !important;
}

#pageHeaderContent,
#pageHeaderContent > .layoutBoundary,
#pageHeaderContent .layoutBoundary > *,
.headerContent,
.headerContentVisitor,
.headerContentInner,
.baseHeaderContentVisitor,
.mainMenu,
.userPanel,
#topMenu,
#pageHeaderPanel,
.pageHeaderPanel,
.dialogContainer,
.popover,
.interactiveDropdown {
  backdrop-filter: blur(10px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.12) !important;
}

.wbbCategory,
.wbbBoardList,
.containerList,
.tabularBox,
.sectionContainer,
.content > .section,
.content > form {
  backdrop-filter: blur(8px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.1) !important;
}

.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbBoardList .wbbCategory > .wbbCategoryTitle,
.wbbCategory > header,
.wbbCategoryHeader,
.wbbCategoryTitle,
.boxTitle,
.sectionTitle,
.contentHeaderTitle,
.pageFooter .boxTitle,
#pageFooter .boxTitle {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.buttonGroup > li > a,
.buttonGroup > li > button,
.message .button,
.message a.button,
.messageFooterButtons button,
.messageFooterGroup > li > a,
.messageFooterGroup > li > button,
.jsOnly.button,
.badge,
a.badge,
.boxTitle,
.boxesFooter .boxTitle,
.boxesFooterBoxes .boxTitle,
.footerBoxes .boxTitle,
.pageFooter .boxTitle,
.pageFooterContainer .boxTitle,
#pageFooter .boxTitle {
  animation: none !important;
  background-position: 50% 50% !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover,
.message:hover,
.sidebar .box:hover,
.boxesSidebarLeft .box:hover,
.boxesSidebarRight .box:hover,
.pageFooter .box:hover,
#pageFooter .box:hover {
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 18px rgba(34, 211, 238, 0.1), inset 0 1px 0 rgba(254, 243, 199, 0.08) !important;
  filter: brightness(1.025) !important;
  transform: translate3d(0, -1px, 0) !important;
}

@media (prefers-reduced-motion: reduce), (update: slow) {
  body::before,
  body::after,
  .button,
  a.button,
  button,
  .badge,
  a.badge,
  .boxTitle,
  .pageHeaderLogo img,
  .pageHeaderLogoLarge,
  .pageHeaderLogoSmall {
    animation: none !important;
    transition-duration: 0.001ms !important;
  }

  body::before,
  body::after {
    opacity: 0.28 !important;
    transform: none !important;
  }

  .wbbCategory,
  .wbbBoardList,
  .containerList,
  .tabularBox,
  .sectionContainer,
  .content > .section,
  .content > form,
  #pageHeaderContent,
  #pageHeaderContent > .layoutBoundary,
  #pageHeaderContent .layoutBoundary > *,
  .headerContent,
  .headerContentVisitor,
  .headerContentInner,
  .baseHeaderContentVisitor,
  .mainMenu,
  .userPanel,
  #topMenu,
  #pageHeaderPanel,
  .pageHeaderPanel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Pride extra borderless box cleanup */
:root {
  --pride-borderless-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), 0 0 16px rgba(34, 211, 238, 0.055), inset 0 1px 0 rgba(254, 243, 199, 0.035);
  --pride-borderless-hover-shadow: 0 20px 48px rgba(0, 0, 0, 0.44), 0 0 18px rgba(34, 211, 238, 0.1), inset 0 1px 0 rgba(254, 243, 199, 0.065);
}

.box,
.boxContent,
.boxTitle,
.wbbCategory,
.wbbCategory > header,
.wbbCategoryHeader,
.wbbCategoryTitle,
.wbbBoardList,
.wbbBoardList .wbbCategory > header,
.wbbBoardList .wbbCategory .wbbCategoryTitle,
.wbbBoardList .wbbCategory > .wbbCategoryTitle,
.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.wbbLastPost,
.wbbBoardStats,
.messageList,
.messageList > li,
.message,
.messageSidebar,
.messageContent,
.messageHeader,
.messageBody,
.messageFooter,
.messageFooterGroup,
.messageHeaderMetaData,
.containerList,
.containerList > li,
.tabularBox,
.tabularListRow,
.tabMenuContainer,
.tabMenuContent,
.sectionContainer,
.content > .section,
.content > form,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.boxesFooter .box,
.boxesFooterBoxes .box,
.footerBoxes .box,
.pageFooter .box,
.pageFooterContainer .box,
#pageFooter .box,
div.scToc,
.scToc,
.toc,
.tableOfContents,
.quoteBox,
woltlab-quote,
.codeBox,
.spoilerBox > .spoilerBoxContent,
.dialogContainer,
.popover,
.interactiveDropdown,
.dropdownMenu,
.menuOverlay {
  border: 0 !important;
  border-color: transparent !important;
  border-image: none !important;
  border-style: none !important;
  border-width: 0 !important;
  outline: 0 !important;
}

.wbbBoardList .wbbBoard,
.wbbBoardContainer,
.tabularListRow,
.containerList > li,
.message,
.messageList > li,
.sidebar .box,
.boxesSidebarLeft .box,
.boxesSidebarRight .box,
.boxesFooter .box,
.boxesFooterBoxes .box,
.footerBoxes .box,
.pageFooter .box,
.pageFooterContainer .box,
#pageFooter .box {
  box-shadow: var(--pride-borderless-shadow) !important;
}

.wbbBoardList .wbbBoard + .wbbBoard,
.containerList > li + li,
.messageList > li + li,
.tabularListRow + .tabularListRow,
.boxContent + .boxContent {
  box-shadow: var(--pride-borderless-shadow) !important;
}

.messageSidebar::before,
.messageSidebar::after,
.messageContent::before,
.messageContent::after,
.wbbBoardList .wbbBoard::before,
.wbbBoardList .wbbBoard::after,
.wbbBoardContainer::before,
.wbbBoardContainer::after,
.containerList > li::before,
.containerList > li::after,
.sidebar .box::before,
.sidebar .box::after,
.boxesSidebarLeft .box::before,
.boxesSidebarLeft .box::after,
.boxesSidebarRight .box::before,
.boxesSidebarRight .box::after {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.wbbBoardList .wbbBoard:hover,
.wbbBoardContainer:hover,
.tabularListRow:hover,
.containerList > li:hover,
.message:hover,
.messageList > li:hover,
.sidebar .box:hover,
.boxesSidebarLeft .box:hover,
.boxesSidebarRight .box:hover,
.boxesFooter .box:hover,
.boxesFooterBoxes .box:hover,
.footerBoxes .box:hover,
.pageFooter .box:hover,
.pageFooterContainer .box:hover,
#pageFooter .box:hover {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: var(--pride-borderless-hover-shadow) !important;
}

/* Pride spectrum accent pass */
:root {
  --pride-lux-gradient: linear-gradient(135deg, #e40303 0%, #ff8c00 16%, #ffed00 32%, #008026 48%, #24408e 64%, #732982 82%, #f8fafc 100%);
}

.button,
a.button,
button,
input[type="button"],
input[type="submit"],
.badge,
a.badge,
.boxTitle,
.wbbCategoryTitle,
.sectionTitle,
.contentHeaderTitle {
  background: var(--pride-lux-gradient) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.72), 0 0 12px rgba(255, 255, 255, 0.18) !important;
}