/* RealPvP cabinet forum skin | 2026-05-28 */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Rajdhani:wght@400;500;600;700&display=swap");

@font-face {
  font-family: "FontAwesome";
  src: url("/applications/core/interface/font/fontawesome-webfont.woff2") format("woff2"),
       url("/applications/core/interface/font/fontawesome-webfont.woff") format("woff"),
       url("/applications/core/interface/font/fontawesome-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --rp-font: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
  --rp-forum-width: 1280px;
  --rp-bg: #070403;
  --rp-panel: rgba(17, 9, 8, 0.92);
  --rp-panel-soft: rgba(27, 16, 13, 0.82);
  --rp-card: rgba(11, 6, 6, 0.88);
  --rp-card-2: rgba(25, 14, 12, 0.92);
  --rp-line: rgba(238, 176, 72, 0.22);
  --rp-line-soft: rgba(255, 231, 190, 0.08);
  --rp-gold: #efb34d;
  --rp-gold-2: #ffd987;
  --rp-text: #f4e7d4;
  --rp-muted: rgba(244, 231, 212, 0.68);
  --rp-dim: rgba(244, 231, 212, 0.48);
  --rp-red: #d46c5d;
  --rp-blue: #68c7ff;
  --rp-green: #7dff62;
}

@keyframes rpSheen {
  0% { background-position: 180% 50%; }
  100% { background-position: -120% 50%; }
}

@keyframes rpGlow {
  0%, 100% { opacity: 0.58; transform: translateX(-36%); }
  50% { opacity: 0.9; transform: translateX(36%); }
}

@keyframes rpPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(239, 179, 77, 0), 0 10px 26px rgba(0, 0, 0, 0.42); }
  50% { box-shadow: 0 0 24px rgba(239, 179, 77, 0.18), 0 12px 30px rgba(0, 0, 0, 0.48); }
}

html,
body.ipsApp {
  color: var(--rp-text) !important;
  font-family: var(--rp-font) !important;
  background-color: var(--rp-bg) !important;
}

body.ipsApp {
  background:
    radial-gradient(circle at 16% 0%, rgba(166, 96, 31, 0.28), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(91, 47, 28, 0.20), transparent 34%),
    linear-gradient(135deg, rgba(45, 27, 22, 0.95), rgba(17, 10, 10, 0.98) 48%, rgba(7, 4, 4, 1)) !important;
}

body.ipsApp::before {
  content: "";
  position: fixed;
  inset: -24px;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(6, 4, 4, 0.85), rgba(6, 4, 4, 0.52), rgba(6, 4, 4, 0.9)),
    var(--focus-bg--image, none);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  filter: blur(4px) saturate(0.78) brightness(0.72);
  opacity: 0.46;
  transform: scale(1.025);
}

body.ipsApp::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(135deg, rgba(255, 179, 59, 0.035) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 50% 22%, rgba(246, 177, 63, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.62));
}

#ipsLayout_header,
#ipsLayout_body,
#ipsLayout_footer,
.footer-wrap,
.ta_Header,
.ta_themeSlider,
.ipsDialog,
.ipsMenu {
  position: relative;
  z-index: 1;
}

.ipsApp *,
.ipsApp input,
.ipsApp button,
.ipsApp select,
.ipsApp textarea {
  font-family: var(--rp-font) !important;
}

.ipsLayout_container,
.ipsLayout_minimal .ipsLayout_container,
.ipsApp.ipsApp_front #ipsLayout_header,
.footer-wrap {
  max-width: min(var(--rp-forum-width), calc(100% - 44px)) !important;
}

.ta_Header,
.focus-content,
#ipsLayout_body > .ipsLayout_container,
#ipsLayout_contentArea {
  border-radius: 8px !important;
}

#ipsLayout_body > .ipsLayout_container,
#ipsLayout_contentArea {
  background:
    linear-gradient(135deg, rgba(32, 20, 18, 0.92), rgba(12, 7, 7, 0.96) 58%, rgba(5, 3, 3, 0.98)) !important;
  border: 1px solid var(--rp-line-soft) !important;
  box-shadow: 0 22px 68px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 235, 200, 0.04) !important;
}

.ta_Header,
.ta_headerContainer,
.ta_navContainer,
#ipsLayout_header nav {
  background: transparent !important;
  box-shadow: none !important;
}

.ta_navContainer,
.ipsBreadcrumb,
.ipsPageHeader,
.ipsBox,
.ipsWidget,
.ipsWidget.ipsWidget_vertical.ipsBox,
.ipsWidget.ipsWidget_horizontal.ipsBox,
.ipsDataList,
.ipsTable,
.ipsComment,
.cPost.ipsBox:not(.ipsBox_transparent):not(.ipsModerated),
.cForumList .ipsBox {
  background:
    linear-gradient(135deg, rgba(29, 17, 15, 0.88), rgba(10, 6, 6, 0.94) 68%),
    linear-gradient(115deg, rgba(255, 189, 76, 0.04), transparent 44%) !important;
  border: 1px solid var(--rp-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 238, 205, 0.035) !important;
}

.ipsBox,
.ipsWidget,
.ipsComment,
.cPost {
  overflow: hidden;
}

.ipsType_pageTitle,
.ipsType_sectionTitle,
.ipsWidget_title,
.ipsDataItem_title,
.ipsDataItem_title a,
.ipsApp h1,
.ipsApp h2,
.ipsApp h3,
.ipsApp h4 {
  color: var(--rp-text) !important;
  font-family: var(--rp-font) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.ipsWidget_title,
.ipsType_sectionTitle,
.ipsTable.ipsMatrix thead th,
.ipsApp.ipsApp_front .ipsTable th {
  background:
    linear-gradient(135deg, rgba(34, 21, 18, 0.94), rgba(8, 5, 5, 0.96)),
    linear-gradient(90deg, rgba(239, 179, 77, 0.14), transparent 42%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.18) !important;
  padding: 16px 18px !important;
  color: var(--rp-gold-2) !important;
  text-transform: uppercase;
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
}

.ipsApp a,
.ipsType_richText a {
  color: #58c8ff !important;
}

.ipsApp a:hover {
  color: var(--rp-gold-2) !important;
}

.ipsType_light,
.ipsType_medium,
.ipsType_minorHeading,
.ipsDataItem_meta,
.ipsDataItem_stats,
.ipsDataItem_lastPoster,
.ipsType_reset,
.ipsType_richText {
  color: var(--rp-muted) !important;
}

.ipsType_richText,
.ipsComment_content,
.ipsDataItem_main,
.ipsDataItem {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.ipsDataList > .ipsDataItem,
.ipsDataList.ipsDataList_zebra .ipsDataItem,
.ipsTable tbody tr,
.ipsRows > li {
  position: relative;
  background: rgba(10, 6, 6, 0.82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 225, 175, 0.055) !important;
  transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.ipsDataList > .ipsDataItem:nth-child(even),
.ipsTable tbody tr:nth-child(even),
.ipsRows > li:nth-child(even) {
  background: rgba(20, 12, 11, 0.82) !important;
}

.ipsDataList > .ipsDataItem:hover,
.ipsTable tbody tr:hover,
.ipsRows > li:hover {
  background:
    linear-gradient(90deg, rgba(239, 179, 77, 0.08), rgba(22, 12, 10, 0.92) 44%, rgba(8, 5, 5, 0.94)) !important;
  box-shadow: inset 3px 0 0 rgba(239, 179, 77, 0.72) !important;
}

.ipsDataItem_title a {
  font-size: 15px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;
}

.ipsDataItem_meta,
.ipsDataItem_stats {
  font-size: 12px !important;
}

.ipsItemStatus,
.ipsItemStatus_large,
.ipsBadge,
.ipsBadge.ipsBadge_style1 {
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 237, 190, 0.95), rgba(239, 179, 77, 0.92) 38%, rgba(111, 67, 22, 0.82) 100%) !important;
  color: #1a0f0a !important;
  border: 1px solid rgba(255, 225, 160, 0.38) !important;
  box-shadow: 0 0 18px rgba(239, 179, 77, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.ipsCommentCount,
.ipsRepBadge,
.ipsBadge_positive {
  background: rgba(33, 21, 17, 0.92) !important;
  color: var(--rp-gold-2) !important;
  border: 1px solid rgba(239, 179, 77, 0.2) !important;
  border-radius: 8px !important;
}

.ipsUserPhoto,
.ipsUserPhoto img,
.ipsPhotoPanel .ipsUserPhoto img {
  border-radius: 50% !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ipsButton,
.ipsApp .ipsButton,
.ipsApp .ipsButton_light,
.ipsApp .ipsButton_primary,
.ipsApp .ipsButton_link,
.ipsApp .ipsButton_important,
.ipsButtonBar .ipsButtonRow li > a,
.ipsButtonBar .ipsButtonRow li > button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 8px !important;
  border: 1px solid rgba(239, 179, 77, 0.26) !important;
  background:
    linear-gradient(135deg, rgba(42, 25, 18, 0.98), rgba(8, 5, 5, 0.98) 68%) !important;
  color: var(--rp-text) !important;
  font-family: var(--rp-font) !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 235, 190, 0.08) !important;
  transition: border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.ipsButton::before,
.ipsApp .ipsButton::before,
.ipsNavBar_primary > ul > li > a::after,
#elBackHome::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 219, 150, 0.13) 42%, rgba(255, 245, 210, 0.22) 50%, transparent 62%);
  background-size: 240% 100%;
  animation: rpSheen 4.6s linear infinite;
  opacity: 0.72;
}

.ipsButton:hover,
.ipsApp .ipsButton:hover {
  color: #fff2d8 !important;
  border-color: rgba(239, 179, 77, 0.48) !important;
  box-shadow: 0 0 20px rgba(239, 179, 77, 0.14), 0 12px 28px rgba(0, 0, 0, 0.42) !important;
}

.ipsNavBar_primary,
.ipsNavBar_secondary,
.flexMenu-popup {
  font-family: var(--rp-font) !important;
}

.ipsNavBar_primary > ul > li > a,
html[dir="ltr"] #elBackHome,
html[dir="rtl"] #elBackHome {
  position: relative;
  overflow: hidden;
  margin: 8px 5px !important;
  padding: 15px 18px !important;
  min-height: 46px;
  border: 1px solid rgba(255, 228, 184, 0.1) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(27, 16, 14, 0.96), rgba(7, 4, 4, 0.98) 72%) !important;
  color: rgba(244, 231, 212, 0.82) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 235, 200, 0.04) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.ipsNavBar_primary > ul > li > a:hover,
.ipsNavBar_primary > ul > li.ipsNavBar_active > a,
.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a {
  color: var(--rp-gold-2) !important;
  background:
    linear-gradient(135deg, rgba(47, 28, 18, 0.98), rgba(8, 5, 5, 0.98) 68%) !important;
  border-color: rgba(239, 179, 77, 0.34) !important;
  box-shadow: 0 0 22px rgba(239, 179, 77, 0.12), 0 12px 28px rgba(0, 0, 0, 0.38) !important;
}

.ipsNavBar_primary > ul > li > a:before,
#elBackHome:before {
  color: var(--rp-gold) !important;
  opacity: 1 !important;
  text-shadow: 0 0 12px rgba(239, 179, 77, 0.34) !important;
}

.ipsNavBar_secondary,
.flexMenu-popup,
.ipsMenu {
  background: rgba(13, 7, 7, 0.96) !important;
  border: 1px solid rgba(239, 179, 77, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(12px);
}

.ipsMenu_item > a,
.ipsMenu_item > span,
.ipsNavBar_secondary > li > a,
.flexMenu-popup > li > a {
  color: rgba(244, 231, 212, 0.76) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 6px !important;
}

.ipsMenu_item > a:hover,
.ipsMenu_item > span:hover,
.ipsNavBar_secondary > li > a:hover,
.flexMenu-popup > li > a:hover {
  background: rgba(239, 179, 77, 0.1) !important;
  color: var(--rp-gold-2) !important;
}

#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav_icon,
#elUserNav > li > a,
#elUserNav_mobile > li > a {
  background: transparent !important;
  box-shadow: none !important;
}

#elUserNav > li > a,
#ta_socialHeader .cUserNav_icon .cShareLink {
  border-radius: 8px !important;
  border: 1px solid rgba(239, 179, 77, 0.18) !important;
  background: linear-gradient(135deg, rgba(26, 15, 13, 0.94), rgba(8, 5, 5, 0.98)) !important;
  color: var(--rp-text) !important;
}

#elSearch,
#elSearchWrapper:before,
.cSearchExpanded,
.ipsFieldRow input,
.ipsFieldRow textarea,
.ipsFieldRow select,
.ipsApp input[type="text"],
.ipsApp input[type="password"],
.ipsApp input[type="email"],
.ipsApp input[type="search"],
.ipsApp select,
.ipsApp textarea {
  background: rgba(8, 5, 5, 0.92) !important;
  color: var(--rp-text) !important;
  border: 1px solid rgba(239, 179, 77, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 200, 0.04), 0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

.ipsApp input:focus,
.ipsApp textarea:focus,
.ipsApp select:focus,
#elSearch input[type="search"]:focus {
  border-color: rgba(239, 179, 77, 0.54) !important;
  box-shadow: 0 0 0 3px rgba(239, 179, 77, 0.08), inset 0 1px 0 rgba(255, 235, 200, 0.05) !important;
}

#elSearch {
  width: 260px !important;
  height: 44px !important;
  border-radius: 8px !important;
}

#elSearch input[type="search"] {
  width: calc(100% - 44px) !important;
  height: 42px !important;
}

#elSearch button {
  background: transparent !important;
  box-shadow: none !important;
}

.ipsTabs,
.ipsTabs_panel,
.ipsTabs_item {
  background: transparent !important;
  border-color: rgba(239, 179, 77, 0.16) !important;
}

.ipsTabs_item {
  color: var(--rp-muted) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.ipsTabs_item:hover,
.ipsTabs_item.ipsTabs_activeItem {
  color: var(--rp-gold-2) !important;
  border-color: rgba(239, 179, 77, 0.52) !important;
}

.ipsPagination a,
.ipsPagination .ipsPagination_page.ipsPagination_active a,
.ipsButtonBar {
  border-radius: 8px !important;
  background: rgba(13, 7, 7, 0.9) !important;
  border-color: rgba(239, 179, 77, 0.18) !important;
  color: var(--rp-text) !important;
}

.ipsPagination a:hover,
.ipsPagination .ipsPagination_page.ipsPagination_active a {
  background: rgba(239, 179, 77, 0.14) !important;
  color: var(--rp-gold-2) !important;
}

.ipsDialog > div,
.ipsDialog .ipsBox {
  background:
    linear-gradient(135deg, rgba(34, 21, 18, 0.98), rgba(8, 5, 5, 0.98)) !important;
  border: 1px solid rgba(239, 179, 77, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.68), inset 0 1px 0 rgba(255, 235, 200, 0.05) !important;
}

.ipsDialog_title,
.ipsDialog h3 {
  color: var(--rp-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.ipsMessage {
  border-radius: 8px !important;
  border: 1px solid rgba(239, 179, 77, 0.18) !important;
  background: rgba(24, 14, 12, 0.92) !important;
  color: var(--rp-text) !important;
}

.ipsMessage_info {
  border-color: rgba(104, 199, 255, 0.24) !important;
}

.ipsMessage_success {
  border-color: rgba(125, 255, 98, 0.26) !important;
}

.ipsMessage_error,
.ipsMessage_warning {
  border-color: rgba(212, 108, 93, 0.32) !important;
}

.ipsBreadcrumb {
  padding: 12px 16px !important;
  color: var(--rp-muted) !important;
}

.ipsBreadcrumb a {
  color: var(--rp-muted) !important;
}

.ipsBreadcrumb a:hover {
  color: var(--rp-gold-2) !important;
}

.cForumList .ipsDataItem {
  margin: 9px 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.cForumList .ipsDataItem .ipsDataItem_icon {
  padding-left: 18px !important;
}

.cForumList .ipsDataItem_title a {
  color: var(--rp-text) !important;
}

.cForumList .ipsDataItem:hover .ipsDataItem_title a {
  color: var(--rp-gold-2) !important;
}

.ipsDataItem_subList,
.ipsDataItem_subList a {
  color: var(--rp-dim) !important;
}

.ipsStreamItem,
.ipsComment_author,
.cAuthorPane,
.ipsAreaBackground,
.ipsAreaBackground_reset {
  background: rgba(9, 5, 5, 0.82) !important;
  border-color: rgba(239, 179, 77, 0.12) !important;
}

.ipsHr,
hr,
.ipsAreaBackground_light {
  border-color: rgba(239, 179, 77, 0.12) !important;
  background: rgba(239, 179, 77, 0.06) !important;
}

.ta-Footer,
#ipsLayout_footer {
  background: rgba(8, 5, 5, 0.86) !important;
  border-top: 1px solid rgba(239, 179, 77, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .ipsButton::before,
  .ipsApp .ipsButton::before,
  .ipsNavBar_primary > ul > li > a::after,
  #elBackHome::after {
    animation: none !important;
  }
}

/* Hard override: clean top navigation strip and rebuild the profile control. */
body.ipsApp #ipsLayout_header,
body.ipsApp #ipsLayout_header > *,
body.ipsApp #ipsLayout_header .ipsLayout_container,
body.ipsApp #ipsLayout_header .ta_headerContainer,
body.ipsApp #ipsLayout_header .ta_navContainer,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul,
body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav,
body.ipsApp #ipsLayout_header .cUserNav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header::before,
body.ipsApp #ipsLayout_header::after,
body.ipsApp #ipsLayout_header .ipsLayout_container::before,
body.ipsApp #ipsLayout_header .ipsLayout_container::after,
body.ipsApp #ipsLayout_header .ta_headerContainer::before,
body.ipsApp #ipsLayout_header .ta_headerContainer::after,
body.ipsApp #ipsLayout_header .ta_navContainer::before,
body.ipsApp #ipsLayout_header .ta_navContainer::after,
body.ipsApp #ipsLayout_header nav::before,
body.ipsApp #ipsLayout_header nav::after,
body.ipsApp #ipsLayout_header #elUserNav::before,
body.ipsApp #ipsLayout_header #elUserNav::after,
body.ipsApp #ipsLayout_header .ta_userNav::before,
body.ipsApp #ipsLayout_header .ta_userNav::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) {
  position: relative !important;
  z-index: 12 !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 42px !important;
  margin: 0 -8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  z-index: 14 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) img,
body.ipsApp #ipsLayout_header a#elUserLink .ipsUserPhoto,
body.ipsApp #ipsLayout_header a#elUserLink .ipsUserPhoto img {
  position: static !important;
  display: block !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 224, 164, 0.28) !important;
  object-fit: cover !important;
  box-shadow: 0 0 12px rgba(239, 179, 77, 0.18) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a#elUserLink) {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 126px !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header a#elUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 24px 0 44px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.42) !important;
  background:
    radial-gradient(circle at 20% 24%, rgba(255, 224, 148, 0.18), transparent 43%),
    linear-gradient(135deg, rgba(50, 31, 20, 0.98), rgba(7, 4, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  justify-content: flex-start !important;
  padding: 0 20px 0 8px !important;
}

/* Final post footer/reaction tone: keep the whole action strip in the RealPvP palette. */
body.ipsApp article.ipsComment .ipsItemControls,
body.ipsApp article.cPost .ipsItemControls,
body.ipsApp .cPost .ipsItemControls,
body.ipsApp article.ipsComment .ipsComment_footer,
body.ipsApp article.cPost .ipsComment_footer,
body.ipsApp .cPost .ipsComment_footer,
body.ipsApp article.ipsComment .ipsComment_controls,
body.ipsApp article.cPost .ipsComment_controls,
body.ipsApp .cPost .ipsComment_controls {
  min-height: 48px !important;
  border-top: 1px solid rgba(239, 179, 77, 0.16) !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.08) !important;
  background:
    radial-gradient(circle at 87% 48%, rgba(239, 179, 77, 0.09), transparent 34%),
    linear-gradient(90deg, rgba(8, 5, 4, 0.99), rgba(30, 17, 12, 0.96) 52%, rgba(8, 5, 4, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.04),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42) !important;
}

body.ipsApp article.ipsComment .ipsItemControls:before,
body.ipsApp article.cPost .ipsItemControls:before,
body.ipsApp .cPost .ipsItemControls:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.32 !important;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 211, 115, 0.09) 44%, rgba(255, 244, 206, 0.12) 50%, transparent 60%) !important;
  background-size: 260% 100% !important;
  animation: rpSheen 7s linear infinite !important;
}

body.ipsApp article.ipsComment .ipsItemControls > *,
body.ipsApp article.cPost .ipsItemControls > *,
body.ipsApp .cPost .ipsItemControls > * {
  position: relative !important;
  z-index: 1 !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsComment_controls,
body.ipsApp article.cPost .ipsItemControls .ipsComment_controls,
body.ipsApp .cPost .ipsItemControls .ipsComment_controls {
  background: transparent !important;
  border: 0 !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsButton,
body.ipsApp article.cPost .ipsItemControls .ipsButton,
body.ipsApp .cPost .ipsItemControls .ipsButton,
body.ipsApp article.ipsComment .ipsItemControls a[data-action="quoteComment"],
body.ipsApp article.cPost .ipsItemControls a[data-action="quoteComment"],
body.ipsApp .cPost .ipsItemControls a[data-action="quoteComment"] {
  border-color: rgba(239, 179, 77, 0.28) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 210, 124, 0.10) 42%, rgba(255, 244, 206, 0.14) 50%, transparent 62%),
    linear-gradient(135deg, rgba(42, 25, 15, 0.98), rgba(9, 5, 4, 0.99) 76%) !important;
  background-size: 240% 100%, 100% 100% !important;
  color: #ffe8bd !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.10),
    0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact,
body.ipsApp article.cPost .ipsItemControls .ipsReact,
body.ipsApp .cPost .ipsItemControls .ipsReact,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button,
body.ipsApp .cPost .ipsItemControls .ipsReact_button,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp .cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp article.ipsComment .ipsItemControls .ipsReputation_count,
body.ipsApp article.cPost .ipsItemControls .ipsReputation_count,
body.ipsApp .cPost .ipsItemControls .ipsReputation_count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(239, 179, 77, 0.44) !important;
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 231, 175, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(58, 36, 22, 0.98), rgba(9, 5, 4, 0.99) 74%) !important;
  color: #ffd77a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.14),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 0 18px rgba(239, 179, 77, 0.18),
    0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button:hover,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button:hover,
body.ipsApp .cPost .ipsItemControls .ipsReact_button:hover,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover {
  border-color: rgba(255, 215, 122, 0.62) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 210, 124, 0.16) 42%, rgba(255, 244, 206, 0.22) 50%, transparent 62%),
    linear-gradient(135deg, rgba(70, 43, 25, 0.98), rgba(10, 6, 5, 0.99) 74%) !important;
  background-size: 240% 100%, 100% 100% !important;
  animation: rpSheen 5s linear infinite !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button img,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button img,
body.ipsApp .cPost .ipsItemControls .ipsReact_button img,
body.ipsApp article.ipsComment .ipsItemControls .ipsReact_reaction img,
body.ipsApp article.cPost .ipsItemControls .ipsReact_reaction img,
body.ipsApp .cPost .ipsItemControls .ipsReact_reaction img,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep img,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep img,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep img {
  width: 22px !important;
  height: 22px !important;
  filter:
    sepia(1)
    saturate(1.25)
    hue-rotate(350deg)
    brightness(1.08)
    drop-shadow(0 0 7px rgba(239, 179, 77, 0.30)) !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button i,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button i,
body.ipsApp .cPost .ipsItemControls .ipsReact_button i,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep i,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep i,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep i,
body.ipsApp article.ipsComment .ipsItemControls .ipsReputation_count i,
body.ipsApp article.cPost .ipsItemControls .ipsReputation_count i,
body.ipsApp .cPost .ipsItemControls .ipsReputation_count i {
  color: #ffd77a !important;
  text-shadow: 0 0 10px rgba(239, 179, 77, 0.36) !important;
}

/* Final multicolor menu and user controls. Keep last so generated IPS rules cannot win. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a {
  border-color: rgba(82, 62, 54, 0.78) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 210, 130, 0.09) 42%, rgba(255, 248, 218, 0.14) 50%, transparent 62%),
    radial-gradient(circle at 28px 16px, rgba(255, 208, 110, 0.13), transparent 28px),
    linear-gradient(160deg, rgba(35, 27, 25, 0.96), rgba(24, 18, 22, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 229, 183, 0.13),
    inset 0 -1px 0 rgba(0, 0, 0, 0.38),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a:hover {
  border-color: rgba(255, 202, 103, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 239, 198, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 0 22px rgba(255, 190, 82, 0.17),
    0 14px 26px rgba(0, 0, 0, 0.38) !important;
  transform: translateY(-1px) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_37 > a::before {
  content: "\f015" !important;
  color: #fff3c6 !important;
  border-color: rgba(255, 201, 95, 0.58) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 246, 201, 0.55), transparent 37%),
    linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 0 16px rgba(245, 178, 65, 0.38) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_41 > a::before {
  content: "\f0ac" !important;
  color: #dffbff !important;
  border-color: rgba(105, 221, 229, 0.50) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(213, 255, 255, 0.46), transparent 37%),
    linear-gradient(145deg, #267f83, #174b54 62%, #071d23) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(83, 211, 221, 0.34) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a::before {
  content: "\f007" !important;
  color: #eeffe9 !important;
  border-color: rgba(123, 226, 132, 0.50) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(224, 255, 220, 0.48), transparent 37%),
    linear-gradient(145deg, #2e8a4d, #1c5a32 62%, #092012) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(102, 220, 118, 0.34) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a::before {
  content: "\f09d" !important;
  color: #fff2d9 !important;
  border-color: rgba(255, 160, 111, 0.52) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 225, 188, 0.46), transparent 37%),
    linear-gradient(145deg, #a95432, #6b2c21 62%, #250b08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(236, 103, 69, 0.32) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f0c9" !important;
  color: #fff5d8 !important;
  border-color: rgba(255, 214, 128, 0.50) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 244, 204, 0.48), transparent 37%),
    linear-gradient(145deg, #a27935, #5b3d18 62%, #1c1006) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(255, 196, 92, 0.32) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) {
  position: relative !important;
  z-index: 10060 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink) {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 210px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px 0 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(82, 62, 54, 0.78) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 214, 134, 0.10) 42%, rgba(255, 247, 216, 0.15) 50%, transparent 62%),
    radial-gradient(circle at 30px 18px, rgba(255, 208, 110, 0.16), transparent 32px),
    linear-gradient(160deg, rgba(39, 29, 24, 0.96), rgba(7, 4, 4, 0.99)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 229, 183, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 12px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink:hover,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink):hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink):hover {
  border-color: rgba(255, 202, 103, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 239, 198, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 0 22px rgba(255, 190, 82, 0.17),
    0 14px 26px rgba(0, 0, 0, 0.40) !important;
  transform: translateY(-1px) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink) > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink) > a.ipsUserPhoto {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  margin-left: 14px !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 226, 165, 0.34) !important;
  background: rgba(8, 5, 4, 0.72) !important;
  box-shadow:
    0 0 0 2px rgba(239, 179, 77, 0.08),
    0 0 14px rgba(239, 179, 77, 0.17) !important;
  transform: none !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li > a#elUserLink {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.70), 0 0 9px rgba(255, 213, 130, 0.18) !important;
  transform: none !important;
  white-space: nowrap !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) {
  --rp-user-icon: #ffd77a;
  --rp-user-icon-border: rgba(255, 211, 122, 0.48);
  --rp-user-icon-glow: rgba(255, 192, 76, 0.25);
  --rp-user-icon-bg:
    radial-gradient(circle at 35% 25%, rgba(255, 239, 190, 0.28), transparent 39%),
    linear-gradient(145deg, rgba(67, 43, 20, 0.94), rgba(15, 8, 7, 0.99));
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(82, 62, 54, 0.78) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 214, 134, 0.09) 42%, rgba(255, 247, 216, 0.14) 50%, transparent 62%),
    linear-gradient(160deg, rgba(34, 25, 22, 0.96), rgba(7, 4, 4, 0.99)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 229, 183, 0.13),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 12px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(2),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(2),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(2),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(2) {
  --rp-user-icon: #dffbff;
  --rp-user-icon-border: rgba(105, 221, 229, 0.50);
  --rp-user-icon-glow: rgba(83, 211, 221, 0.32);
  --rp-user-icon-bg:
    radial-gradient(circle at 35% 25%, rgba(213, 255, 255, 0.42), transparent 38%),
    linear-gradient(145deg, #267f83, #174b54 62%, #071d23);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(3),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(3) {
  --rp-user-icon: #fff3c6;
  --rp-user-icon-border: rgba(255, 201, 95, 0.58);
  --rp-user-icon-glow: rgba(245, 178, 65, 0.34);
  --rp-user-icon-bg:
    radial-gradient(circle at 35% 25%, rgba(255, 246, 201, 0.50), transparent 38%),
    linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(4),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):nth-of-type(4) {
  --rp-user-icon: #ffe5d6;
  --rp-user-icon-border: rgba(255, 160, 111, 0.52);
  --rp-user-icon-glow: rgba(236, 103, 69, 0.30);
  --rp-user-icon-bg:
    radial-gradient(circle at 35% 25%, rgba(255, 225, 188, 0.42), transparent 38%),
    linear-gradient(145deg, #a95432, #6b2c21 62%, #250b08);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) > a {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--rp-user-icon-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 13px var(--rp-user-icon-glow) !important;
  color: var(--rp-user-icon) !important;
  text-decoration: none !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:hover,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)):hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)):hover {
  border-color: var(--rp-user-icon-border) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 239, 198, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 0 20px var(--rp-user-icon-glow),
    0 14px 26px rgba(0, 0, 0, 0.40) !important;
  transform: translateY(-1px) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a .fa,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]) > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]) > a .fa {
  color: var(--rp-user-icon) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-shadow: 0 0 10px var(--rp-user-icon-glow), 0 1px 0 rgba(0, 0, 0, 0.70) !important;
}

/* Final LK top nav polish: exact button glow, site icon, and menu layer. */
body.ipsApp #ipsLayout_header {
  position: relative !important;
  z-index: 10000 !important;
}

body.ipsApp #ipsLayout_body,
body.ipsApp #ipsLayout_contentArea,
body.ipsApp .focus-content {
  position: relative !important;
  z-index: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-nav-bar,
body.ipsApp #ipsLayout_header .focus-nav,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] {
  position: relative !important;
  overflow: visible !important;
  z-index: 10020 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 17px 0 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(160deg, rgba(40, 28, 20, 0.95) 0%, rgba(28, 22, 26, 0.97) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(83, 63, 54, 0.60),
    inset 0 1px 0 rgba(255, 184, 60, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.40),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #ffdbcb !important;
  letter-spacing: 2.5px !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::after {
  left: 15% !important;
  right: 15% !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #ffb83c, transparent) !important;
  opacity: 0.45 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a > .ipsNavBar_active__identifier {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -70% !important;
  z-index: 1 !important;
  display: block !important;
  width: 50% !important;
  height: 100% !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 239, 216, 0.10), transparent) !important;
  opacity: 1 !important;
  transition: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavActive_menu > a {
  color: #ffefd8 !important;
  border: 0 !important;
  background: linear-gradient(160deg, rgba(46, 32, 22, 0.98) 0%, rgba(31, 24, 27, 0.99) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 184, 60, 0.55),
    inset 0 1px 0 rgba(255, 184, 60, 0.35),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    0 0 18px rgba(255, 184, 60, 0.22),
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover > .ipsNavBar_active__identifier,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavActive_menu > a > .ipsNavBar_active__identifier {
  left: 120% !important;
  transition: left 0.5s ease !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavActive_menu > a::after {
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_41 > a::before {
  content: "\f0ac" !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_41 {
  z-index: 10080 !important;
}

body.ipsApp #ipsLayout_header #elNavigation_41_menu,
body.ipsApp #elNavigation_41_menu.ipsMenu {
  position: absolute !important;
  z-index: 10100 !important;
  min-width: 198px !important;
  margin-top: 8px !important;
  padding: 8px !important;
  border: 1px solid rgba(83, 63, 54, 0.75) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 184, 60, 0.06), transparent 34%),
    linear-gradient(160deg, rgba(24, 18, 20, 0.98), rgba(8, 5, 6, 0.99)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 184, 60, 0.16),
    0 16px 34px rgba(0, 0, 0, 0.56),
    0 0 20px rgba(255, 184, 60, 0.12) !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elNavigation_41_menu::before,
body.ipsApp #elNavigation_41_menu.ipsMenu::before {
  content: "" !important;
  position: absolute !important;
  top: -6px !important;
  left: 34px !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 1px solid rgba(83, 63, 54, 0.75) !important;
  border-top: 1px solid rgba(83, 63, 54, 0.75) !important;
  background: rgba(24, 18, 20, 0.98) !important;
  transform: rotate(45deg) !important;
}

body.ipsApp #ipsLayout_header #elNavigation_41_menu .ipsMenu_item,
body.ipsApp #elNavigation_41_menu.ipsMenu .ipsMenu_item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ipsApp #ipsLayout_header #elNavigation_41_menu .ipsMenu_item > a,
body.ipsApp #elNavigation_41_menu.ipsMenu .ipsMenu_item > a {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  color: #d9c5a9 !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.ipsApp #ipsLayout_header #elNavigation_41_menu .ipsMenu_item > a:hover,
body.ipsApp #elNavigation_41_menu.ipsMenu .ipsMenu_item > a:hover {
  color: #ffefd8 !important;
  background: rgba(255, 184, 60, 0.10) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 184, 60, 0.16) !important;
}

/* Cabinet rounded top menu final match. */
body.ipsApp #ipsLayout_header .focus-nav,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 44px !important;
  min-height: 44px !important;
  min-width: 118px !important;
  margin: 0 !important;
  padding: 0 16px 0 9px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip-path: none !important;
  border: 1px solid rgba(83, 63, 54, 0.68) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.045), rgba(255, 239, 216, 0.00) 42%),
    linear-gradient(160deg, rgba(40, 28, 20, 0.96) 0%, rgba(28, 22, 26, 0.98) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 184, 60, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #e8dac4 !important;
  filter: none !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65) !important;
  transition: color 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::before {
  content: "\f015" !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  clip-path: none !important;
  border: 1px solid rgba(255, 210, 124, 0.38) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 239, 216, 0.48), transparent 42%),
    linear-gradient(145deg, rgba(255, 184, 60, 0.82), rgba(112, 80, 43, 0.92) 55%, rgba(20, 14, 13, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 216, 0.24),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36),
    0 0 13px rgba(255, 184, 60, 0.22) !important;
  color: #ffefd8 !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  filter: none !important;
  transform: none !important;
  transition: color 0.2s, filter 0.2s, box-shadow 0.2s !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::after {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  right: 13px !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 1 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 184, 60, 0.72), transparent) !important;
  opacity: 0.35 !important;
  transition: opacity 0.2s !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a::before {
  content: "\f007" !important;
  border-color: rgba(128, 255, 152, 0.30) !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(230, 255, 220, 0.44), transparent 42%),
    linear-gradient(145deg, rgba(79, 156, 84, 0.88), rgba(40, 93, 58, 0.90) 54%, rgba(18, 18, 17, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(235, 255, 224, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.34),
    0 0 13px rgba(103, 255, 129, 0.16) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a::before {
  content: "\f09d" !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f0c9" !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a {
  color: #ffefd8 !important;
  clip-path: none !important;
  border-color: rgba(255, 184, 60, 0.44) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.060), rgba(255, 239, 216, 0.00) 42%),
    linear-gradient(160deg, rgba(46, 31, 20, 0.98) 0%, rgba(31, 24, 27, 0.99) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 184, 60, 0.34),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    0 0 18px rgba(255, 184, 60, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a::after {
  opacity: 0.95 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::before {
  color: #fff1cf !important;
  filter: drop-shadow(0 0 6px rgba(255, 184, 60, 0.48)) !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a:hover::before {
  color: #efffe8 !important;
  filter: drop-shadow(0 0 6px rgba(103, 255, 129, 0.38)) !important;
}

/* Hide the top breadcrumb/unread strip under the main menu. */
body.ipsApp #ipsLayout_contentArea > .focus-precontent,
body.ipsApp #ipsLayout_contentArea > .focus-precontent > .focus-breadcrumb,
body.ipsApp #ipsLayout_contentArea .ipsBreadcrumb_top {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

@keyframes rpCabinetMenuPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(255, 184, 60, 0.35); }
  50% { box-shadow: 0 0 20px rgba(255, 184, 60, 0.8); }
}

@keyframes rpCabinetRuneGlow {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}

/* Cabinet top menu clone. */
body.ipsApp #ipsLayout_header .focus-nav,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"].ipsHide,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"][hidden],
body.ipsApp #ipsLayout_header .ipsNavBar_primary.ipsNavBar_primary--loading > ul > li[data-role="navBarItem"] {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.focus-nav__more,
body.ipsApp #ipsLayout_header .focus-nav__more {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  height: 42px !important;
  min-height: 42px !important;
  min-width: 116px !important;
  margin: 0 !important;
  padding: 0 16px 0 11px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip-path: polygon(8px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 8px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(63, 55, 51, 0.35) !important;
  border-right: 1px solid rgba(63, 55, 51, 0.2) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(83, 63, 54, 0.5) 8px, rgba(28, 22, 26, 0.92) 8px) !important;
  box-shadow: none !important;
  color: rgba(215, 200, 170, 0.65) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::before {
  content: "\f015" !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  clip-path: polygon(6px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 6px) !important;
  border: 1px solid rgba(255, 184, 60, 0.34) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 239, 216, 0.46), transparent 42%),
    linear-gradient(135deg, rgba(255, 184, 60, 0.70), rgba(83, 63, 54, 0.88) 54%, rgba(22, 16, 18, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 216, 0.18),
    0 0 13px rgba(255, 184, 60, 0.18) !important;
  color: #ffefd8 !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  transition: color 0.2s, transform 0.2s, filter 0.2s, box-shadow 0.2s !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 184, 60, 0.1) 50%, transparent 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.15s !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a > i,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a .fa {
  display: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a > .ipsNavBar_active__identifier {
  display: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a::before {
  content: "\f007" !important;
  border-color: rgba(103, 255, 129, 0.30) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(230, 255, 220, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(81, 151, 82, 0.82), rgba(39, 95, 55, 0.82) 52%, rgba(18, 18, 17, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(235, 255, 224, 0.16),
    0 0 13px rgba(103, 255, 129, 0.15) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a::before {
  content: "\f09d" !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f0c9" !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a {
  color: #ffefd8 !important;
  background:
    linear-gradient(135deg, rgba(255, 184, 60, 0.55) 8px, rgba(36, 28, 34, 0.95) 8px) !important;
  border-bottom-color: rgba(255, 184, 60, 0.18) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a::after {
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::before {
  color: #ffb83c !important;
  filter: drop-shadow(0 0 5px rgba(255, 184, 60, 0.6)) !important;
  transform: scale(1.15) rotate(-4deg) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a:hover::before {
  color: #e9ffe1 !important;
  filter: drop-shadow(0 0 5px rgba(103, 255, 129, 0.48)) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a {
  background:
    linear-gradient(135deg, rgba(255, 184, 60, 0.8) 8px, rgba(40, 28, 18, 0.97) 8px) !important;
  border-bottom-color: rgba(255, 184, 60, 0.25) !important;
  animation: rpCabinetMenuPulse 3s ease infinite !important;
}

/* Remove the translucent IPS navigation strip near the top menu. */
body.ipsApp #ipsLayout_header .focus-nav-bar,
body.ipsApp #ipsLayout_header header,
body.ipsApp #ipsLayout_header .focus-header,
body.ipsApp #ipsLayout_header .focus-header-align {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.ipsApp #ipsLayout_header .focus-nav-bar::before,
body.ipsApp #ipsLayout_header .focus-nav-bar::after,
body.ipsApp #ipsLayout_header header::before,
body.ipsApp #ipsLayout_header header::after,
body.ipsApp #ipsLayout_header .focus-header::before,
body.ipsApp #ipsLayout_header .focus-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_body > .ipsLayout_container,
body.ipsApp #ipsLayout_contentArea,
body.ipsApp .focus-content {
  border-top-color: transparent !important;
}

/* Match the cabinet page background. */
html,
body.ipsApp {
  background-color: #130e11 !important;
  background-image: url("/front/css/realpvp-lk-bg.png?v=20260530-0218") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body.ipsApp::before {
  inset: 0 !important;
  background: rgba(19, 14, 17, 0.60) !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

body.ipsApp::after {
  background: transparent !important;
}

/* Cabinet layout-page color match. */
body.ipsApp #ipsLayout_body > .ipsLayout_container,
body.ipsApp #ipsLayout_contentArea,
body.ipsApp .focus-content {
  background: linear-gradient(160deg, rgba(30, 24, 28, 0.50) 0%, rgba(22, 17, 20, 0.50) 100%) !important;
  border-top: 1px solid transparent !important;
}

/* Runtime auth/header repair. Keep this as the last block: older rules above
   accidentally hid .focus-user and clipped the profile control. */
body.ipsApp #ipsLayout_header .focus-user {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 120 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: 42px !important;
  margin-left: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header .focus-user::before,
body.ipsApp #ipsLayout_header .focus-user::after {
  display: none !important;
  content: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 121 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li {
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li[data-focus-toggle-theme],
body.ipsApp #ipsLayout_header #elUserNav > li[data-focus-toggle-theme] *,
body.ipsApp #ipsLayout_header #elUserNav > li.elUserNav_sep {
  display: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav.cSignedOut > li#elSignInLink,
body.ipsApp #ipsLayout_header #elUserNav.cSignedOut > li:has(> a#elRegisterButton) {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 123 !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserSignIn,
body.ipsApp #ipsLayout_header #elRegisterButton {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 124 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 126px !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at 18% 25%, rgba(255, 225, 152, 0.14), transparent 46%),
    linear-gradient(135deg, rgba(42, 27, 18, 0.98), rgba(8, 5, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.025) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.10),
    inset 0 -1px 0 rgba(176, 111, 30, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff1d9 !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink) {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 125 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 142px !important;
  max-width: 190px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px 0 8px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at 18% 25%, rgba(255, 225, 152, 0.14), transparent 46%),
    linear-gradient(135deg, rgba(42, 27, 18, 0.98), rgba(8, 5, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.025) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.10),
    inset 0 -1px 0 rgba(176, 111, 30, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink) > a.ipsUserPhoto {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  margin-left: 14px !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 226, 165, 0.28) !important;
  background: rgba(8, 5, 4, 0.72) !important;
  box-shadow: 0 0 12px rgba(239, 179, 77, 0.16) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto img,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink) > a.ipsUserPhoto img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff1d9 !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink::before,
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink::after,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink::before,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink::after {
  display: none !important;
  content: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(> a.ipsUserPhoto):not(#cUserLink):has(+ li > a#elUserLink) {
  position: relative !important;
  z-index: 126 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 42px !important;
  margin: 0 -38px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(> a.ipsUserPhoto):not(#cUserLink):has(+ li > a#elUserLink) > a.ipsUserPhoto {
  position: relative !important;
  z-index: 127 !important;
  pointer-events: auto !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(> a.ipsUserPhoto):not(#cUserLink):has(+ li > a#elUserLink) + li {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 125 !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 142px !important;
  height: 42px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(> a.ipsUserPhoto):not(#cUserLink):has(+ li > a#elUserLink) + li > a#elUserLink {
  width: auto !important;
  min-width: 142px !important;
  height: 42px !important;
  padding: 0 14px 0 46px !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at 18% 25%, rgba(255, 225, 152, 0.14), transparent 46%),
    linear-gradient(135deg, rgba(42, 27, 18, 0.98), rgba(8, 5, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.025) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.10),
    inset 0 -1px 0 rgba(176, 111, 30, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
}

/* Live auth header final lock: IPS renders avatar and username as two links inside li#cUserLink. */
body.ipsApp #ipsLayout_header .focus-user::before,
body.ipsApp #ipsLayout_header .focus-user::after,
body.ipsApp #ipsLayout_header .ipsLayout_container::before,
body.ipsApp #ipsLayout_header .ipsLayout_container::after,
body.ipsApp #ipsLayout_header #elUserNav::before,
body.ipsApp #ipsLayout_header #elUserNav::after,
body.ipsApp #ipsLayout_header .ta_userNav::before,
body.ipsApp #ipsLayout_header .ta_userNav::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header .ipsLayout_container,
body.ipsApp #ipsLayout_header .focus-user,
body.ipsApp #ipsLayout_header .ta_headerContainer,
body.ipsApp #ipsLayout_header .ta_navContainer,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header [data-focus-toggle-theme],
body.ipsApp #ipsLayout_header [data-focus-toggle-theme] *,
body.ipsApp #ipsLayout_header .ta_themeSlider,
body.ipsApp #ipsLayout_header .ta_themeSlider *,
body.ipsApp #ipsLayout_header #elUserNav > li.elUserNav_sep,
body.ipsApp #ipsLayout_header .ta_userNav > li.elUserNav_sep {
  display: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink,
body.ipsApp #ipsLayout_header li#cUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 80 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 19px 0 14px !important;
  border-radius: 9px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 225, 152, 0.20), transparent 48%),
    linear-gradient(135deg, rgba(62, 40, 25, 0.98), rgba(10, 6, 5, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.14),
    inset 0 -1px 0 rgba(176, 111, 30, 0.22),
    inset 0 0 0 1px rgba(255, 220, 150, 0.12),
    0 0 18px rgba(239, 179, 77, 0.07),
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  vertical-align: middle !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header li#cUserLink > a.ipsUserPhoto {
  box-sizing: border-box !important;
  position: static !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 226, 165, 0.34) !important;
  background: rgba(8, 5, 4, 0.72) !important;
  box-shadow:
    0 0 0 2px rgba(239, 179, 77, 0.08),
    0 0 14px rgba(239, 179, 77, 0.17) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto img,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto img,
body.ipsApp #ipsLayout_header li#cUserLink > a.ipsUserPhoto img {
  box-sizing: border-box !important;
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header li#cUserLink > a#elUserLink {
  box-sizing: border-box !important;
  position: static !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink::before,
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink::after,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink::before,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink::after,
body.ipsApp #ipsLayout_header li#cUserLink > a#elUserLink::before,
body.ipsApp #ipsLayout_header li#cUserLink > a#elUserLink::after {
  display: none !important;
  content: none !important;
}

/* Auth header rescue: keep guest login/register visible and keep profile as one normal button. */
body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: auto !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#elSignInLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elRegisterButton),
body.ipsApp #ipsLayout_header .ta_userNav > li#elSignInLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a#elRegisterButton) {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header #elUserSignIn,
body.ipsApp #ipsLayout_header #elRegisterButton {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  min-height: 42px !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 9px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 225, 152, 0.16), transparent 48%),
    linear-gradient(135deg, rgba(54, 35, 23, 0.98), rgba(9, 5, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.03) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.20),
    inset 0 0 0 1px rgba(255, 220, 150, 0.12),
    0 10px 24px rgba(0, 0, 0, 0.36) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink,
body.ipsApp #ipsLayout_header li#cUserLink {
  min-width: 160px !important;
  padding-left: 14px !important;
  padding-right: 19px !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.14),
    inset 0 -1px 0 rgba(176, 111, 30, 0.22),
    0 0 18px rgba(239, 179, 77, 0.07),
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
}

/* Live header lock: profile avatar + ADMIN as one clean two-part button. */
body.ipsApp #ipsLayout_header,
body.ipsApp #ipsLayout_header .ipsLayout_container,
body.ipsApp #ipsLayout_header .ta_headerContainer,
body.ipsApp #ipsLayout_header .ta_navContainer,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul,
body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav,
body.ipsApp #ipsLayout_header .cUserNav,
body.ipsApp #ipsLayout_header #ta_socialHeader {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 -8px 0 0 !important;
  padding: 0 !important;
  border-radius: 9px 0 0 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.48) !important;
  border-right: 0 !important;
  background:
    radial-gradient(circle at 42% 30%, rgba(255, 224, 148, 0.20), transparent 54%),
    linear-gradient(135deg, rgba(55, 35, 23, 0.98), rgba(8, 5, 4, 0.99) 76%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.04) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.13),
    inset 0 -1px 0 rgba(176, 111, 30, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) > a {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) .ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) .ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) img {
  box-sizing: border-box !important;
  position: static !important;
  display: block !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 224, 164, 0.30) !important;
  object-fit: cover !important;
  box-shadow: 0 0 12px rgba(239, 179, 77, 0.16) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) + li,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) + li,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) + li,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) + li,
body.ipsApp #ipsLayout_header #elUserNav > li#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#elUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 29 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  border: 1px solid rgba(239, 179, 77, 0.48) !important;
  border-left: 0 !important;
  background:
    radial-gradient(circle at 10% 30%, rgba(255, 224, 148, 0.13), transparent 48%),
    linear-gradient(135deg, rgba(55, 35, 23, 0.98), rgba(8, 5, 4, 0.99) 76%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.13),
    inset 0 -1px 0 rgba(176, 111, 30, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) + li > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) + li > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li) + li > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li) + li > a,
body.ipsApp #ipsLayout_header #elUserNav > li#elUserLink > a,
body.ipsApp #ipsLayout_header .ta_userNav > li#elUserLink > a,
body.ipsApp #ipsLayout_header a#elUserLink {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  width: 156px !important;
  min-width: 156px !important;
  max-width: 156px !important;
  justify-content: flex-start !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.48) !important;
  padding: 0 13px 0 9px !important;
  background:
    radial-gradient(circle at 18% 30%, rgba(255, 224, 148, 0.17), transparent 46%),
    linear-gradient(135deg, rgba(55, 35, 23, 0.98), rgba(8, 5, 4, 0.99) 76%) !important;
}

/* Authenticated IPS header uses li#cUserLink: avatar and user menu link are siblings inside one li. */
body.ipsApp #ipsLayout_header .focus-user,
body.ipsApp #ipsLayout_header .focus-user::before,
body.ipsApp #ipsLayout_header .focus-user::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header [data-focus-toggle-theme],
body.ipsApp #ipsLayout_header [data-focus-toggle-theme] *,
body.ipsApp #ipsLayout_header .ta_themeSlider,
body.ipsApp #ipsLayout_header .ta_themeSlider * {
  display: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 40 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 154px !important;
  max-width: 210px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px 0 8px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.52) !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 225, 152, 0.20), transparent 48%),
    linear-gradient(135deg, rgba(62, 40, 25, 0.98), rgba(10, 6, 5, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.14),
    inset 0 -1px 0 rgba(176, 111, 30, 0.22),
    0 0 18px rgba(239, 179, 77, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto {
  box-sizing: border-box !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 226, 165, 0.34) !important;
  background: rgba(8, 5, 4, 0.72) !important;
  box-shadow:
    0 0 0 2px rgba(239, 179, 77, 0.08),
    0 0 14px rgba(239, 179, 77, 0.17) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto img,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink {
  box-sizing: border-box !important;
  position: static !important;
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 150px !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* Final post header tone: remove the cold IPS stripe from topic posts. */
body.ipsApp .ipsComment_header,
body.ipsApp .ipsComment_header.ipsAreaBackground,
body.ipsApp .ipsComment_header.ipsAreaBackground_light,
body.ipsApp .ipsComment_header.ipsAreaBackground_reset,
body.ipsApp .cPost .ipsComment_header,
body.ipsApp article.ipsComment > .ipsComment_header,
body.ipsApp [data-controller*="core.front.core.comment"] > .ipsComment_header {
  border: 0 !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.16) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(239, 179, 77, 0.10), transparent 35%),
    linear-gradient(90deg, rgba(35, 20, 16, 0.98), rgba(14, 7, 6, 0.99) 64%, rgba(7, 4, 4, 0.99) 100%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.018) 0 1px, transparent 1px 13px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.045),
    inset 0 -1px 0 rgba(176, 111, 30, 0.10) !important;
  color: #f5e1c0 !important;
}

@media screen and (max-width: 979px) {
  .ipsLayout_container,
  .ipsLayout_minimal .ipsLayout_container,
  .ipsApp.ipsApp_front #ipsLayout_header,
  .footer-wrap {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #ipsLayout_body > .ipsLayout_container,
  #ipsLayout_contentArea {
    border-radius: 0 !important;
  }

  #elSearch {
    width: 100% !important;
  }
}

/* Header alignment polish */
#ipsLayout_header {
  padding: 26px 0 18px !important;
}

#ipsLayout_header .ipsLayout_container,
.ta_Header .ipsLayout_container,
.ta_headerContainer,
.ta_navContainer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

#ipsLayout_header nav,
.ipsNavBar_primary {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.ipsNavBar_primary > ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ipsNavBar_primary > ul > li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ipsNavBar_primary > ul > li > a,
html[dir="ltr"] #elBackHome,
html[dir="rtl"] #elBackHome {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#elUserNav > li,
.ta_userNav > li,
#ta_socialHeader > li,
.cUserNav > li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#elUserNav > li > a,
.ta_userNav > li > a,
#ta_socialHeader .cUserNav_icon .cShareLink,
.cUserNav_icon > a,
a#elCreateNew,
#elUserLink,
#elSignInLink,
#elRegisterButton,
#elAdminCP {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  min-width: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid rgba(239, 179, 77, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(43, 26, 19, 0.94), rgba(8, 5, 5, 0.98) 68%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.045) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 194, 0.08),
    inset 0 -1px 0 rgba(176, 111, 30, 0.14),
    0 10px 22px rgba(0, 0, 0, 0.34) !important;
  color: var(--rp-text) !important;
  font-family: var(--rp-font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.075em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#elUserNav > li > a::before,
.ta_userNav > li > a::before,
#ta_socialHeader .cUserNav_icon .cShareLink::before,
.cUserNav_icon > a::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 8%, rgba(255, 225, 165, 0.18) 36%, transparent 62%) !important;
  transform: translateX(-130%) !important;
  animation: rpSheen 4.8s ease-in-out infinite !important;
}

#elUserNav > li > a i,
.ta_userNav > li > a i,
#ta_socialHeader .cShareLink i,
.cUserNav_icon > a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  color: var(--rp-gold-2) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-align: center !important;
}

#elUserNav > li::before,
#elUserNav > li::after,
.ta_userNav > li::before,
.ta_userNav > li::after,
#ta_socialHeader::before,
#ta_socialHeader::after,
.cUserNav > li::before,
.cUserNav > li::after,
.cUserNav_sep,
.ipsNavBar_primary > ul > li::before,
.ipsNavBar_primary > ul > li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

#elUserNav .ipsMenu,
.ta_userNav .ipsMenu,
#ta_socialHeader .ipsMenu {
  top: calc(100% + 10px) !important;
  z-index: 10050 !important;
}

@media (max-width: 980px) {
  #ipsLayout_header .ipsLayout_container,
  .ta_Header .ipsLayout_container,
  .ta_headerContainer,
  .ta_navContainer {
    justify-content: flex-start !important;
  }

  #elUserNav,
  .ta_userNav,
  #ta_socialHeader,
  .cUserNav {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* Live forum header/icon fixes */
.ipsApp .fa,
.ipsApp .fa::before,
.ipsApp .fa::after,
.ipsApp [class^="fa-"],
.ipsApp [class^="fa-"]::before,
.ipsApp [class*=" fa-"],
.ipsApp [class*=" fa-"]::before,
.ipsApp .ipsIcon,
.ipsApp .ipsIcon::before,
.ipsApp .ipsItemStatus::before {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-rendering: auto !important;
  text-transform: none !important;
}

.ipsLayout_container,
.ipsLayout_minimal .ipsLayout_container,
.ipsApp.ipsApp_front #ipsLayout_header,
.footer-wrap {
  max-width: min(1280px, calc(100% - 44px)) !important;
}

#ipsLayout_header .ipsLayout_container,
.ta_Header .ipsLayout_container,
.ta_headerContainer,
.ta_navContainer {
  max-width: min(1280px, calc(100% - 44px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.ipsNavBar_primary > ul {
  flex-wrap: nowrap !important;
}

.ipsNavBar_primary > ul > li > a {
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 15px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
  letter-spacing: 0.07em !important;
}

.ipsNavBar_primary > ul > li > a > i.fa:first-child {
  display: none !important;
}

.ipsNavBar_primary > ul > li > a::before {
  content: "\f08e" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 218, 142, 0.28) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 225, 157, 0.94), rgba(176, 112, 35, 0.9) 58%, rgba(77, 42, 18, 0.86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 16px rgba(239, 179, 77, 0.16) !important;
  color: #1b0f08 !important;
  font-family: "FontAwesome" !important;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

.ipsNavBar_primary > ul > li:nth-child(2) > a::before {
  content: "\f007" !important;
}

.ipsNavBar_primary > ul > li:nth-child(3) > a::before {
  content: "\f0d6" !important;
}

.ipsNavBar_primary > ul > li:nth-child(4) > a::before {
  content: "\f0c9" !important;
}

#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav {
  margin-left: auto !important;
  flex-wrap: nowrap !important;
}

#elUserNav > li > a,
.ta_userNav > li > a,
#ta_socialHeader .cUserNav_icon .cShareLink,
.cUserNav_icon > a,
a#elCreateNew,
#elUserLink,
#elSignInLink,
#elRegisterButton,
#elAdminCP {
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
}

#elUserNav .ipsUserPhoto,
#elUserNav .ipsUserPhoto img,
.ta_userNav .ipsUserPhoto,
.ta_userNav .ipsUserPhoto img,
.cUserNav .ipsUserPhoto,
.cUserNav .ipsUserPhoto img,
.ipsUserPhoto,
.ipsUserPhoto img,
.ipsPhotoPanel .ipsUserPhoto img {
  border-radius: 50% !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.ipsUserPhoto::before,
.ipsUserPhoto::after,
.ipsPhotoPanel .ipsUserPhoto::before,
.ipsPhotoPanel .ipsUserPhoto::after {
  display: none !important;
  content: none !important;
}

.ipsItemStatus,
.ipsItemStatus_large {
  border-radius: 7px !important;
}

@media (max-width: 1180px) {
  #ipsLayout_header .ipsLayout_container,
  .ta_Header .ipsLayout_container,
  .ta_headerContainer,
  .ta_navContainer,
  .ipsNavBar_primary > ul,
  #elUserNav,
  .ta_userNav,
  #ta_socialHeader,
  .cUserNav {
    flex-wrap: wrap !important;
  }

  #elUserNav,
  .ta_userNav,
  #ta_socialHeader,
  .cUserNav {
    margin-left: 0 !important;
  }
}

/* Final header geometry reset */
.ipsApp.ipsApp_front #ipsLayout_header,
#ipsLayout_header,
.ta_Header {
  width: min(1280px, calc(100% - 44px)) !important;
  max-width: 1280px !important;
  margin: 22px auto 14px !important;
  padding: 0 !important;
}

#ipsLayout_header .ipsLayout_container,
.ta_Header .ipsLayout_container,
.ta_headerContainer,
.ta_navContainer {
  width: 100% !important;
  max-width: none !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(34, 21, 18, 0.86), rgba(9, 5, 5, 0.94) 72%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.03) 0 1px, transparent 1px 14px) !important;
  border: 1px solid rgba(239, 179, 77, 0.08) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 236, 198, 0.04) !important;
}

#ipsLayout_header nav,
.ipsNavBar_primary {
  flex: 0 1 auto !important;
  width: auto !important;
}

.ipsNavBar_primary > ul,
#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-height: 42px !important;
}

#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav {
  margin-left: auto !important;
}

.ipsNavBar_primary > ul > li,
#elUserNav > li,
.ta_userNav > li,
#ta_socialHeader > li,
.cUserNav > li {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ipsNavBar_primary > ul > li > a,
#elUserNav > li > a,
.ta_userNav > li > a,
#ta_socialHeader .cUserNav_icon .cShareLink,
.cUserNav_icon > a,
a#elCreateNew,
#elUserLink,
#elSignInLink,
#elRegisterButton,
#elAdminCP {
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  vertical-align: middle !important;
}

#elUserLink,
#elUserNav a[data-ipsMenu],
.ta_userNav a[data-ipsMenu] {
  padding-left: 8px !important;
  padding-right: 12px !important;
}

#elUserLink .ipsUserPhoto,
#elUserLink .ipsUserPhoto img,
#elUserNav .ipsUserPhoto_tiny,
#elUserNav .ipsUserPhoto_tiny img,
.ta_userNav .ipsUserPhoto_tiny,
.ta_userNav .ipsUserPhoto_tiny img {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 232, 188, 0.14) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#elUserLink .ipsUserPhoto {
  margin-right: 7px !important;
}

#elUserNav .ipsUserPhoto::before,
#elUserNav .ipsUserPhoto::after,
.ta_userNav .ipsUserPhoto::before,
.ta_userNav .ipsUserPhoto::after {
  display: none !important;
  content: none !important;
}

#elUserNav > li:not(:last-child),
.ta_userNav > li:not(:last-child),
.cUserNav > li:not(:last-child),
#elUserNav > li > a:not(:last-child),
.ta_userNav > li > a:not(:last-child) {
  border-right: 0 !important;
}

.ipsNavBar_primary > ul > li > a:hover,
#elUserNav > li > a:hover,
.ta_userNav > li > a:hover,
.cUserNav_icon > a:hover {
  transform: none !important;
}

@media (max-width: 1180px) {
  .ipsApp.ipsApp_front #ipsLayout_header,
  #ipsLayout_header,
  .ta_Header {
    width: calc(100% - 24px) !important;
    margin-top: 14px !important;
  }

  #ipsLayout_header .ipsLayout_container,
  .ta_Header .ipsLayout_container,
  .ta_headerContainer,
  .ta_navContainer {
    flex-wrap: wrap !important;
  }

  #elUserNav,
  .ta_userNav,
  #ta_socialHeader,
  .cUserNav {
    margin-left: 0 !important;
  }
}

/* Header cleanup: remove top strip, normalize user button, hide extra IPS controls. */
html,
body.ipsApp {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ipsApp.ipsApp_front #ipsLayout_header,
#ipsLayout_header,
.ta_Header {
  margin-top: 0 !important;
}

#ipsLayout_header .ipsLayout_container,
.ta_Header .ipsLayout_container,
.ta_headerContainer,
.ta_navContainer {
  margin-top: 0 !important;
}

#elCreateNew,
#elCreateNew_menu,
#elUserNav > li:has(> a#elCreateNew),
.ta_userNav > li:has(> a#elCreateNew),
#elThemeMenu,
#elThemeMenu_menu,
#elNavTheme,
#elNavThemeMob,
#elNavThemeMob_menu,
#elUserNav > li:has(> a#elThemeMenu),
#elUserNav > li:has(> a#elNavTheme),
.ta_userNav > li:has(> a#elThemeMenu),
.ta_userNav > li:has(> a#elNavTheme),
#elUserNav > li:has(> a[title*="Theme"]),
#elUserNav > li:has(> a[title*="Тема"]),
#elUserNav > li:has(> a[title*="Стиль"]),
.ta_userNav > li:has(> a[title*="Theme"]),
.ta_userNav > li:has(> a[title*="Тема"]),
.ta_userNav > li:has(> a[title*="Стиль"]) {
  display: none !important;
}

#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink {
  display: flex !important;
  align-items: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#elUserLink,
#elUserLink > a,
#elUserNav > li#elUserLink > a,
.ta_userNav > li#elUserLink > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 13px 0 10px !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}

#elUserLink .ipsUserPhoto,
#elUserLink .ipsUserPhoto img,
#elUserNav > li#elUserLink .ipsUserPhoto,
#elUserNav > li#elUserLink .ipsUserPhoto img,
.ta_userNav > li#elUserLink .ipsUserPhoto,
.ta_userNav > li#elUserLink .ipsUserPhoto img {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

/* Header final cleanup: leave only buttons, remove theme switcher and backing panels. */
.ipsApp.ipsApp_front #ipsLayout_header,
#ipsLayout_header,
.ta_Header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ipsLayout_header::before,
#ipsLayout_header::after,
.ta_Header::before,
.ta_Header::after,
#ipsLayout_header .ipsLayout_container::before,
#ipsLayout_header .ipsLayout_container::after,
.ta_Header .ipsLayout_container::before,
.ta_Header .ipsLayout_container::after,
.ta_headerContainer::before,
.ta_headerContainer::after,
.ta_navContainer::before,
.ta_navContainer::after {
  display: none !important;
  content: none !important;
}

#ipsLayout_header .ipsLayout_container,
.ta_Header .ipsLayout_container,
.ta_headerContainer,
.ta_navContainer {
  min-height: 42px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#ipsLayout_header nav,
.ipsNavBar_primary,
.ipsNavBar_primary > ul,
#elUserNav,
.ta_userNav,
#ta_socialHeader,
.cUserNav {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.ta_themeSlider,
.ta_themeSlider *,
li:has(.ta_themeSlider),
#elThemeMenu,
#elThemeMenu_menu,
#elNavTheme,
#elNavThemeMob,
#elNavThemeMob_menu,
#elUserNav > li:has(> a#elThemeMenu),
#elUserNav > li:has(> a#elNavTheme),
#elUserNav > li:has(> a[href*="theme" i]),
#elUserNav > li:has(> a[data-action*="theme" i]),
#elUserNav > li:has(> a[title*="theme" i]),
#elUserNav > li:has(> a[aria-label*="theme" i]),
#elUserNav > li:has(i[class*="lightbulb"]),
#elUserNav > li:has(i[class*="moon"]),
#elUserNav > li:has(i[class*="adjust"]),
.ta_userNav > li:has(> a#elThemeMenu),
.ta_userNav > li:has(> a#elNavTheme),
.ta_userNav > li:has(> a[href*="theme" i]),
.ta_userNav > li:has(> a[data-action*="theme" i]),
.ta_userNav > li:has(> a[title*="theme" i]),
.ta_userNav > li:has(> a[aria-label*="theme" i]),
.ta_userNav > li:has(i[class*="lightbulb"]),
.ta_userNav > li:has(i[class*="moon"]),
.ta_userNav > li:has(i[class*="adjust"]) {
  display: none !important;
}

/* Forum header final polish */
.ipsApp.ipsApp_front #ipsLayout_header,
#ipsLayout_header,
.ta_Header {
  margin: 60px auto 14px !important;
}

#elUserNav > li:last-child,
.ta_userNav > li:last-child,
#ta_socialHeader > li:last-child,
.cUserNav > li:last-child {
  display: none !important;
}

#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink,
li#elUserLink {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 13px 0 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(239, 179, 77, 0.30) !important;
  background:
    linear-gradient(135deg, rgba(45, 28, 19, 0.92), rgba(8, 5, 5, 0.98) 68%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.045) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 194, 0.09),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 22px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
}

#elUserNav > li#elUserLink > a,
.ta_userNav > li#elUserLink > a,
li#elUserLink > a,
#elUserLink > a {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#elUserNav > li#elUserLink .ipsUserPhoto,
#elUserNav > li#elUserLink .ipsUserPhoto img,
.ta_userNav > li#elUserLink .ipsUserPhoto,
.ta_userNav > li#elUserLink .ipsUserPhoto img,
li#elUserLink .ipsUserPhoto,
li#elUserLink .ipsUserPhoto img {
  position: static !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 221, 155, 0.16) !important;
  box-shadow: none !important;
  object-fit: cover !important;
  overflow: hidden !important;
}

/* Uniform page background and user-menu correction. */
html,
body.ipsApp {
  background:
    radial-gradient(circle at 18% 8%, rgba(130, 72, 31, 0.22), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(84, 43, 27, 0.20), transparent 36%),
    linear-gradient(135deg, #2b1913 0%, #180e0d 42%, #090505 100%) !important;
}

body.ipsApp::before {
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(20, 10, 7, 0.66), rgba(20, 10, 7, 0.38), rgba(20, 10, 7, 0.70)),
    var(--focus-bg--image, none) !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: blur(4px) saturate(0.76) brightness(0.74) !important;
  opacity: 0.44 !important;
}

body.ipsApp::after {
  background:
    linear-gradient(135deg, rgba(255, 179, 59, 0.026) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 50% 22%, rgba(246, 177, 63, 0.055), transparent 36%),
    rgba(10, 5, 5, 0.34) !important;
}

#ipsLayout_header,
#ipsLayout_header > *,
#ipsLayout_header .ipsLayout_container,
#ipsLayout_header .ta_headerContainer,
#ipsLayout_header .ta_navContainer,
#ipsLayout_header nav,
#ipsLayout_header .ipsNavBar_primary,
#ipsLayout_header .ipsNavBar_primary > ul,
#ipsLayout_header #elUserNav,
#ipsLayout_header .ta_userNav,
#ipsLayout_header #ta_socialHeader,
#ipsLayout_header .cUserNav {
  background: transparent !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#elUserNav > li#elUserLink + li,
.ta_userNav > li#elUserLink + li,
#elUserNav > li:has(> a[href*="theme" i]),
#elUserNav > li:has(> a[title*="theme" i]),
#elUserNav > li:has(> a[aria-label*="theme" i]),
#elUserNav > li:has(i[class*="sun"]),
#elUserNav > li:has(i[class*="moon"]),
#elUserNav > li:has(i[class*="lightbulb"]),
#elUserNav > li:has(i[class*="adjust"]) {
  display: none !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink),
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) {
  position: relative !important;
  z-index: 3 !important;
  margin-right: -34px !important;
  pointer-events: none !important;
}

#elUserLink,
#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink,
li#elUserLink {
  min-width: 112px !important;
  padding-left: 42px !important;
  overflow: visible !important;
}

#elUserLink .ipsUserPhoto,
#elUserNav > li#elUserLink .ipsUserPhoto,
.ta_userNav > li#elUserLink .ipsUserPhoto,
li#elUserLink .ipsUserPhoto {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

/* Final hard pass: remove the header strip and lock the user avatar inside Admin. */
html,
body,
body.ipsApp,
body.ipsApp_front {
  background-color: #120908 !important;
  background-image:
    radial-gradient(circle at 18% 8%, rgba(130, 72, 31, 0.22), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(84, 43, 27, 0.20), transparent 36%),
    linear-gradient(135deg, #2b1913 0%, #180e0d 42%, #090505 100%) !important;
}

#ipsLayout_header,
.ipsApp_front #ipsLayout_header,
.ta_Header {
  position: relative !important;
  margin-top: 60px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ipsLayout_header::before,
#ipsLayout_header::after,
.ta_Header::before,
.ta_Header::after,
#ipsLayout_header .ipsLayout_container::before,
#ipsLayout_header .ipsLayout_container::after,
#ipsLayout_header .ta_headerContainer::before,
#ipsLayout_header .ta_headerContainer::after,
#ipsLayout_header .ta_navContainer::before,
#ipsLayout_header .ta_navContainer::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#ipsLayout_header .ipsLayout_container,
#ipsLayout_header .ta_headerContainer,
#ipsLayout_header .ta_navContainer,
#ipsLayout_header .ipsNavBar_primary,
#ipsLayout_header .ipsNavBar_primary > ul,
#ipsLayout_header #elUserNav,
#ipsLayout_header .ta_userNav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a[href*="theme" i]),
#elUserNav > li:has(> a[data-action*="theme" i]),
#elUserNav > li:has(> a[title*="theme" i]),
#elUserNav > li:has(> a[aria-label*="theme" i]),
#elUserNav > li:has(i[class*="theme" i]),
#elUserNav > li:has(i[class*="sun" i]),
#elUserNav > li:has(i[class*="moon" i]),
#elUserNav > li:has(i[class*="lightbulb" i]),
#elUserNav > li:has(i[class*="adjust" i]),
.ta_userNav > li:has(> a[href*="theme" i]),
.ta_userNav > li:has(i[class*="theme" i]),
.ta_userNav > li:has(i[class*="sun" i]),
.ta_userNav > li:has(i[class*="moon" i]),
.ta_userNav > li:has(i[class*="lightbulb" i]),
.ta_userNav > li:has(i[class*="adjust" i]) {
  display: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink),
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink),
.ta_userNav > li:has(> a > img):not(#elUserLink),
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) {
  position: relative !important;
  z-index: 5 !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 42px !important;
  margin: 0 -35px 0 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) > a,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) > a,
.ta_userNav > li:has(> a > img):not(#elUserLink) > a,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) img,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto img,
.ta_userNav > li:has(> a > img):not(#elUserLink) img,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto img {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
#elUserLink,
#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink {
  min-width: 122px !important;
  padding-left: 42px !important;
}

/* Repair profile button: avatar + Admin must behave as one clean control. */
#elUserNav,
.ta_userNav {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink),
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink),
.ta_userNav > li:has(> a > img):not(#elUserLink),
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 -9px 0 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  border-radius: 9px 0 0 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.34) !important;
  border-right-color: rgba(239, 179, 77, 0.12) !important;
  background:
    radial-gradient(circle at 45% 28%, rgba(255, 220, 143, 0.14), transparent 54%),
    linear-gradient(135deg, rgba(45, 28, 19, 0.94), rgba(8, 5, 5, 0.99) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 194, 0.10),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) > a,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) > a,
.ta_userNav > li:has(> a > img):not(#elUserLink) > a,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) img,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto img,
.ta_userNav > li:has(> a > img):not(#elUserLink) img,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) .ipsUserPhoto img {
  position: static !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 221, 155, 0.18) !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink,
li#elUserLink {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 92px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px 0 18px !important;
  border-radius: 0 9px 9px 0 !important;
  border: 1px solid rgba(239, 179, 77, 0.34) !important;
  border-left-color: rgba(239, 179, 77, 0.12) !important;
  background:
    linear-gradient(90deg, rgba(45, 28, 19, 0.96), rgba(8, 5, 5, 0.98) 76%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.04) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 194, 0.08),
    inset 0 -1px 0 rgba(176, 111, 30, 0.17),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
}

#elUserNav > li#elUserLink > a,
.ta_userNav > li#elUserLink > a,
li#elUserLink > a,
#elUserLink > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#elUserNav > li#elUserLink .ipsUserPhoto,
#elUserNav > li#elUserLink .ipsUserPhoto img,
.ta_userNav > li#elUserLink .ipsUserPhoto,
.ta_userNav > li#elUserLink .ipsUserPhoto img,
li#elUserLink .ipsUserPhoto,
li#elUserLink .ipsUserPhoto img {
  position: static !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 6px 0 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

/* Profile button anti-crop pass: no negative overlap, more text room. */
#elUserNav,
.ta_userNav {
  overflow: visible !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink),
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink),
.ta_userNav > li:has(> a > img):not(#elUserLink),
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 42px !important;
  margin: 0 -1px 0 0 !important;
  overflow: hidden !important;
}

#elUserNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(> a > img):not(#elUserLink) + li#elUserLink,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink) + li#elUserLink,
#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink,
li#elUserLink {
  min-width: 112px !important;
  max-width: none !important;
  padding: 0 16px 0 15px !important;
  overflow: visible !important;
}

#elUserNav > li#elUserLink > a,
.ta_userNav > li#elUserLink > a,
li#elUserLink > a,
#elUserLink > a {
  min-width: 64px !important;
  overflow: visible !important;
  text-indent: 0 !important;
}

/* Replace default IPS blue links with the RealPvP warm text palette. */
body.ipsApp a:not(.ipsButton):not(.ipsPagination_page):not(.ipsBadge):not(.ipsTag),
body.ipsApp .ipsType_sectionTitle,
body.ipsApp .ipsDataItem_title a,
body.ipsApp .ipsDataItem_main a,
body.ipsApp .ipsWidget a,
body.ipsApp .ipsWidget_title,
body.ipsApp .ipsType_break,
body.ipsApp .cForumTitle,
body.ipsApp .ipsBreadcrumb a,
body.ipsApp .ipsType_pageTitle,
body.ipsApp .ipsType_minorHeading,
body.ipsApp [class*="title"] a,
body.ipsApp [class*="Title"] a {
  color: #e9c98f !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.46) !important;
}

body.ipsApp a:not(.ipsButton):not(.ipsPagination_page):not(.ipsBadge):not(.ipsTag):hover,
body.ipsApp .ipsDataItem_title a:hover,
body.ipsApp .ipsDataItem_main a:hover,
body.ipsApp .ipsWidget a:hover,
body.ipsApp .ipsBreadcrumb a:hover,
body.ipsApp [class*="title"] a:hover,
body.ipsApp [class*="Title"] a:hover {
  color: #ffd77a !important;
  text-shadow:
    0 0 10px rgba(239, 179, 77, 0.34),
    0 1px 0 rgba(0, 0, 0, 0.52) !important;
}

body.ipsApp .ipsType_light,
body.ipsApp .ipsType_medium,
body.ipsApp .ipsDataItem_meta,
body.ipsApp .ipsDataItem_meta a,
body.ipsApp .ipsDataItem_stats,
body.ipsApp .ipsDataItem_lastPoster,
body.ipsApp .ipsWidget .ipsType_light {
  color: rgba(232, 211, 178, 0.72) !important;
}

body.ipsApp .ipsDataItem_title a,
body.ipsApp .ipsWidget .ipsDataItem_title a,
body.ipsApp .ipsWidget_vertical .ipsDataItem_title a {
  color: #f0c36d !important;
  font-weight: 800 !important;
}

/* Definitive Admin profile button fix. IPS puts #elUserLink on the link, not always on the li. */
#elUserNav > li:has(> a#elUserLink),
.ta_userNav > li:has(> a#elUserLink),
#elUserNav > li#elUserLink,
.ta_userNav > li#elUserLink,
li#elUserLink {
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 136px !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#elUserNav > li > a#elUserLink,
.ta_userNav > li > a#elUserLink,
a#elUserLink,
#elUserNav > li#elUserLink > a,
.ta_userNav > li#elUserLink > a,
li#elUserLink > a {
  position: relative !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: auto !important;
  min-width: 136px !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px 0 8px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.38) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 219, 143, 0.18), transparent 38%),
    linear-gradient(135deg, rgba(48, 30, 20, 0.96), rgba(7, 4, 4, 0.98) 72%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 194, 0.10),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

#elUserNav > li > a#elUserLink .ipsUserPhoto,
#elUserNav > li > a#elUserLink .ipsUserPhoto img,
#elUserNav > li > a#elUserLink img,
.ta_userNav > li > a#elUserLink .ipsUserPhoto,
.ta_userNav > li > a#elUserLink .ipsUserPhoto img,
.ta_userNav > li > a#elUserLink img,
a#elUserLink .ipsUserPhoto,
a#elUserLink .ipsUserPhoto img,
a#elUserLink img,
#elUserNav > li#elUserLink .ipsUserPhoto,
#elUserNav > li#elUserLink .ipsUserPhoto img,
.ta_userNav > li#elUserLink .ipsUserPhoto,
.ta_userNav > li#elUserLink .ipsUserPhoto img,
li#elUserLink .ipsUserPhoto,
li#elUserLink .ipsUserPhoto img {
  position: static !important;
  display: block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 221, 155, 0.22) !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

#elUserNav > li > a#elUserLink span,
.ta_userNav > li > a#elUserLink span,
a#elUserLink span,
#elUserNav > li#elUserLink > a span,
.ta_userNav > li#elUserLink > a span,
li#elUserLink > a span {
  display: inline-block !important;
  max-width: none !important;
  color: inherit !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#elUserNav > li > a#elUserLink:before,
#elUserNav > li > a#elUserLink:after,
.ta_userNav > li > a#elUserLink:before,
.ta_userNav > li > a#elUserLink:after,
a#elUserLink:before,
a#elUserLink:after {
  display: none !important;
}

/* Absolute final profile button lock: one visible button, avatar inside, no text clipping. */
#elUserNav > li:has(.ipsUserPhoto),
.ta_userNav > li:has(.ipsUserPhoto) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 138px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#elUserNav > li:has(.ipsUserPhoto) > a,
.ta_userNav > li:has(.ipsUserPhoto) > a,
#elUserLink,
a#elUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 13px 0 8px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.40) !important;
  background:
    radial-gradient(circle at 20% 22%, rgba(255, 216, 130, 0.20), transparent 42%),
    linear-gradient(135deg, rgba(49, 31, 21, 0.98), rgba(7, 4, 4, 0.99) 74%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#elUserNav > li:has(.ipsUserPhoto) > a .ipsUserPhoto,
#elUserNav > li:has(.ipsUserPhoto) > a .ipsUserPhoto img,
#elUserNav > li:has(.ipsUserPhoto) > a img,
.ta_userNav > li:has(.ipsUserPhoto) > a .ipsUserPhoto,
.ta_userNav > li:has(.ipsUserPhoto) > a .ipsUserPhoto img,
.ta_userNav > li:has(.ipsUserPhoto) > a img,
#elUserLink .ipsUserPhoto,
#elUserLink .ipsUserPhoto img,
a#elUserLink .ipsUserPhoto,
a#elUserLink .ipsUserPhoto img,
a#elUserLink img {
  box-sizing: border-box !important;
  position: static !important;
  display: block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 224, 164, 0.20) !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

#elUserNav > li:has(.ipsUserPhoto) > a span,
.ta_userNav > li:has(.ipsUserPhoto) > a span,
#elUserLink span,
a#elUserLink span {
  flex: 0 0 auto !important;
  display: inline-block !important;
  max-width: none !important;
  min-width: 0 !important;
  color: inherit !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#elUserNav > li:has(.ipsUserPhoto) + li,
.ta_userNav > li:has(.ipsUserPhoto) + li {
  margin-left: 8px !important;
}

/* Final profile control rebuild. IPS can render the avatar and ADMIN as two
   neighbor items, so this joins them into one clean button without clipping. */
#elUserNav,
.ta_userNav {
  overflow: visible !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink),
#elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink),
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink),
.ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  border-radius: 9px 0 0 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.42) !important;
  border-right: 0 !important;
  background:
    radial-gradient(circle at 42% 30%, rgba(255, 224, 148, 0.18), transparent 52%),
    linear-gradient(135deg, rgba(50, 31, 20, 0.98), rgba(7, 4, 4, 0.99) 74%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
#elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
.ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) .ipsUserPhoto,
#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) .ipsUserPhoto img,
#elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) img,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) .ipsUserPhoto,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) .ipsUserPhoto img,
.ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) img {
  box-sizing: border-box !important;
  position: static !important;
  display: block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 224, 164, 0.22) !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink,
#elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink,
.ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  border: 1px solid rgba(239, 179, 77, 0.42) !important;
  border-left: 0 !important;
  background:
    linear-gradient(135deg, rgba(50, 31, 20, 0.98), rgba(7, 4, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
}

#elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
#elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
.ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
.ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 13px !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#elUserNav > li#elUserLink:has(.ipsUserPhoto),
.ta_userNav > li#elUserLink:has(.ipsUserPhoto),
#elUserNav > li:has(> a#elUserLink .ipsUserPhoto),
.ta_userNav > li:has(> a#elUserLink .ipsUserPhoto) {
  flex: 0 0 154px !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#elUserNav > li#elUserLink:has(.ipsUserPhoto) > a,
.ta_userNav > li#elUserLink:has(.ipsUserPhoto) > a,
#elUserNav > li > a#elUserLink:has(.ipsUserPhoto),
.ta_userNav > li > a#elUserLink:has(.ipsUserPhoto),
a#elUserLink:has(.ipsUserPhoto) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 42px !important;
  padding: 0 14px 0 9px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.42) !important;
  background:
    radial-gradient(circle at 19% 25%, rgba(255, 224, 148, 0.18), transparent 42%),
    linear-gradient(135deg, rgba(50, 31, 20, 0.98), rgba(7, 4, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Topic page cleanup and RealPvP post styling. */
body.ipsApp [data-controller*="rating" i],
body.ipsApp .ipsRating,
body.ipsApp .ipsRating_large,
body.ipsApp .ipsRating_veryLarge,
body.ipsApp .cTopicRating,
body.ipsApp #elTopicRating,
body.ipsApp [data-role="rating"],
body.ipsApp [data-role="rate"],
body.ipsApp [class*="rating" i],
body.ipsApp [data-action*="rate" i],
body.ipsApp .cShareLink,
body.ipsApp #elShareLink,
body.ipsApp [data-role="shareLinks"],
body.ipsApp [data-action="share"],
body.ipsApp [href*="share" i],
body.ipsApp [data-ipsmenu*="share" i],
body.ipsApp .ipsFollow,
body.ipsApp #elFollow,
body.ipsApp [data-controller*="follow" i],
body.ipsApp [data-role="followButton"],
body.ipsApp [href*="follow" i],
body.ipsApp [data-action*="follow" i],
body.ipsApp [data-ipsdialog-title*="follow" i] {
  display: none !important;
}

body.ipsApp #elPostFeed > .ipsButtonBar,
body.ipsApp #elPostFeed > .ipsAreaBackground_reset.ipsPad_half,
body.ipsApp .ipsCommentFeed > .ipsButtonBar,
body.ipsApp .ipsCommentFeed > .ipsAreaBackground_reset.ipsPad_half,
body.ipsApp .cTopic .ipsButtonBar.ipsPad_half:not(:has(.ipsButton_primary)):not(:has(.ipsButton_important)) {
  display: none !important;
}

body.ipsApp .ipsPageHeader,
body.ipsApp .cTopicHeader,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader {
  position: relative !important;
  margin-bottom: 22px !important;
  padding: 24px 26px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(239, 179, 77, 0.17) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(239, 179, 77, 0.10), transparent 35%),
    linear-gradient(135deg, rgba(30, 18, 15, 0.95), rgba(9, 5, 5, 0.98) 68%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.025) 0 1px, transparent 1px 13px) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 238, 202, 0.045) !important;
  overflow: hidden !important;
}

body.ipsApp .ipsPageHeader::before,
body.ipsApp .cTopicHeader::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, rgba(239, 179, 77, 0.07) 42%, rgba(255, 236, 194, 0.11) 50%, transparent 62%);
  background-size: 260% 100%;
  animation: rpSheen 7s linear infinite;
  opacity: 0.7;
}

body.ipsApp .ipsPageHeader .ipsType_pageTitle,
body.ipsApp .ipsPageHeader h1,
body.ipsApp .cTopicHeader h1 {
  position: relative !important;
  color: #f6dca9 !important;
  font-size: clamp(20px, 2.2vw, 22px) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

body.ipsApp .ipsPageHeader .ipsType_light,
body.ipsApp .ipsPageHeader .ipsType_medium,
body.ipsApp .ipsPageHeader .ipsType_reset,
body.ipsApp .ipsPageHeader .ipsType_minorHeading {
  position: relative !important;
  color: rgba(244, 231, 212, 0.74) !important;
}

body.ipsApp .ipsComment,
body.ipsApp .cPost,
body.ipsApp article.ipsComment {
  border-radius: 10px !important;
  border: 1px solid rgba(239, 179, 77, 0.16) !important;
  background:
    linear-gradient(135deg, rgba(27, 16, 14, 0.94), rgba(6, 4, 4, 0.98) 72%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.018) 0 1px, transparent 1px 14px) !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 238, 202, 0.035) !important;
  overflow: hidden !important;
}

body.ipsApp .ipsComment_header,
body.ipsApp .cPost .ipsComment_header {
  border: 0 !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.12) !important;
  background:
    linear-gradient(90deg, rgba(33, 20, 17, 0.92), rgba(12, 7, 7, 0.96) 70%),
    linear-gradient(105deg, rgba(239, 179, 77, 0.08), transparent 48%) !important;
  color: #f5e1c0 !important;
  min-height: 48px !important;
}

body.ipsApp .ipsComment_author,
body.ipsApp .cAuthorPane {
  background:
    radial-gradient(circle at 50% 8%, rgba(239, 179, 77, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(18, 10, 9, 0.96), rgba(6, 3, 3, 0.98)) !important;
  border-right: 1px solid rgba(239, 179, 77, 0.10) !important;
  color: var(--rp-text) !important;
}

body.ipsApp .ipsComment_author .ipsUserPhoto,
body.ipsApp .cAuthorPane .ipsUserPhoto,
body.ipsApp .ipsComment_author .ipsUserPhoto img,
body.ipsApp .cAuthorPane .ipsUserPhoto img {
  border-radius: 50% !important;
  border: 1px solid rgba(239, 179, 77, 0.22) !important;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.42) !important;
}

body.ipsApp .ipsComment_author .ipsType_sectionHead,
body.ipsApp .cAuthorPane .ipsType_sectionHead,
body.ipsApp .ipsComment_author a,
body.ipsApp .cAuthorPane a {
  color: #f1c36b !important;
  font-weight: 800 !important;
}

body.ipsApp .ipsComment_content,
body.ipsApp .ipsComment .ipsType_richText,
body.ipsApp .cPost .ipsType_richText {
  color: rgba(244, 231, 212, 0.88) !important;
  font-size: 15px !important;
  line-height: 1.64 !important;
  background: transparent !important;
}

body.ipsApp .ipsComment .ipsType_richText,
body.ipsApp .cPost .ipsType_richText {
  padding-left: 8px !important;
  box-sizing: border-box !important;
}

body.ipsApp .ipsComment_content img,
body.ipsApp .ipsType_richText img {
  border-radius: 9px !important;
  max-width: 100% !important;
  height: auto !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34) !important;
}

body.ipsApp .ipsComment_footer,
body.ipsApp .cPost .ipsComment_footer,
body.ipsApp .ipsComment_controls {
  border-top: 1px solid rgba(239, 179, 77, 0.10) !important;
  background:
    linear-gradient(90deg, rgba(8, 5, 5, 0.98), rgba(18, 10, 9, 0.96)) !important;
}

body.ipsApp .ipsComment .ipsButton,
body.ipsApp .cPost .ipsButton {
  min-height: 36px !important;
  border-radius: 8px !important;
}

body.ipsApp .ipsComment_meta,
body.ipsApp .ipsComment_meta a {
  color: rgba(244, 231, 212, 0.68) !important;
}

body.ipsApp .ipsComment_meta a:hover {
  color: var(--rp-gold-2) !important;
}

/* Topic header: remove rating controls and lift actions into the header area. */
body.ipsApp .ipsPageHeader .ipsPos_right,
body.ipsApp .ipsPageHeader .ipsShareLinks,
body.ipsApp .ipsPageHeader [data-controller*="rating" i],
body.ipsApp .ipsPageHeader [data-role*="rating" i],
body.ipsApp .ipsPageHeader [data-role*="rate" i],
body.ipsApp .ipsPageHeader [data-action*="rate" i],
body.ipsApp .ipsPageHeader [class*="Rating"],
body.ipsApp .ipsPageHeader [class*="rating"],
body.ipsApp .cTopicHeader .ipsPos_right,
body.ipsApp .cTopicHeader .ipsShareLinks,
body.ipsApp .cTopicHeader [data-controller*="rating" i],
body.ipsApp .cTopicHeader [data-role*="rating" i],
body.ipsApp .cTopicHeader [data-role*="rate" i],
body.ipsApp .cTopicHeader [data-action*="rate" i],
body.ipsApp .cTopicHeader [class*="Rating"],
body.ipsApp .cTopicHeader [class*="rating"],
body.ipsApp #elTopicRating,
body.ipsApp #elTopicRating_menu,
body.ipsApp [id*="TopicRating"],
body.ipsApp [id*="topicRating"],
body.ipsApp .ipsPageHeader [class*="ipsFlex-flex:00"][class*="ipsType_light"],
body.ipsApp .cTopicHeader [class*="ipsFlex-flex:00"][class*="ipsType_light"] {
  display: none !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader,
body.ipsApp .cTopicHeader {
  min-height: 188px !important;
  padding-right: 520px !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton),
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton),
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
body.ipsApp .cTopic .ipsToolList:has(.ipsButton),
body.ipsApp .cTopic .ipsPageActions:has(.ipsButton),
body.ipsApp [data-role="topicActions"] {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 720px !important;
  margin: -98px 24px 54px auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList > li,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions > li,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton) > li,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton) > li,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) > li,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) > li,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) > li,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) > li,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) > li,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) > li,
body.ipsApp .cTopic .ipsToolList:has(.ipsButton) > li,
body.ipsApp .cTopic .ipsPageActions:has(.ipsButton) > li,
body.ipsApp [data-role="topicActions"] > li {
  margin: 0 !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList .ipsButton,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions .ipsButton,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton) .ipsButton,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton) .ipsButton,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton,
body.ipsApp .cTopic .ipsToolList:has(.ipsButton) .ipsButton,
body.ipsApp .cTopic .ipsPageActions:has(.ipsButton) .ipsButton,
body.ipsApp a#elTopicActions.ipsButton,
body.ipsApp [data-role="topicActions"] .ipsButton {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  line-height: 34px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  border: 1px solid rgba(239, 179, 77, 0.38) !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 224, 148, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(48, 29, 18, 0.95), rgba(8, 5, 5, 0.98) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.10),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 22px rgba(0, 0, 0, 0.30) !important;
  color: #fff1d5 !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList .ipsButton:hover,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions .ipsButton:hover,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton) .ipsButton:hover,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton) .ipsButton:hover,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton:hover,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton:hover,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton:hover,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton:hover,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton:hover,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton:hover,
body.ipsApp .cTopic .ipsToolList:has(.ipsButton) .ipsButton:hover,
body.ipsApp .cTopic .ipsPageActions:has(.ipsButton) .ipsButton:hover,
body.ipsApp a#elTopicActions.ipsButton:hover,
body.ipsApp [data-role="topicActions"] .ipsButton:hover {
  border-color: rgba(255, 213, 130, 0.58) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 210, 124, 0.13) 42%, rgba(255, 244, 206, 0.18) 50%, transparent 62%),
    linear-gradient(135deg, rgba(61, 36, 21, 0.98), rgba(10, 6, 5, 0.99) 72%) !important;
  background-size: 240% 100%, 100% 100% !important;
  animation: rpSheen 5s linear infinite !important;
  color: #fff7e8 !important;
}

body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList .ipsButton_important,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions .ipsButton_important,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton) .ipsButton_important,
body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton) .ipsButton_important,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton_important,
body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton_important,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton_important,
body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton_important,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions) .ipsButton_important,
body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]) .ipsButton_important,
body.ipsApp .cTopic .ipsToolList:has(.ipsButton) .ipsButton_important,
body.ipsApp .cTopic .ipsPageActions:has(.ipsButton) .ipsButton_important,
body.ipsApp a#elTopicActions.ipsButton_important,
body.ipsApp [data-role="topicActions"] .ipsButton_important {
  border-color: rgba(255, 145, 145, 0.42) !important;
  color: #ffd2cf !important;
}

@media screen and (max-width: 979px) {
  body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader,
  body.ipsApp .cTopicHeader {
    min-height: 0 !important;
    padding-right: 22px !important;
  }

  body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsToolList,
  body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader + .ipsPageActions,
  body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsToolList:has(.ipsButton),
  body.ipsApp [data-pagecontroller="topic"] .ipsPageHeader ~ .ipsPageActions:has(.ipsButton),
  body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
  body.ipsApp .ipsPageHeader + .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
  body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
  body.ipsApp .ipsPageHeader ~ .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
  body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a#elTopicActions),
  body.ipsApp [data-pagecontroller="topic"] .ipsClearfix > ul.ipsToolList_horizontal:has(a[data-action="replyToTopic"]),
  body.ipsApp .cTopic .ipsToolList:has(.ipsButton),
  body.ipsApp .cTopic .ipsPageActions:has(.ipsButton),
  body.ipsApp [data-role="topicActions"] {
    margin: 12px 0 18px !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    max-width: none !important;
  }
}

/* Absolute final nav/profile override. Keep this at the bottom. */
body.ipsApp #ipsLayout_header,
body.ipsApp #ipsLayout_header > *,
body.ipsApp #ipsLayout_header .ipsLayout_container,
body.ipsApp #ipsLayout_header .ta_headerContainer,
body.ipsApp #ipsLayout_header .ta_navContainer,
body.ipsApp #ipsLayout_header nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul,
body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav,
body.ipsApp #ipsLayout_header .cUserNav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header::before,
body.ipsApp #ipsLayout_header::after,
body.ipsApp #ipsLayout_header .ipsLayout_container::before,
body.ipsApp #ipsLayout_header .ipsLayout_container::after,
body.ipsApp #ipsLayout_header .ta_headerContainer::before,
body.ipsApp #ipsLayout_header .ta_headerContainer::after,
body.ipsApp #ipsLayout_header .ta_navContainer::before,
body.ipsApp #ipsLayout_header .ta_navContainer::after,
body.ipsApp #ipsLayout_header nav::before,
body.ipsApp #ipsLayout_header nav::after,
body.ipsApp #ipsLayout_header #elUserNav::before,
body.ipsApp #ipsLayout_header #elUserNav::after,
body.ipsApp #ipsLayout_header .ta_userNav::before,
body.ipsApp #ipsLayout_header .ta_userNav::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav,
body.ipsApp #ipsLayout_header .ta_userNav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) {
  position: relative !important;
  z-index: 12 !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 42px !important;
  margin: 0 -8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  z-index: 14 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) .ipsUserPhoto img,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) img,
body.ipsApp #ipsLayout_header a#elUserLink .ipsUserPhoto,
body.ipsApp #ipsLayout_header a#elUserLink .ipsUserPhoto img {
  position: static !important;
  display: block !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 224, 164, 0.28) !important;
  object-fit: cover !important;
  box-shadow: 0 0 12px rgba(239, 179, 77, 0.18) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a#elUserLink) {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 126px !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header a#elUserLink {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 24px 0 44px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(239, 179, 77, 0.42) !important;
  background:
    radial-gradient(circle at 20% 24%, rgba(255, 224, 148, 0.18), transparent 43%),
    linear-gradient(135deg, rgba(50, 31, 20, 0.98), rgba(7, 4, 4, 0.99) 74%),
    repeating-linear-gradient(135deg, rgba(255, 217, 139, 0.035) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.12),
    inset 0 -1px 0 rgba(176, 111, 30, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #fff2dc !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  justify-content: flex-start !important;
  padding: 0 20px 0 8px !important;
}

/* Profile button spacing polish: add 6px of inner air on both sides. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  padding-left: 14px !important;
  padding-right: 20px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a {
  left: 24px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a#elUserLink) {
  flex-basis: 138px !important;
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li > a#elUserLink,
body.ipsApp #ipsLayout_header a#elUserLink {
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  padding-left: 50px !important;
  padding-right: 30px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#elUserLink:has(.ipsUserPhoto),
body.ipsApp #ipsLayout_header .ta_userNav > li#elUserLink:has(.ipsUserPhoto),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a#elUserLink .ipsUserPhoto),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a#elUserLink .ipsUserPhoto) {
  flex-basis: 166px !important;
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#elUserLink:has(.ipsUserPhoto) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li#elUserLink:has(.ipsUserPhoto) > a,
body.ipsApp #ipsLayout_header #elUserNav > li > a#elUserLink:has(.ipsUserPhoto),
body.ipsApp #ipsLayout_header .ta_userNav > li > a#elUserLink:has(.ipsUserPhoto),
body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  padding-left: 15px !important;
  padding-right: 20px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header a#elUserLink .ipsUserPhoto {
  transform: translateX(10px) !important;
}

/* Tighten the logged-in avatar/name pair without pinning the avatar to the edge. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  gap: 6px !important;
  min-width: 148px !important;
  padding-left: 12px !important;
  padding-right: 14px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto {
  margin-left: 6px !important;
  margin-right: -2px !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 4px !important;
  padding-right: 10px !important;
}

/* Center the logged-in profile cluster as one unit: avatar + name + caret. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 0 0 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto {
  position: static !important;
  flex: 0 0 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  justify-content: center !important;
  gap: 7px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Final center nudge: move the fixed avatar/name/caret cluster as one visual unit. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink {
  transform: translateX(10px) !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  transform: translateX(10px) !important;
}

/* Exact profile avatar inset: 8px from the left button edge to the avatar. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  justify-content: flex-start !important;
  gap: 7px !important;
  flex: 0 0 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  padding-left: 8px !important;
  padding-right: 12px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto {
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a#elUserLink {
  transform: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.ipsApp #ipsLayout_header a#elUserLink:has(.ipsUserPhoto) {
  justify-content: flex-start !important;
  transform: none !important;
  padding-left: 8px !important;
  padding-right: 12px !important;
}

/* Exact split profile inset: avatar is rendered in the li before the username. */
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a {
  left: 30px !important;
  transform: translateY(-50%) !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a {
  transform: translateX(6px) !important;
}

/* Hard profile avatar inset: keep the avatar off the left edge. */
body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink {
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  padding-left: 8px !important;
  padding-right: 12px !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav > li#cUserLink > a.ipsUserPhoto {
  position: static !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  margin-left: 14px !important;
  padding: 0 !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  padding-left: 8px !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) > a {
  position: static !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header #elUserNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(:has(> a#elUserLink)):has(+ li > a#elUserLink) + li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(.ipsUserPhoto):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a,
body.ipsApp #ipsLayout_header .ta_userNav > li:has(> a > img):not(#elUserLink):has(+ li#elUserLink) + li#elUserLink > a {
  transform: none !important;
}

/* Guest auth visibility guard: keep the login/register container visible in the desktop header. */
body.ipsApp #ipsLayout_header .focus-user {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut > li#elSignInLink,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut > li:has(> a#elRegisterButton) {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  height: 42px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Compact text only in pinned topics and right sidebar topic widgets. */
body.ipsApp [data-pagecontroller="forums"] .ipsPageHeader .ipsType_pageTitle,
body.ipsApp [data-pagecontroller="forums"] .ipsPageHeader h1 {
  font-size: clamp(20px, 1.55vw, 26px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.025em !important;
}

body.ipsApp [data-pagecontroller="forums"] .ipsPageHeader .ipsType_light,
body.ipsApp [data-pagecontroller="forums"] .ipsPageHeader .ipsType_medium,
body.ipsApp [data-pagecontroller="forums"] .ipsPageHeader .ipsType_reset {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.ipsApp .ipsDataList:not(.cForumList) > .ipsDataItem .ipsDataItem_title a,
body.ipsApp .ipsWidget.ipsWidget_vertical .ipsDataItem_title a,
body.ipsApp .ipsWidget_vertical .ipsDataItem_main a:not(.ipsButton) {
  font-size: 14px !important;
  line-height: 1.28 !important;
}

body.ipsApp .ipsDataList:not(.cForumList) > .ipsDataItem .ipsDataItem_meta,
body.ipsApp .ipsDataList:not(.cForumList) > .ipsDataItem .ipsDataItem_meta a,
body.ipsApp .ipsDataList:not(.cForumList) > .ipsDataItem .ipsDataItem_stats,
body.ipsApp .ipsWidget.ipsWidget_vertical .ipsDataItem_meta,
body.ipsApp .ipsWidget.ipsWidget_vertical .ipsDataItem_meta a,
body.ipsApp .ipsWidget.ipsWidget_vertical .ipsDataItem_stats {
  font-size: 12px !important;
  line-height: 1.34 !important;
}

body.ipsApp .ipsWidget.ipsWidget_vertical .ipsBadge,
body.ipsApp .ipsWidget.ipsWidget_vertical .ipsPagination,
body.ipsApp .ipsDataList:not(.cForumList) > .ipsDataItem .ipsPagination {
  font-size: 10px !important;
}

/* Final layer: post bottom strip and like/reaction button. Must stay at file end. */
body.ipsApp article.ipsComment .ipsItemControls,
body.ipsApp article.cPost .ipsItemControls,
body.ipsApp .cPost .ipsItemControls {
  position: relative !important;
  min-height: 48px !important;
  overflow: visible !important;
  border-top: 1px solid rgba(239, 179, 77, 0.18) !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.08) !important;
  background:
    radial-gradient(circle at 88% 50%, rgba(239, 179, 77, 0.11), transparent 34%),
    linear-gradient(90deg, rgba(8, 5, 4, 0.99), rgba(28, 16, 12, 0.97) 52%, rgba(8, 5, 4, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.045),
    inset 0 -1px 0 rgba(0, 0, 0, 0.44) !important;
}

body.ipsApp article.ipsComment .ipsItemControls::before,
body.ipsApp article.cPost .ipsItemControls::before,
body.ipsApp .cPost .ipsItemControls::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 210, 124, 0.10) 43%, rgba(255, 244, 206, 0.13) 50%, transparent 62%) !important;
  background-size: 260% 100% !important;
  animation: rpSheen 7s linear infinite !important;
}

body.ipsApp article.ipsComment .ipsItemControls > *,
body.ipsApp article.cPost .ipsItemControls > *,
body.ipsApp .cPost .ipsItemControls > * {
  position: relative !important;
  z-index: 1 !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsComment_controls,
body.ipsApp article.cPost .ipsItemControls .ipsComment_controls,
body.ipsApp .cPost .ipsItemControls .ipsComment_controls {
  min-height: 48px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact,
body.ipsApp article.cPost .ipsItemControls .ipsReact,
body.ipsApp .cPost .ipsItemControls .ipsReact,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button,
body.ipsApp .cPost .ipsItemControls .ipsReact_button,
body.ipsApp article.ipsComment .ipsItemControls .ipsReact_reaction,
body.ipsApp article.cPost .ipsItemControls .ipsReact_reaction,
body.ipsApp .cPost .ipsItemControls .ipsReact_reaction,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp .cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"],
body.ipsApp article.ipsComment .ipsItemControls .ipsReputation_count,
body.ipsApp article.cPost .ipsItemControls .ipsReputation_count,
body.ipsApp .cPost .ipsItemControls .ipsReputation_count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(239, 179, 77, 0.46) !important;
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 231, 175, 0.25), transparent 42%),
    linear-gradient(135deg, rgba(58, 36, 22, 0.98), rgba(9, 5, 4, 0.99) 74%) !important;
  color: #ffd77a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 196, 0.15),
    inset 0 -1px 0 rgba(176, 111, 30, 0.20),
    0 0 18px rgba(239, 179, 77, 0.20),
    0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button:hover,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button:hover,
body.ipsApp .cPost .ipsItemControls .ipsReact_button:hover,
body.ipsApp article.ipsComment .ipsItemControls .ipsReact_reaction:hover,
body.ipsApp article.cPost .ipsItemControls .ipsReact_reaction:hover,
body.ipsApp .cPost .ipsItemControls .ipsReact_reaction:hover,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep [data-action="giveReputation"]:hover {
  border-color: rgba(255, 215, 122, 0.66) !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255, 210, 124, 0.17) 42%, rgba(255, 244, 206, 0.23) 50%, transparent 62%),
    linear-gradient(135deg, rgba(70, 43, 25, 0.98), rgba(10, 6, 5, 0.99) 74%) !important;
  background-size: 240% 100%, 100% 100% !important;
  animation: rpSheen 5s linear infinite !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button img,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button img,
body.ipsApp .cPost .ipsItemControls .ipsReact_button img,
body.ipsApp article.ipsComment .ipsItemControls .ipsReact_reaction img,
body.ipsApp article.cPost .ipsItemControls .ipsReact_reaction img,
body.ipsApp .cPost .ipsItemControls .ipsReact_reaction img,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep img,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep img,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep img {
  width: 22px !important;
  height: 22px !important;
  filter:
    sepia(1)
    saturate(1.25)
    hue-rotate(350deg)
    brightness(1.08)
    drop-shadow(0 0 7px rgba(239, 179, 77, 0.30)) !important;
}

body.ipsApp article.ipsComment .ipsItemControls .ipsReact_button i,
body.ipsApp article.cPost .ipsItemControls .ipsReact_button i,
body.ipsApp .cPost .ipsItemControls .ipsReact_button i,
body.ipsApp article.ipsComment .ipsItemControls .ipsLikeRep i,
body.ipsApp article.cPost .ipsItemControls .ipsLikeRep i,
body.ipsApp .cPost .ipsItemControls .ipsLikeRep i,
body.ipsApp article.ipsComment .ipsItemControls .ipsReputation_count i,
body.ipsApp article.cPost .ipsItemControls .ipsReputation_count i,
body.ipsApp .cPost .ipsItemControls .ipsReputation_count i {
  color: #ffd77a !important;
  text-shadow: 0 0 10px rgba(239, 179, 77, 0.36) !important;
}

/* EOF mirror: header menu/user controls must stay below all legacy IPS overrides. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_37 > a::before {
  content: "\f015" !important;
  color: #fff3c6 !important;
  border-color: rgba(255, 201, 95, 0.58) !important;
  background: radial-gradient(circle at 35% 25%, rgba(255, 246, 201, 0.55), transparent 37%), linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 0 16px rgba(245, 178, 65, 0.38) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_41 > a::before {
  content: "\f0ac" !important;
  color: #dffbff !important;
  border-color: rgba(105, 221, 229, 0.50) !important;
  background: radial-gradient(circle at 35% 25%, rgba(213, 255, 255, 0.46), transparent 37%), linear-gradient(145deg, #267f83, #174b54 62%, #071d23) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(83, 211, 221, 0.34) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a::before {
  content: "\f007" !important;
  color: #eeffe9 !important;
  border-color: rgba(123, 226, 132, 0.50) !important;
  background: radial-gradient(circle at 35% 25%, rgba(224, 255, 220, 0.48), transparent 37%), linear-gradient(145deg, #2e8a4d, #1c5a32 62%, #092012) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(102, 220, 118, 0.34) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a::before {
  content: "\f09d" !important;
  color: #fff2d9 !important;
  border-color: rgba(255, 160, 111, 0.52) !important;
  background: radial-gradient(circle at 35% 25%, rgba(255, 225, 188, 0.46), transparent 37%), linear-gradient(145deg, #a95432, #6b2c21 62%, #250b08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(236, 103, 69, 0.32) !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f0c9" !important;
  color: #fff5d8 !important;
  border-color: rgba(255, 214, 128, 0.50) !important;
  background: radial-gradient(circle at 35% 25%, rgba(255, 244, 204, 0.48), transparent 37%), linear-gradient(145deg, #a27935, #5b3d18 62%, #1c1006) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0 16px rgba(255, 196, 92, 0.32) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 150px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 14px 0 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(82, 62, 54, 0.78) !important;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 214, 134, 0.10) 42%, rgba(255, 247, 216, 0.15) 50%, transparent 62%), radial-gradient(circle at 30px 18px, rgba(255, 208, 110, 0.16), transparent 32px), linear-gradient(160deg, rgba(39, 29, 24, 0.96), rgba(7, 4, 4, 0.99)) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 229, 183, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.40), 0 12px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink) > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink > a.ipsUserPhoto,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink) > a.ipsUserPhoto {
  position: static !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 0 0 14px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink > a#elUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li > a#elUserLink {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff2dc !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) {
  --rp-user-icon: #ffd77a;
  --rp-user-icon-glow: rgba(255, 192, 76, 0.25);
  --rp-user-icon-bg: radial-gradient(circle at 35% 25%, rgba(255, 239, 190, 0.28), transparent 39%), linear-gradient(145deg, rgba(67, 43, 20, 0.94), rgba(15, 8, 7, 0.99));
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(82, 62, 54, 0.78) !important;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 214, 134, 0.09) 42%, rgba(255, 247, 216, 0.14) 50%, transparent 62%), linear-gradient(160deg, rgba(34, 25, 22, 0.96), rgba(7, 4, 4, 0.99)) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 229, 183, 0.13), inset 0 -1px 0 rgba(0, 0, 0, 0.40), 0 12px 24px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:nth-of-type(2),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:nth-of-type(2) {
  --rp-user-icon: #dffbff;
  --rp-user-icon-glow: rgba(83, 211, 221, 0.32);
  --rp-user-icon-bg: radial-gradient(circle at 35% 25%, rgba(213, 255, 255, 0.42), transparent 38%), linear-gradient(145deg, #267f83, #174b54 62%, #071d23);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:nth-of-type(3),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:nth-of-type(3) {
  --rp-user-icon: #fff3c6;
  --rp-user-icon-glow: rgba(245, 178, 65, 0.34);
  --rp-user-icon-bg: radial-gradient(circle at 35% 25%, rgba(255, 246, 201, 0.50), transparent 38%), linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:nth-of-type(4),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:nth-of-type(4) {
  --rp-user-icon: #ffe5d6;
  --rp-user-icon-glow: rgba(236, 103, 69, 0.30);
  --rp-user-icon-bg: radial-gradient(circle at 35% 25%, rgba(255, 225, 188, 0.42), transparent 38%), linear-gradient(145deg, #a95432, #6b2c21 62%, #250b08);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:not(#cUserLink):not(#elSignInLink):not(.elUserNav_sep):not([data-focus-toggle-theme]):not(:has(> a#elUserLink)):not(:has(> a#elRegisterButton)):not(:has(> a.ipsUserPhoto)):not(:has(> a > img)) > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--rp-user-icon-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 13px var(--rp-user-icon-glow) !important;
  color: var(--rp-user-icon) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a .fa {
  color: var(--rp-user-icon) !important;
  font-size: 15px !important;
  text-shadow: 0 0 10px var(--rp-user-icon-glow), 0 1px 0 rgba(0, 0, 0, 0.70) !important;
}

/* Hard removal for empty Focus editor/theme buttons in the user nav. */
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon[data-focus-editor],
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon[data-focus-toggle-theme],
body.ipsApp #ipsLayout_header #elUserNav.cSignedOut > li.cUserNav_icon[data-focus-editor],
body.ipsApp #ipsLayout_header #elUserNav.cSignedOut > li.cUserNav_icon[data-focus-toggle-theme],
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon[data-focus-editor],
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon[data-focus-toggle-theme],
body.ipsApp #ipsLayout_header .ta_userNav.cSignedOut > li.cUserNav_icon[data-focus-editor],
body.ipsApp #ipsLayout_header .ta_userNav.cSignedOut > li.cUserNav_icon[data-focus-toggle-theme] {
  display: none !important;
  visibility: hidden !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Remove Focus theme/color selector buttons from the header. */
body.ipsApp #ipsLayout_header [data-focus-editor],
body.ipsApp #ipsLayout_header [data-focus-editor] *,
body.ipsApp #ipsLayout_header [data-focus-toggle-theme],
body.ipsApp #ipsLayout_header [data-focus-toggle-theme] *,
body.ipsApp #ipsLayout_header .focus-picker,
body.ipsApp #ipsLayout_header .focus-picker *,
body.ipsApp #ipsLayout_header .ta_themeSlider,
body.ipsApp #ipsLayout_header .ta_themeSlider * {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Remove the large content shell fill behind forum blocks. */
body.ipsApp #ipsLayout_body,
body.ipsApp #ipsLayout_body > .ipsLayout_container,
body.ipsApp #ipsLayout_body.ipsLayout_container,
body.ipsApp #ipsLayout_contentArea,
body.ipsApp #ipsLayout_contentWrapper,
body.ipsApp .focus-content,
body.ipsApp .focus-content-padding {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Remove glossy sheen from header buttons. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a:hover,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-active] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavActive_menu > a {
  background: linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(18, 13, 16, 0.99)) !important;
  background-size: 100% 100% !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a:hover::after,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a .ipsNavBar_active__identifier,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[id^="elNavSecondary_"] > a .ipsNavBar_active__identifier {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li#cUserLink,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elUserLink),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon {
  background: linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(8, 5, 5, 0.99)) !important;
  background-size: 100% 100% !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon > a {
  background: transparent !important;
  background-image: none !important;
  animation: none !important;
}

/* Right align and normalize user icon buttons. Keep at EOF. */
body.ipsApp #ipsLayout_header .focus-nav-bar > .ipsLayout_container,
body.ipsApp #ipsLayout_header .focus-header-align {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header .focus-nav {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

body.ipsApp #ipsLayout_header .focus-user {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: max-content !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) {
  --rp-user-icon: #fff3c6;
  --rp-user-icon-border: rgba(255, 201, 95, 0.52);
  --rp-user-icon-glow: rgba(245, 178, 65, 0.28);
  --rp-user-icon-bg:
    radial-gradient(circle at 34% 24%, rgba(255, 246, 201, 0.50), transparent 42%),
    linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607);
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(83, 63, 54, 0.68) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.045), rgba(255, 239, 216, 0) 42%),
    linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(18, 13, 16, 0.99)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 184, 60, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(2),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(2),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(5),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(5) {
  --rp-user-icon: #dffbff;
  --rp-user-icon-border: rgba(105, 221, 229, 0.50);
  --rp-user-icon-glow: rgba(83, 211, 221, 0.34);
  --rp-user-icon-bg:
    radial-gradient(circle at 34% 24%, rgba(213, 255, 255, 0.46), transparent 42%),
    linear-gradient(145deg, #267f83, #174b54 62%, #071d23);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(6),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(6) {
  --rp-user-icon: #eeffe9;
  --rp-user-icon-border: rgba(123, 226, 132, 0.50);
  --rp-user-icon-glow: rgba(102, 220, 118, 0.32);
  --rp-user-icon-bg:
    radial-gradient(circle at 34% 24%, rgba(224, 255, 220, 0.48), transparent 42%),
    linear-gradient(145deg, #2e8a4d, #1c5a32 62%, #092012);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(7),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(7) {
  --rp-user-icon: #fff2d9;
  --rp-user-icon-border: rgba(255, 160, 111, 0.52);
  --rp-user-icon-glow: rgba(236, 103, 69, 0.30);
  --rp-user-icon-bg:
    radial-gradient(circle at 34% 24%, rgba(255, 225, 188, 0.46), transparent 42%),
    linear-gradient(145deg, #a95432, #6b2c21 62%, #250b08);
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--rp-user-icon-border) !important;
  border-radius: 8px !important;
  background: var(--rp-user-icon-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36),
    0 0 14px var(--rp-user-icon-glow) !important;
  color: var(--rp-user-icon) !important;
  text-decoration: none !important;
  transform: none !important;
  animation: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa {
  color: var(--rp-user-icon) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-shadow: 0 0 9px var(--rp-user-icon-glow), 0 1px 0 rgba(0, 0, 0, 0.70) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]):hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]):hover {
  border-color: rgba(255, 202, 103, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 184, 60, 0.30),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    0 0 18px rgba(255, 184, 60, 0.18),
    0 12px 24px rgba(0, 0, 0, 0.38) !important;
  transform: translateY(-1px) !important;
}

/* Keep the whole right-side icon button clickable; only the glyph gets the colored tile. */
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  border: 1px solid var(--rp-user-icon-border) !important;
  border-radius: 8px !important;
  background: var(--rp-user-icon-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36),
    0 0 14px var(--rp-user-icon-glow) !important;
}

/* Profile dropdown tools moved from the separate right-side buttons. */
body.ipsApp #elUserLink_menu .rpProfileMenuTool,
body.ipsApp .ipsMenu .rpProfileMenuTool {
  display: block !important;
  width: 100% !important;
  min-width: 210px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool + .rpProfileMenuTool,
body.ipsApp .ipsMenu .rpProfileMenuTool + .rpProfileMenuTool {
  margin-top: 4px !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool > a,
body.ipsApp .ipsMenu .rpProfileMenuTool > a.rpProfileMenuTool_link {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(83, 63, 54, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.035), rgba(255, 239, 216, 0) 44%),
    linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(14, 10, 12, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 184, 60, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36) !important;
  color: #fff1d9 !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool > a:hover,
body.ipsApp .ipsMenu .rpProfileMenuTool > a.rpProfileMenuTool_link:hover {
  border-color: rgba(255, 202, 103, 0.48) !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.055), rgba(255, 239, 216, 0) 44%),
    linear-gradient(160deg, rgba(43, 32, 26, 0.99), rgba(17, 11, 12, 0.99)) !important;
  color: #fff6e6 !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool_icon,
body.ipsApp .ipsMenu .rpProfileMenuTool_icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  color: #fff3c6 !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 246, 201, 0.46), transparent 42%),
    linear-gradient(145deg, #b48232, #6b4117 62%, #2a1607) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 12px rgba(245, 178, 65, 0.26) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool[data-rp-profile-tool="messages"] .rpProfileMenuTool_icon,
body.ipsApp .ipsMenu .rpProfileMenuTool[data-rp-profile-tool="messages"] .rpProfileMenuTool_icon {
  color: #eeffe9 !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(224, 255, 220, 0.46), transparent 42%),
    linear-gradient(145deg, #2e8a4d, #1c5a32 62%, #092012) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 12px rgba(102, 220, 118, 0.24) !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool[data-rp-profile-tool="search"] .rpProfileMenuTool_icon,
body.ipsApp .ipsMenu .rpProfileMenuTool[data-rp-profile-tool="search"] .rpProfileMenuTool_icon {
  color: #dffbff !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(213, 255, 255, 0.42), transparent 42%),
    linear-gradient(145deg, #267f83, #174b54 62%, #071d23) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 12px rgba(83, 211, 221, 0.24) !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuTool_label,
body.ipsApp .ipsMenu .rpProfileMenuTool_label {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* CSS-only profile menu links: move the three header icons into the ADMIN dropdown area. */
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) {
  position: relative !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) {
  --rp-profile-link-row: 0;
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 8px + (42px * var(--rp-profile-link-row))) !important;
  z-index: 11050 !important;
  display: block !important;
  flex: none !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  overflow: visible !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) {
  --rp-profile-link-row: 1;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) {
  --rp-profile-link-row: 2;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut):hover > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut):focus-within > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut):hover > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut):focus-within > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(83, 63, 54, 0.66) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.04), rgba(255, 239, 216, 0) 44%),
    linear-gradient(160deg, rgba(35, 27, 25, 0.99), rgba(12, 8, 10, 0.99)) !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 184, 60, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36) !important;
  color: #fff1d9 !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a:hover {
  border-color: rgba(255, 202, 103, 0.48) !important;
  background:
    linear-gradient(180deg, rgba(255, 239, 216, 0.06), rgba(255, 239, 216, 0) 44%),
    linear-gradient(160deg, rgba(43, 32, 26, 0.99), rgba(17, 11, 12, 0.99)) !important;
  color: #fff6e6 !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a i,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a .fa {
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  font-size: 12px !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after {
  display: inline-block !important;
  content: "Уведомления" !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background: none !important;
  box-shadow: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="messenger" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="messages" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="inbox" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="messenger" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="messages" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="inbox" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after {
  content: "Сообщения" !important;
}

/* Final removal for standalone header utility icons.
   Text links must be added inside the profile dropdown by markup/JS, not by these floating buttons. */
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not(#cUserLink):not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not(#cUserLink):not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="notifications" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="notification" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="search" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="search" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="notifications" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="notification" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="search" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="search" i]) {
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  z-index: -1 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(i[class*="search" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(i[class*="search" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after {
  content: "Поиск" !important;
}
/* Plain text utility links injected into the ADMIN profile dropdown. */
body.ipsApp #elUserLink_menu .rpProfileMenuUtility,
body.ipsApp #cUserLink_menu .rpProfileMenuUtility,
body.ipsApp .ipsMenu .rpProfileMenuUtility {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuUtility > a,
body.ipsApp #cUserLink_menu .rpProfileMenuUtility > a,
body.ipsApp .ipsMenu .rpProfileMenuUtility > a {
  box-sizing: border-box !important;
  display: block !important;
  min-height: 38px !important;
  padding: 11px 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #efd9ac !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuUtility > a:hover,
body.ipsApp #cUserLink_menu .rpProfileMenuUtility > a:hover,
body.ipsApp .ipsMenu .rpProfileMenuUtility > a:hover {
  background: rgba(255, 214, 131, 0.06) !important;
  color: #fff3dc !important;
}

body.ipsApp #elUserLink_menu .rpProfileMenuUtilitySep,
body.ipsApp #cUserLink_menu .rpProfileMenuUtilitySep,
body.ipsApp .ipsMenu .rpProfileMenuUtilitySep {
  display: block !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 6px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 219, 160, 0.10) !important;
  background: transparent !important;
}
/* CSS fallback: show the original notification/message/search anchors as plain text rows inside ADMIN menu. */
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #elUserLink_menu > li:nth-child(4),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #cUserLink_menu > li:nth-child(4) {
  margin-top: 120px !important;
}

body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications),
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox),
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch),
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) {
  --rp-profile-menu-row: 0;
  box-sizing: border-box !important;
  position: absolute !important;
  left: -76px !important;
  top: calc(100% + 142px + (40px * var(--rp-profile-menu-row))) !important;
  z-index: 200000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 338px !important;
  min-width: 338px !important;
  max-width: 338px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) {
  --rp-profile-menu-row: 1;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) {
  --rp-profile-menu-row: 2;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 11px 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #efd9ac !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a:hover,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a:hover,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a:hover,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a:hover,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a:hover,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a:hover {
  background: rgba(255, 214, 131, 0.06) !important;
  color: #fff3dc !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a > i,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a > i,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a > i,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a > i {
  display: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullNotifications) > a::after {
  content: "\0423\0432\0435\0434\043E\043C\043B\0435\043D\0438\044F" !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::after {
  content: "\0421\043E\043E\0431\0449\0435\043D\0438\044F" !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elSearch) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullSearch) > a::after {
  content: "\041F\043E\0438\0441\043A" !important;
}
/* Broader fallback for IPS userbar icons when their IDs differ between theme builds. */
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp:not(:has(#elUserLink_menu .rpProfileMenuUtility)):has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]),
body.ipsApp:not(:has(#cUserLink_menu .rpProfileMenuUtility)):has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) {
  --rp-profile-menu-row: 0;
  box-sizing: border-box !important;
  position: absolute !important;
  left: -76px !important;
  top: calc(100% + 142px + (40px * var(--rp-profile-menu-row))) !important;
  z-index: 200000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 338px !important;
  min-width: 338px !important;
  max-width: 338px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) {
  --rp-profile-menu-row: 1;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]),
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]),
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) {
  --rp-profile-menu-row: 2;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 11px 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #efd9ac !important;
  font-family: var(--realpvp-font, "Montserrat", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a > i,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a > i,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a > i {
  display: none !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not([data-focus-editor]):not([data-focus-toggle-theme]) > a::after {
  content: "\0423\0432\0435\0434\043E\043C\043B\0435\043D\0438\044F" !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(3) > a::after {
  content: "\0421\043E\043E\0431\0449\0435\043D\0438\044F" !important;
}

body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:nth-of-type(4) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after,
body.ipsApp:has(#elUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after,
body.ipsApp:has(#cUserLink_menu:not(.ipsHide)) #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:has(a[href*="search" i]) > a::after {
  content: "\041F\043E\0438\0441\043A" !important;
}
/* Final simplified header utility: keep only Messages as a main-menu button. */
body.ipsApp #ipsLayout_header .focus-nav-bar > .ipsLayout_container,
body.ipsApp #ipsLayout_header .focus-header-align {
  position: relative !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li.cUserNav_icon:not(:has(> a#elFullInbox)):not(:has(> a[id*="inbox" i])):not(:has(> a[href*="messenger" i])):not(:has(> a[href*="messages" i])),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li.cUserNav_icon:not(:has(> a#elFullInbox)):not(:has(> a[id*="inbox" i])):not(:has(> a[href*="messenger" i])):not(:has(> a[href*="messages" i])) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]),
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]),
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 610px !important;
  top: 0 !important;
  z-index: 300000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 154px !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  height: 42px !important;
  min-height: 42px !important;
  min-width: 154px !important;
  margin: 0 !important;
  padding: 0 16px 0 11px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip-path: polygon(8px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 8px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(63, 55, 51, 0.35) !important;
  border-right: 1px solid rgba(63, 55, 51, 0.2) !important;
  border-radius: 0 !important;
  background: linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(18, 13, 16, 0.99)) !important;
  box-shadow: none !important;
  color: rgba(215, 200, 170, 0.78) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a > *,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a > *,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a > *,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a > *,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a > *,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a > *,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a > *,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a > * {
  display: none !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::before {
  content: "\f0e0" !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  clip-path: polygon(6px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 6px) !important;
  border: 1px solid rgba(98, 224, 226, 0.32) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(220, 255, 255, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(55, 150, 160, 0.82), rgba(26, 78, 86, 0.86) 52%, rgba(14, 18, 22, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(230, 255, 255, 0.16),
    0 0 13px rgba(98, 224, 226, 0.15) !important;
  color: #e7ffff !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  transition: color 0.2s, transform 0.2s, filter 0.2s, box-shadow 0.2s !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::after,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::after,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::after {
  content: "\0421\041E\041E\0411\0429\0415\041D\0418\042F" !important;
  display: inline-block !important;
  position: static !important;
  z-index: 2 !important;
  opacity: 1 !important;
  background: none !important;
  color: rgba(215, 200, 170, 0.78) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover {
  color: #ffefd8 !important;
  background: linear-gradient(160deg, rgba(44, 34, 30, 0.98), rgba(20, 14, 16, 0.99)) !important;
  border-bottom-color: rgba(98, 224, 226, 0.20) !important;
}

body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover::before {
  color: #e7ffff !important;
  filter: drop-shadow(0 0 5px rgba(98, 224, 226, 0.52)) !important;
  transform: scale(1.15) rotate(-4deg) !important;
}
/* Hide the forum footer completely. */
body.ipsApp #ipsLayout_footer,
body.ipsApp .ipsLayout_footer,
body.ipsApp .ipsFooter,
body.ipsApp .focus-footer,
body.ipsApp .ipsfocus_footer,
body.ipsApp .ipsfocus_megaFooter,
body.ipsApp #elFooterLinks,
body.ipsApp #elCopyright,
body.ipsApp footer[role="contentinfo"],
body.ipsApp > footer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_body,
body.ipsApp .focus-content,
body.ipsApp #ipsLayout_contentWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep breathing room below the last visible forum block after the footer is hidden. */
body.ipsApp .ipsBreadcrumb_bottom,
body.ipsApp #ipsLayout_contentArea > .ipsBreadcrumb:last-child,
body.ipsApp #ipsLayout_mainArea > .ipsBreadcrumb:last-child {
  margin-bottom: 40px !important;
}

/* Bottom breadcrumb/actions bar: remove the blue-ish outline glow. */
body.ipsApp .ipsBreadcrumb_bottom,
body.ipsApp .ipsBreadcrumb_bottom::before,
body.ipsApp #ipsLayout_contentArea > .ipsBreadcrumb:last-child,
body.ipsApp #ipsLayout_contentArea > .ipsBreadcrumb:last-child::before,
body.ipsApp #ipsLayout_mainArea > .ipsBreadcrumb:last-child,
body.ipsApp #ipsLayout_mainArea > .ipsBreadcrumb:last-child::before {
  border-color: rgba(222, 169, 87, 0.18) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Final unique icon colors for Description and Messages. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f05a" !important;
  border-color: rgba(255, 132, 82, 0.36) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 226, 202, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(190, 82, 45, 0.86), rgba(119, 45, 36, 0.88) 52%, rgba(22, 15, 17, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 210, 0.16),
    0 0 13px rgba(255, 132, 82, 0.18) !important;
  color: #ffe5d5 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a:hover::before {
  color: #ffe5d5 !important;
  filter: drop-shadow(0 0 5px rgba(255, 132, 82, 0.58)) !important;
}

body.ipsApp:has(#ipsLayout_header #elUserNav:not(.cSignedOut)) #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:last-child > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a::before {
  content: "\f0e0" !important;
  border-color: rgba(183, 132, 255, 0.38) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(241, 222, 255, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(126, 82, 208, 0.86), rgba(75, 48, 132, 0.88) 52%, rgba(18, 14, 24, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(244, 229, 255, 0.16),
    0 0 13px rgba(183, 132, 255, 0.18) !important;
  color: #f4e5ff !important;
}

body.ipsApp:has(#ipsLayout_header #elUserNav:not(.cSignedOut)) #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:last-child > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover::before,
body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a#elFullInbox) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[id*="inbox" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messenger" i]) > a:hover::before,
body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a[href*="messages" i]) > a:hover::before {
  color: #f4e5ff !important;
  filter: drop-shadow(0 0 5px rgba(183, 132, 255, 0.58)) !important;
}

/* Messages menu item: override the custom nav button if it is added as a menu link. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_42 > a::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 + li[data-role="navBarItem"] > a::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:nth-of-type(5) > a::before {
  content: "\f086" !important;
  border-color: rgba(255, 109, 187, 0.38) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 225, 244, 0.46), transparent 42%),
    linear-gradient(135deg, rgba(194, 67, 139, 0.86), rgba(105, 42, 90, 0.90) 52%, rgba(24, 14, 22, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 229, 247, 0.17),
    0 0 13px rgba(255, 109, 187, 0.19) !important;
  color: #ffe5f5 !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_42 > a:hover::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a:hover::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 + li[data-role="navBarItem"] > a:hover::before,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:nth-of-type(5) > a:hover::before {
  color: #ffe5f5 !important;
  filter: drop-shadow(0 0 5px rgba(255, 109, 187, 0.58)) !important;
}

/* Unread private messages counter on the custom Messages nav button. */
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_42 > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_40 > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 + li[data-role="navBarItem"] > a,
body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:nth-of-type(5) > a {
  position: relative !important;
  overflow: visible !important;
}

body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li > a .rpNavUnreadCount {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border: 1px solid rgba(255, 226, 165, 0.52) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 229, 205, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(222, 91, 58, 0.96), rgba(136, 42, 38, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 212, 0.18),
    0 0 12px rgba(222, 91, 58, 0.42),
    0 3px 8px rgba(0, 0, 0, 0.42) !important;
  color: #fff3d7 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.76) !important;
  pointer-events: none !important;
}

/* Fullscreen site chooser overlay for the "Na sait" menu. */
body.ipsApp.rpSiteOverlayReady #elNavigation_41_menu {
  display: none !important;
}

body.ipsApp.rpSiteOverlayOpen {
  overflow: hidden !important;
}

body.ipsApp .rpSiteOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 200000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 56px 24px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(58, 25, 12, 0.90), rgba(18, 7, 4, 0.90) 58%, rgba(8, 3, 2, 0.90) 100%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .22s ease, visibility .22s ease !important;
}

body.ipsApp .rpSiteOverlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.ipsApp .rpSiteOverlay__close {
  position: absolute !important;
  top: 28px !important;
  right: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  border: 1px solid rgba(246, 220, 169, 0.28) !important;
  border-radius: 50% !important;
  background: rgba(17, 8, 5, 0.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.08),
    0 0 22px rgba(0, 0, 0, 0.42) !important;
  color: #f6dca9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: transform .16s ease, border-color .16s ease, color .16s ease, background .16s ease !important;
}

body.ipsApp .rpSiteOverlay__close:hover,
body.ipsApp .rpSiteOverlay__close:focus {
  transform: scale(1.05) !important;
  border-color: rgba(255, 226, 165, 0.54) !important;
  background: rgba(38, 18, 10, 0.78) !important;
  color: #fff0cf !important;
  outline: 0 !important;
}

body.ipsApp .rpSiteOverlay__menu {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vh, 34px) !important;
  width: min(92vw, 980px) !important;
}

body.ipsApp .rpSiteOverlay__link {
  display: block !important;
  width: 100% !important;
  color: #f6dca9 !important;
  font-size: clamp(26px, calc(8vw - 11px), 60px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.78),
    0 0 34px rgba(223, 169, 87, 0.18) !important;
  transform: translateY(12px) !important;
  opacity: 0 !important;
  transition:
    opacity .24s ease,
    transform .24s ease,
    color .16s ease,
    letter-spacing .16s ease,
    text-shadow .16s ease !important;
}

body.ipsApp .rpSiteOverlay.is-open .rpSiteOverlay__link {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

body.ipsApp .rpSiteOverlay.is-open .rpSiteOverlay__link:nth-child(2) {
  transition-delay: .05s !important;
}

body.ipsApp .rpSiteOverlay__link:hover,
body.ipsApp .rpSiteOverlay__link:focus {
  color: #fff3d7 !important;
  letter-spacing: 0.19em !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.80),
    0 0 42px rgba(255, 205, 116, 0.36),
    0 0 12px rgba(255, 236, 196, 0.20) !important;
  outline: 0 !important;
}

/* Cache-proof fallback: if IPS rebuilds root_front.js, keep "Na sait" as a fullscreen chooser. */
body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 200000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vh, 34px) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 56px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(58, 25, 12, 0.90), rgba(18, 7, 4, 0.90) 58%, rgba(8, 3, 2, 0.90) 100%) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: auto !important;
  pointer-events: none !important;
}

body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before {
  content: "\00d7" !important;
  position: fixed !important;
  top: 28px !important;
  right: 32px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(246, 220, 169, 0.28) !important;
  border-radius: 50% !important;
  background: rgba(17, 8, 5, 0.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.08),
    0 0 22px rgba(0, 0, 0, 0.42) !important;
  color: #f6dca9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 48px !important;
  text-align: center !important;
  transform: none !important;
  pointer-events: none !important;
}

body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item {
  width: min(92vw, 980px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #f6dca9 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(26px, calc(8vw - 11px), 60px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.78),
    0 0 34px rgba(223, 169, 87, 0.18) !important;
  pointer-events: none !important;
}

body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:hover,
body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:focus {
  color: #fff3d7 !important;
  background: transparent !important;
  letter-spacing: 0.19em !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.80),
    0 0 42px rgba(255, 205, 116, 0.36),
    0 0 12px rgba(255, 236, 196, 0.20) !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  body.ipsApp .rpSiteOverlay {
    padding: 48px 18px !important;
  }

  body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) {
    padding: 48px 18px !important;
  }

  body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before {
    top: 18px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 34px !important;
    line-height: 42px !important;
  }

  body.ipsApp .rpSiteOverlay__close {
    top: 18px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 34px !important;
  }

  body.ipsApp .rpSiteOverlay__link {
    font-size: clamp(23px, calc(13vw - 13px), 51px) !important;
    letter-spacing: 0.10em !important;
  }

  body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a {
    font-size: clamp(23px, calc(13vw - 13px), 51px) !important;
    letter-spacing: 0.10em !important;
  }
}

/* Align the top menu with the left edge of the forum content column. */
body.ipsApp #ipsLayout_header .focus-nav,
body.ipsApp #ipsLayout_header .ipsNavBar_primary {
  margin-left: 12px !important;
}

/* Keep the profile button on the left side of the right sidebar guide line. */
body.ipsApp #ipsLayout_header .focus-user {
  margin-right: -25px !important;
}

/* Guest auth buttons: match the main menu button style and shorten the login label. */
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  transform: none !important;
  gap: 10px !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut > li#elSignInLink,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut > li:has(> a#elRegisterButton) {
  height: 45px !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  height: 45px !important;
  min-width: 132px !important;
  padding: 0 16px 0 11px !important;
  border: 1px solid rgba(222, 169, 87, 0.32) !important;
  border-radius: 8px !important;
  background: linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(18, 13, 16, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 6px 16px rgba(0, 0, 0, 0.34) !important;
  color: #f8e5bf !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
  overflow: hidden !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn {
  min-width: 116px !important;
  font-size: 0 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton {
  min-width: 154px !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn::before,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 7px !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn::before {
  content: "\f090" !important;
  order: 1 !important;
  border: 1px solid rgba(90, 214, 224, 0.34) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(218, 255, 255, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(30, 133, 145, 0.86), rgba(18, 75, 88, 0.90) 52%, rgba(13, 18, 22, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(223, 255, 255, 0.15),
    0 0 13px rgba(90, 214, 224, 0.19) !important;
  color: #e5ffff !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn::after {
  content: "\0412\0425\041E\0414" !important;
  order: 2 !important;
  color: #f8e5bf !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn > i.fa {
  order: 3 !important;
  margin: 0 0 0 -2px !important;
  color: #f4d27d !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton::before {
  content: "\f234" !important;
  border: 1px solid rgba(255, 132, 82, 0.36) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 226, 202, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(190, 82, 45, 0.86), rgba(119, 45, 36, 0.88) 52%, rgba(22, 15, 17, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 210, 0.16),
    0 0 13px rgba(255, 132, 82, 0.18) !important;
  color: #ffe5d5 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn:hover,
body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 210, 132, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    0 8px 20px rgba(0, 0, 0, 0.42),
    0 0 18px rgba(223, 169, 87, 0.12) !important;
  color: #fff1d1 !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elUserSignIn:hover::before {
  color: #e5ffff !important;
  filter: drop-shadow(0 0 5px rgba(90, 214, 224, 0.55)) !important;
}

body.ipsApp #ipsLayout_header .focus-user #elUserNav.cSignedOut #elRegisterButton:hover::before {
  color: #ffe5d5 !important;
  filter: drop-shadow(0 0 5px rgba(255, 132, 82, 0.58)) !important;
}

/* Align guest auth buttons with the right sidebar guide line. */
body.ipsApp #ipsLayout_header .focus-user:has(#elUserNav.cSignedOut) {
  margin-right: 25px !important;
}

/* Login dropdown fields: remove the yellow autofill/input fill. */
body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="text"],
body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="email"],
body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="password"] {
  border: 1px solid rgba(222, 169, 87, 0.28) !important;
  border-radius: 7px !important;
  background: linear-gradient(160deg, rgba(42, 24, 16, 0.98), rgba(16, 9, 8, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 159, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 0 12px rgba(0, 0, 0, 0.22) !important;
  color: #f8e5bf !important;
  caret-color: #f4d27d !important;
}

body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="text"]:focus,
body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="email"]:focus,
body.ipsApp #ipsLayout_header #elUserSignIn_menu input[type="password"]:focus {
  border-color: rgba(255, 210, 132, 0.52) !important;
  background: linear-gradient(160deg, rgba(48, 27, 18, 0.99), rgba(18, 10, 8, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 168, 0.10),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 0 15px rgba(223, 169, 87, 0.14) !important;
}

body.ipsApp #ipsLayout_header #elUserSignIn_menu input:-webkit-autofill,
body.ipsApp #ipsLayout_header #elUserSignIn_menu input:-webkit-autofill:hover,
body.ipsApp #ipsLayout_header #elUserSignIn_menu input:-webkit-autofill:focus,
body.ipsApp #ipsLayout_header #elUserSignIn_menu input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #21120c inset !important;
  -webkit-text-fill-color: #f8e5bf !important;
  caret-color: #f4d27d !important;
  border-color: rgba(255, 210, 132, 0.42) !important;
  transition: background-color 9999s ease-out 0s !important;
}

/* Keep the IPS admin block-manager arrow visible while the footer stays hidden. */
body.ipsApp #ipsLayout_footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9000 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.ipsApp #ipsLayout_footer > *:not(#elWidgetControls):not(:has(#elWidgetControls)),
body.ipsApp #ipsLayout_footer .ipsLayout_container > *:not(#elWidgetControls):not(:has(#elWidgetControls)),
body.ipsApp #ipsLayout_footer #elFooterLinks,
body.ipsApp #ipsLayout_footer #elCopyright {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ipsApp #elWidgetControls {
  position: fixed !important;
  left: 0 !important;
  top: 50% !important;
  z-index: 10050 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(222, 169, 87, 0.34) !important;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  background:
    radial-gradient(circle at 42% 24%, rgba(255, 226, 165, 0.22), transparent 44%),
    linear-gradient(160deg, rgba(42, 24, 16, 0.98), rgba(13, 8, 7, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.09),
    0 8px 22px rgba(0, 0, 0, 0.40),
    0 0 15px rgba(223, 169, 87, 0.14) !important;
  color: #f8d98d !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.ipsApp #elWidgetControls .fa,
body.ipsApp #elWidgetControls i {
  display: inline-block !important;
  color: #f8d98d !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-shadow: 0 0 8px rgba(239, 179, 77, 0.42) !important;
}

body.ipsApp #elWidgetControls:hover {
  border-color: rgba(255, 210, 132, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.13),
    0 10px 26px rgba(0, 0, 0, 0.46),
    0 0 18px rgba(223, 169, 87, 0.20) !important;
  color: #fff1c8 !important;
}

body.ipsApp #elSidebarManager {
  z-index: 10040 !important;
}

/* Forum custom image icons: remove the yellow status tile and enlarge the uploaded icon by 15%. */
body.ipsApp .cForumList .ipsDataItem_icon img.ipsItemStatus_custom,
body.ipsApp .cForumRow .ipsDataItem_icon img.ipsItemStatus_custom,
body.ipsApp .ipsDataItem_icon.ipsDataItem_category img.ipsItemStatus_custom {
  display: block !important;
  width: 53px !important;
  min-width: 53px !important;
  max-width: 53px !important;
  height: 53px !important;
  min-height: 53px !important;
  max-height: 53px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  object-fit: contain !important;
}

body.ipsApp .cForumList .ipsDataItem_icon,
body.ipsApp .cForumRow .ipsDataItem_icon.ipsDataItem_category {
  min-width: 78px !important;
}

/* Add 20px breathing room between the top menu and forum content. */
body.ipsApp #ipsLayout_header {
  margin-bottom: 20px !important;
}

/* Sidebar topic feed meta is rendered server-side. */
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_topicFeed_"] .ipsDataItem_main > p.ipsType_light {
  visibility: visible !important;
}

/* Sidebar Topic Feed only: compact topic titles without touching forum lists. */
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_topicFeed_"] .ipsDataItem_main .ipsDataItem_title,
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_topicFeed_"] .ipsDataItem_main .ipsDataItem_title a {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

/* Sidebar post feed meta: keep only the date, hide "Posted/Опубликовано". */
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_postFeed_"] .ipsDataItem_main > p.ipsType_light > a.ipsType_blendLinks:has(time),
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_postFeed_"] .ipsDataItem_main > p.ipsType_light > a:has(time) {
  font-size: 0 !important;
  line-height: 1.35 !important;
}

body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_postFeed_"] .ipsDataItem_main > p.ipsType_light > a.ipsType_blendLinks:has(time) time,
body.ipsApp #ipsLayout_sidebar .ipsWidget_vertical[data-blockid^="app_forums_postFeed_"] .ipsDataItem_main > p.ipsType_light > a:has(time) time {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Topic posts: force the top post stripe into the RealPvP brown/gold palette. */
@media screen and (min-width: 768px) {
  html#focus[data-focus-post-header] body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cTopic article.cPost::before,
  html#focus[data-focus-post-header] body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] #elPostFeed article.ipsComment::before {
    background:
      radial-gradient(circle at 12% 0%, rgba(239, 179, 77, 0.12), transparent 38%),
      linear-gradient(90deg, rgba(35, 20, 16, 0.98), rgba(15, 8, 7, 0.99) 62%, rgba(7, 4, 4, 0.99) 100%) !important;
    border-bottom: 1px solid rgba(239, 179, 77, 0.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 239, 196, 0.045),
      inset 0 -1px 0 rgba(176, 111, 30, 0.16) !important;
  }
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cTopic article.cPost .ipsComment_content > .ipsComment_meta {
  background: transparent !important;
  border-bottom: 1px solid rgba(239, 179, 77, 0.14) !important;
  box-shadow: none !important;
  color: rgba(244, 231, 212, 0.72) !important;
}

/* Hide IPS topic overview/sidebar on popular topics. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cTopicOverview,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] #elContextualTools,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] #ipsLayout_sidebar:has(.cTopicOverview--sidebar) {
  display: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] #ipsLayout_sidebar:has(.cTopicOverview--sidebar) {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] #ipsLayout_mainArea {
  flex: 1 1 100% !important;
  max-width: none !important;
}

/* Hide likes/reactions on topic posts. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls .ipsReact,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls .ipsReact,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls .ipsLikeRep,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls .ipsLikeRep,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls .ipsReact_button,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls .ipsReact_button,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls .ipsReact_reaction,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls .ipsReact_reaction,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls [data-action="giveReputation"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls [data-action="giveReputation"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment .ipsItemControls .ipsReputation_count,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost .ipsItemControls .ipsReputation_count {
  display: none !important;
}

/* Profile sidebar cleanup: hide day-winner, reputation and warnings blocks. */
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsLeaderboard_trophy_1.cProfileSidebarBlock,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.cProfileRepScore),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(a[data-action="repLog"]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(a[href*="/reputation/"]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(a[href*="/warnings/"]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(a[href*="do=warn"]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has([data-role*="warning" i]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has([class*="warning" i]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has([class*="warn" i]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.fa-exclamation-circle),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.fa-exclamation-triangle),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.fa-warning),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.fa-ban),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:has(.fa-circle-o),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsPadding.ipsBox > .ipsBox:not(.ipsWidget),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsPadding.ipsBox > .ipsAreaBackground:not(.ipsWidget),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsBox:not(.ipsWidget),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsAreaBackground:not(.ipsWidget),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsBox:has(.fa-exclamation-circle),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsBox:has(.fa-exclamation-triangle),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsBox:has(.fa-warning),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn > .ipsBox > .ipsBox:has(.fa-ban) {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileStats > ul > li:has(> h4.ipsType_minorHeading + span[data-ipsTooltip]) {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileStats {
  background:
    linear-gradient(180deg, rgba(35, 15, 8, 0.98), rgba(17, 7, 4, 0.98)) !important;
  border-top: 1px solid rgba(246, 220, 169, 0.08) !important;
  border-bottom: 1px solid rgba(122, 68, 26, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileStats > ul > li {
  border-color: rgba(246, 220, 169, 0.14) !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] section.ipsColumn_fluid > .ipsBox,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileTabs_content,
html#focus body.ipsApp[data-pagecontroller="profile"] #ipsTabs_elProfileTabs_elProfileTab_activity_panel {
  background:
    linear-gradient(180deg, rgba(29, 13, 8, 0.96), rgba(17, 7, 5, 0.96)) !important;
  border-color: rgba(123, 66, 25, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 176, 0.04),
    0 10px 28px rgba(0, 0, 0, 0.26) !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileActivityOverview > .ipsStreamItem {
  background: rgba(22, 9, 6, 0.82) !important;
  border-color: rgba(124, 66, 25, 0.28) !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileActivityOverview > .ipsStreamItem:nth-child(even) {
  background: rgba(30, 13, 8, 0.78) !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileActivityOverview .ipsStreamItem_container,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileActivityOverview .ipsStreamItem_action,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileActivityOverview .ipsStreamItem_contentBlock {
  background: transparent !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem {
  margin: 0 !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem > span,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem > span,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem > span:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem > span:hover {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem > span::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem > span::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem > span::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem > span::after {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem > span,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem > span:hover {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem > span::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .ipsDataList > .ipsDataItem > span::after {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem > span,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem > span:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner > .ipsBox,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner > .ipsAreaBackground,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner > .ipsAreaBackground_reset,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner > .ipsPad_half,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner > div:not(.ipsDataList):not(.ipsGrid) {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem > span::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileSidebarBlock:not(#elFollowers):not([data-controller*="toggleBlock"]) .ipsWidget_inner .ipsDataList > .ipsDataItem > span::after {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem:hover,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .cProfileFields.ipsDataList > .ipsDataItem::after,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem::before,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileInfoColumn .ipsWidget[data-location] .cProfileFields > .ipsDataItem::after {
  display: none !important;
}

/* Profile cover: disable cover controls and force the RealPVP brown pattern. */
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsCoverPhoto_container {
  background-color: #251109 !important;
  background-image:
    linear-gradient(90deg, rgba(10, 3, 1, 0.42), rgba(80, 38, 14, 0.24) 38%, rgba(8, 3, 2, 0.50)),
    url("/front/img/rp-profile-cover-brown.svg?v=20260601-0001") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsCoverPhoto_photo {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader [data-action*="CoverPhoto" i],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader [data-role*="coverPhoto" i],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader [id*="CoverPhoto" i],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader [id*="coverPhoto" i],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader #elEditPhoto,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader #elEditPhoto_menu,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader a[href="#elEditPhoto_menu"],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader a[data-ipsMenu][href*="cover" i],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsButton[data-ipsMenu][id*="photo" i] {
  display: none !important;
}

/* Profile header actions: keep edit/settings buttons separated. */
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsToolList_horizontal,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsList_inline:has(> li > .ipsButton),
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsToolList_horizontal,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsList_inline:has(> li > .ipsButton) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsToolList_horizontal > li,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsList_inline:has(> li > .ipsButton) > li,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsToolList_horizontal > li,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsList_inline:has(> li > .ipsButton) > li {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsButton + .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsButton + .ipsButton {
  margin-left: 8px !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader li + li > .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] li + li > .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsButton:not(:first-child),
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsButton:not(:first-child),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader [class*="Button"] + [class*="Button"],
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] [class*="Button"] + [class*="Button"] {
  margin-left: 10px !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsToolList_horizontal > li + li,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsToolList_horizontal > li + li,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsList_inline > li + li,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsList_inline > li + li {
  margin-left: 10px !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsPos_right > .ipsButton + .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsPos_right > * + .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsPos_right > .ipsButton + .ipsButton,
html#focus body.ipsApp[data-pagecontroller="profile"] header[data-role="profileHeader"] .ipsPos_right > * + .ipsButton {
  margin-left: 10px !important;
}

/* Profile header: move the private-message button into the stats strip area. */
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader {
  position: relative !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumns[data-hideOnCoverEdit],
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline {
  position: static !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messenger" i]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messaging" i]),
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="do=compose" i]) {
  position: absolute !important;
  right: 236px !important;
  top: calc(100% + 11px) !important;
  bottom: auto !important;
  z-index: 12 !important;
  margin: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messenger" i]) > a,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messaging" i]) > a,
html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="do=compose" i]) > a {
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messenger" i]),
  html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="messaging" i]),
  html#focus body.ipsApp[data-pagecontroller="profile"] #elProfileHeader .ipsColumn_fluid > ul.ipsList_inline > li:has(> a[href*="do=compose" i]) {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 8px !important;
  }
}

/* Make forum row titles and descriptions 2px larger. */
body.ipsApp .cForumList .ipsDataItem_main .ipsDataItem_title,
body.ipsApp .cForumList .ipsDataItem_main .ipsDataItem_title a,
body.ipsApp .cForumRow .ipsDataItem_main .ipsDataItem_title,
body.ipsApp .cForumRow .ipsDataItem_main .ipsDataItem_title a {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.ipsApp .cForumList .ipsDataItem_main .ipsDataItem_meta,
body.ipsApp .cForumList .ipsDataItem_main .ipsType_light,
body.ipsApp .cForumRow .ipsDataItem_main .ipsDataItem_meta,
body.ipsApp .cForumRow .ipsDataItem_main .ipsType_light {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Hard target the actual forum list markup. */
html body.ipsApp .cForumList > li.cForumRow > ol[data-role="forums"] > li.cForumRow.ipsDataItem > .ipsDataItem_main > h4.ipsDataItem_title,
html body.ipsApp .cForumList > li.cForumRow > ol[data-role="forums"] > li.cForumRow.ipsDataItem > .ipsDataItem_main > h4.ipsDataItem_title > a {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

html body.ipsApp .cForumList > li.cForumRow > ol[data-role="forums"] > li.cForumRow.ipsDataItem > .ipsDataItem_main > div.ipsDataItem_meta,
html body.ipsApp .cForumList > li.cForumRow > ol[data-role="forums"] > li.cForumRow.ipsDataItem > .ipsDataItem_main > div.ipsDataItem_meta p {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Final persistent header alignment. Keep this after all header/layout rules. */
html#focus body.ipsApp #ipsLayout_header .focus-nav,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary {
  margin-left: 12px !important;
}

html#focus body.ipsApp #ipsLayout_header .focus-user {
  margin-left: auto !important;
  margin-right: -190px !important;
  transform: none !important;
}

html#focus body.ipsApp #ipsLayout_header .focus-user:has(#elUserNav.cSignedOut) {
  margin-right: 25px !important;
}

/* Persistent fullscreen "Na sait" chooser, independent from JS and datastore cache. */
html#focus body.ipsApp:has(#elNavigation_41_menu:not(.ipsHide)) {
  overflow: hidden !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp .ipsMenu#elNavigation_41_menu:not(.ipsHide) {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 200000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vh, 34px) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 56px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(58, 25, 12, 0.90), rgba(18, 7, 4, 0.90) 58%, rgba(8, 3, 2, 0.90) 100%) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: auto !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before {
  content: "\00d7" !important;
  position: fixed !important;
  top: 28px !important;
  right: 32px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(246, 220, 169, 0.28) !important;
  border-radius: 50% !important;
  background: rgba(17, 8, 5, 0.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.08),
    0 0 22px rgba(0, 0, 0, 0.42) !important;
  color: #f6dca9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 48px !important;
  text-align: center !important;
  transform: none !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item {
  display: block !important;
  width: min(92vw, 980px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #f6dca9 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(26px, calc(8vw - 11px), 60px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.78),
    0 0 34px rgba(223, 169, 87, 0.18) !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:hover,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:focus,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:hover,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a:focus {
  color: #fff3d7 !important;
  background: transparent !important;
  letter-spacing: 0.19em !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.80),
    0 0 42px rgba(255, 205, 116, 0.36),
    0 0 12px rgba(255, 236, 196, 0.20) !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide),
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) {
    padding: 48px 18px !important;
  }

  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide)::before {
    top: 18px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 34px !important;
    line-height: 42px !important;
  }

  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a {
    font-size: clamp(23px, calc(13vw - 13px), 51px) !important;
    letter-spacing: 0.10em !important;
  }
}

/* IPS dialogs: keep compose/private-message windows near the top of the viewport. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 104px 24px 46px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 150px) !important;
  margin: 0 auto !important;
  transform: none !important;
  overflow: auto !important;
}

@media (max-width: 767px) {
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) {
    padding: 74px 12px 28px !important;
  }

  html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 102px) !important;
  }
}

/* Dialog form fields: replace the blue/default outlines with the brown-gold theme. */
html#focus body.ipsApp .ipsDialog input[type="text"],
html#focus body.ipsApp .ipsDialog input[type="password"],
html#focus body.ipsApp .ipsDialog input[type="email"],
html#focus body.ipsApp .ipsDialog input[type="search"],
html#focus body.ipsApp .ipsDialog input[type="url"],
html#focus body.ipsApp .ipsDialog textarea,
html#focus body.ipsApp .ipsDialog select,
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete,
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete input,
html#focus body.ipsApp .ipsDialog .ipsTagBox,
html#focus body.ipsApp .ipsDialog .select2-container .select2-selection {
  color: #f4e7d4 !important;
  background: rgba(8, 5, 5, 0.88) !important;
  border-color: rgba(239, 179, 77, 0.30) !important;
  outline: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 200, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.18) !important;
}

html#focus body.ipsApp .ipsDialog input[type="text"]:focus,
html#focus body.ipsApp .ipsDialog input[type="password"]:focus,
html#focus body.ipsApp .ipsDialog input[type="email"]:focus,
html#focus body.ipsApp .ipsDialog input[type="search"]:focus,
html#focus body.ipsApp .ipsDialog input[type="url"]:focus,
html#focus body.ipsApp .ipsDialog textarea:focus,
html#focus body.ipsApp .ipsDialog select:focus,
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete:focus,
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete:focus-within,
html#focus body.ipsApp .ipsDialog .ipsTagBox:focus,
html#focus body.ipsApp .ipsDialog .ipsTagBox:focus-within,
html#focus body.ipsApp .ipsDialog .select2-container--focus .select2-selection {
  border-color: rgba(255, 210, 132, 0.56) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 132, 0.10),
    0 0 15px rgba(239, 179, 77, 0.12),
    inset 0 1px 0 rgba(255, 235, 200, 0.05) !important;
}

html#focus body.ipsApp .ipsDialog .cke,
html#focus body.ipsApp .ipsDialog .cke_chrome,
html#focus body.ipsApp .ipsDialog .cke_inner,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"],
html#focus body.ipsApp .ipsDialog .ipsComposeArea,
html#focus body.ipsApp .ipsDialog .ipsRichText {
  background: rgba(10, 6, 7, 0.88) !important;
  border-color: rgba(239, 179, 77, 0.26) !important;
  outline: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 200, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.22) !important;
}

html#focus body.ipsApp .ipsDialog .cke:focus,
html#focus body.ipsApp .ipsDialog .cke_chrome:focus,
html#focus body.ipsApp .ipsDialog .cke_chrome:focus-within,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus-within,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus-within,
html#focus body.ipsApp .ipsDialog .ipsRichText:focus-within {
  border-color: rgba(255, 210, 132, 0.52) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 132, 0.10),
    0 0 15px rgba(239, 179, 77, 0.12),
    inset 0 1px 0 rgba(255, 235, 200, 0.05) !important;
}

html#focus body.ipsApp .ipsDialog .cke_top,
html#focus body.ipsApp .ipsDialog .cke_bottom,
html#focus body.ipsApp .ipsDialog .cke_contents,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_dummy {
  background: transparent !important;
  border-color: rgba(239, 179, 77, 0.18) !important;
  outline: 0 !important;
}

/* Compose dialog final polish: max width, no blue editor outline, no "Other media" button. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div {
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: min(1200px, calc(100vw - 48px)) !important;
}

html#focus body.ipsApp .ipsDialog .cke,
html#focus body.ipsApp .ipsDialog .cke_chrome,
html#focus body.ipsApp .ipsDialog .cke_chrome.cke_focus,
html#focus body.ipsApp .ipsDialog .cke.cke_focus,
html#focus body.ipsApp .ipsDialog .cke_focus,
html#focus body.ipsApp .ipsDialog .cke_reset,
html#focus body.ipsApp .ipsDialog .cke_inner,
html#focus body.ipsApp .ipsDialog .cke_contents,
html#focus body.ipsApp .ipsDialog .cke_wysiwyg_frame,
html#focus body.ipsApp .ipsDialog iframe.cke_wysiwyg_frame,
html#focus body.ipsApp .ipsDialog .ipsComposeArea,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus-within,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor:focus,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"],
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus-within {
  border-color: rgba(239, 179, 77, 0.28) !important;
  outline: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 200, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.28) !important;
}

html#focus body.ipsApp .ipsDialog .cke_chrome.cke_focus,
html#focus body.ipsApp .ipsDialog .cke.cke_focus,
html#focus body.ipsApp .ipsDialog .cke_focus,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus-within,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus-within {
  border-color: rgba(255, 210, 132, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 132, 0.12),
    0 0 14px rgba(239, 179, 77, 0.10),
    inset 0 1px 0 rgba(255, 235, 200, 0.05) !important;
}

html#focus body.ipsApp .ipsDialog .cke *,
html#focus body.ipsApp .ipsDialog .ipsComposeArea * {
  outline-color: rgba(255, 210, 132, 0.38) !important;
}

html#focus body.ipsApp .ipsDialog .ipsAttachLink[data-ipsMenu],
html#focus body.ipsApp .ipsDialog .ipsComposeArea_attachments .ipsButton[data-ipsMenu],
html#focus body.ipsApp .ipsDialog .ipsComposeArea_attachments a[data-ipsMenu],
html#focus body.ipsApp .ipsDialog .ipsAttachment_dropZone .ipsButton[data-ipsMenu],
html#focus body.ipsApp .ipsDialog [data-role="attachmentArea"] .ipsButton[data-ipsMenu],
html#focus body.ipsApp .ipsDialog [data-role="attachmentArea"] a[data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elEditorAttach"][data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elEditorMedia"][data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elAttachMedia"][data-ipsMenu],
html#focus body.ipsApp .ipsDialog a[href*="media"][data-ipsMenu] {
  display: none !important;
}

/* Compose modal hard override: brown editor frame, no media dropdown, capped width. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide),
html#focus body.ipsApp .ipsDialog:not(.ipsHide).ipsDialog_active {
  width: 100vw !important;
  max-width: 100vw !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div > div,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content > div,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsBox,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) form {
  box-sizing: border-box !important;
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: min(1200px, calc(100vw - 48px)) !important;
}

html#focus body.ipsApp .ipsDialog .ipsComposeArea,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus,
html#focus body.ipsApp .ipsDialog .ipsComposeArea:focus-within,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor:focus,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp .ipsDialog .ipsEditor,
html#focus body.ipsApp .ipsDialog .ipsEditor:focus-within,
html#focus body.ipsApp .ipsDialog .ipsForm_editor,
html#focus body.ipsApp .ipsDialog .ipsForm_editor:focus-within,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"],
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"]:focus-within,
html#focus body.ipsApp .ipsDialog .cke,
html#focus body.ipsApp .ipsDialog .cke:focus,
html#focus body.ipsApp .ipsDialog .cke:focus-within,
html#focus body.ipsApp .ipsDialog .cke.cke_focus,
html#focus body.ipsApp .ipsDialog .cke_chrome,
html#focus body.ipsApp .ipsDialog .cke_chrome:focus,
html#focus body.ipsApp .ipsDialog .cke_chrome:focus-within,
html#focus body.ipsApp .ipsDialog .cke_chrome.cke_focus,
html#focus body.ipsApp .ipsDialog .cke_inner,
html#focus body.ipsApp .ipsDialog .cke_reset,
html#focus body.ipsApp .ipsDialog .cke_reset_all,
html#focus body.ipsApp .ipsDialog .cke_contents,
html#focus body.ipsApp .ipsDialog .cke_wysiwyg_div,
html#focus body.ipsApp .ipsDialog .cke_wysiwyg_frame,
html#focus body.ipsApp .ipsDialog iframe.cke_wysiwyg_frame,
html#focus body.ipsApp .ipsDialog .ipsRichText,
html#focus body.ipsApp .ipsDialog .ipsRichText:focus-within {
  border-color: rgba(239, 179, 77, 0.30) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 235, 200, 0.045) !important;
}

html#focus body.ipsApp .ipsDialog .ipsComposeArea *,
html#focus body.ipsApp .ipsDialog .ipsEditor *,
html#focus body.ipsApp .ipsDialog .ipsForm_editor *,
html#focus body.ipsApp .ipsDialog .cke *,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"] * {
  outline: 0 !important;
  outline-color: transparent !important;
}

html#focus body.ipsApp .ipsDialog .ipsComposeArea_attachments .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_attachments .ipsAttachLink,
html#focus body.ipsApp .ipsDialog .ipsAttachment_dropZone .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsAttachment_dropZone .ipsAttachLink,
html#focus body.ipsApp .ipsDialog [data-role="attachmentArea"] .ipsButton,
html#focus body.ipsApp .ipsDialog [data-role="attachmentArea"] .ipsAttachLink,
html#focus body.ipsApp .ipsDialog [data-role="attachmentArea"] a[data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elEditorAttach"][data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elEditorMedia"][data-ipsMenu],
html#focus body.ipsApp .ipsDialog [id*="elAttachMedia"][data-ipsMenu] {
  display: none !important;
}

@media (max-width: 767px) {
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div,
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div > div,
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content,
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content > div,
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsBox,
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) form {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* Compose modal overflow cleanup: keep only the shell capped, not every inner layer. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide) {
  overflow-x: hidden !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div {
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: min(1200px, calc(100vw - 48px)) !important;
  overflow-x: hidden !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div > div,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsDialog_content > div,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsBox,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) form,
html#focus body.ipsApp .ipsDialog .ipsForm,
html#focus body.ipsApp .ipsDialog .ipsForm > li,
html#focus body.ipsApp .ipsDialog .ipsFieldRow,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_required,
html#focus body.ipsApp .ipsDialog .ipsComposeArea,
html#focus body.ipsApp .ipsDialog .ipsComposeArea_editor,
html#focus body.ipsApp .ipsDialog .ipsEditor,
html#focus body.ipsApp .ipsDialog .ipsForm_editor,
html#focus body.ipsApp .ipsDialog [data-role="editorComposer"],
html#focus body.ipsApp .ipsDialog .cke,
html#focus body.ipsApp .ipsDialog .cke_chrome,
html#focus body.ipsApp .ipsDialog .cke_inner,
html#focus body.ipsApp .ipsDialog .cke_contents {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html#focus body.ipsApp .ipsDialog .ipsField_autocomplete input,
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete input[type="text"],
html#focus body.ipsApp .ipsDialog .ipsField_autocomplete .ipsField_autocompleteInput,
html#focus body.ipsApp .ipsDialog .ipsTagBox input,
html#focus body.ipsApp .ipsDialog .ipsTagBox input[type="text"] {
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

@media (max-width: 767px) {
  html#focus body.ipsApp .ipsDialog:not(.ipsHide) > div {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* Forum rows: keep the author, hide the last-post date. */
body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks {
  font-size: 0 !important;
  line-height: 1.3 !important;
}

body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks::before {
  content: "Автор " !important;
  display: inline !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks > a.ipsType_break,
body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks > a.ipsType_break span {
  display: inline !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks > a[title="Go to last post"],
body.ipsApp .cForumList .ipsDataItem_lastPoster > li.ipsType_light.ipsType_blendLinks > a[title="Перейти к последнему сообщению"] {
  display: none !important;
}
/* Hard fallback for the "Na sait" menu when IPS opens it with inline styles but keeps cache-era classes. */
html#focus body.ipsApp:has(#elNavigation_41_menu[style*="display: block"]),
html#focus body.ipsApp:has(#elNavigation_41_menu[style*="display:block"]) {
  overflow: hidden !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 200000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vh, 34px) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 56px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(58, 25, 12, 0.90), rgba(18, 7, 4, 0.90) 58%, rgba(8, 3, 2, 0.90) 100%) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: auto !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"]::before,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"]::before,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"]::before,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"]::before {
  content: "\00d7" !important;
  position: fixed !important;
  top: 28px !important;
  right: 32px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(246, 220, 169, 0.28) !important;
  border-radius: 50% !important;
  background: rgba(17, 8, 5, 0.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.08),
    0 0 22px rgba(0, 0, 0, 0.42) !important;
  color: #f6dca9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 48px !important;
  text-align: center !important;
  transform: none !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item {
  display: block !important;
  width: min(92vw, 980px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #f6dca9 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(26px, calc(8vw - 11px), 60px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.78),
    0 0 34px rgba(223, 169, 87, 0.18) !important;
  pointer-events: none !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a:hover,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a:hover,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a:focus,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a:focus,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a:hover,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a:hover,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a:focus,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a:focus {
  color: #fff3d7 !important;
  background: transparent !important;
  letter-spacing: 0.19em !important;
  text-shadow:
    0 4px 24px rgba(0, 0, 0, 0.80),
    0 0 42px rgba(255, 205, 116, 0.36),
    0 0 12px rgba(255, 236, 196, 0.20) !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"],
  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"],
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"],
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] {
    padding: 48px 18px !important;
  }

  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"]::before,
  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"]::before,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"]::before,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"]::before {
    top: 18px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 34px !important;
    line-height: 42px !important;
  }

  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
  html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
  html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a {
    font-size: clamp(23px, calc(13vw - 13px), 51px) !important;
    letter-spacing: 0.10em !important;
  }
}

/* Restore click handling for the fullscreen "Na sait" fallback menu. */
body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide),
body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item,
body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp .ipsMenu#elNavigation_41_menu:not(.ipsHide),
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"],
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a {
  pointer-events: auto !important;
}

body.ipsApp:not(.rpSiteOverlayReady) #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide) .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"] .ipsMenu_item > a,
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] .ipsMenu_item > a {
  cursor: pointer !important;
}

/* Strip pasted/highlighted text backgrounds inside post content and editors. */
body.ipsApp .ipsComment_content .ipsType_richText [style*="background" i],
body.ipsApp .cPost .ipsType_richText [style*="background" i],
body.ipsApp .ipsType_richText mark,
body.ipsApp [data-role="editorComposer"] [style*="background" i],
body.ipsApp [data-role="editorComposer"] mark,
body.ipsApp .cke_wysiwyg_div [style*="background" i],
body.ipsApp .cke_wysiwyg_div mark {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Registration/auth dialogs: match the fullscreen dim and keep checkbox labels inline. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide),
html#focus body.ipsApp .ipsDialog.ipsDialog_active {
  background:
    radial-gradient(circle at 50% 18%, rgba(69, 37, 22, 0.22), transparent 42%),
    linear-gradient(180deg, rgba(18, 8, 5, 0.94), rgba(5, 2, 1, 0.96)) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content:has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section:has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow_checkbox,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_inlineCheckbox,
html#focus body.ipsApp .ipsDialog li:has(> input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog li:has(> .ipsCustomInput) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]) br,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content:has(input[type="checkbox"]) br,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section:has(input[type="checkbox"]) br {
  display: none !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content:has(input[type="checkbox"]) > *,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section:has(input[type="checkbox"]) > * {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  clear: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content:has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section:has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog input[type="checkbox"] {
  flex: 0 0 auto !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(input[type="checkbox"]) label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_content:has(input[type="checkbox"]) label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow_section:has(input[type="checkbox"]) label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 18px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* Block settings dialogs: complex picker rows need room for button + "or" + checkbox. */
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) {
  display: block !important;
  align-items: initial !important;
  flex-wrap: initial !important;
  gap: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsFieldRow_section {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsFieldRow_content > *,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsFieldRow_content > *,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsFieldRow_content > *,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsFieldRow_content > *,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsFieldRow_content > * {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsFieldRow_desc {
  flex: 1 0 100% !important;
  width: 100% !important;
  margin-top: 8px !important;
  padding-left: 0 !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) > label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) > label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) > label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) > label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) > label,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsFieldRow_title,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsFieldRow_title,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsFieldRow_title,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsFieldRow_title,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsFieldRow_title {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: left !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsButton,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsButton {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 92px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) input[type="checkbox"],
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) input[type="checkbox"],
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) input[type="checkbox"],
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) input[type="checkbox"],
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) input[type="checkbox"],
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsButton):has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsMenu]):has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content [data-ipsDialog]):has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsField_autocomplete):has(input[type="checkbox"]) .ipsCustomInput,
html#focus body.ipsApp .ipsDialog .ipsFieldRow:has(.ipsFieldRow_content .ipsTagBox):has(input[type="checkbox"]) .ipsCustomInput {
  flex: 0 0 auto !important;
}

html.rpRegisterCloseSuppress body.ipsApp #elRegisterButton,
html.rpRegisterCloseSuppress body.ipsApp #elRegisterButton_mobile,
html.rpRegisterCloseSuppress body.ipsApp a[data-ipsDialog][href*="/register/"] {
  pointer-events: none !important;
}

/* Permanent restore after IPS cache rebuilds: visible LK background and rounded top menu. */
html#focus,
html#focus body.ipsApp {
  background-color: #080302 !important;
  background-image:
    linear-gradient(90deg, rgba(8, 4, 3, 0.78), rgba(8, 4, 3, 0.30) 46%, rgba(8, 4, 3, 0.82)),
    linear-gradient(180deg, rgba(12, 5, 3, 0.22), rgba(9, 3, 2, 0.48)),
    url("/front/css/realpvp-lk-bg.png?v=20260530-0218") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

html#focus body.ipsApp::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg, rgba(7, 3, 2, 0.42), rgba(7, 3, 2, 0.08) 48%, rgba(7, 3, 2, 0.46)),
    url("/front/css/realpvp-lk-bg.png?v=20260530-0218") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  filter: blur(2px) saturate(0.92) brightness(0.88) !important;
  opacity: 0.72 !important;
  transform: scale(1.012) !important;
}

html#focus body.ipsApp::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 52% 14%, rgba(255, 210, 123, 0.07), transparent 35%),
    linear-gradient(180deg, rgba(4, 2, 1, 0.08), rgba(4, 2, 1, 0.34)) !important;
}

html#focus body.ipsApp #ipsLayout_header .focus-nav,
html#focus body.ipsApp #ipsLayout_header nav,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px 0 10px !important;
  clip-path: none !important;
  overflow: hidden !important;
  border: 1px solid rgba(83, 63, 54, 0.72) !important;
  border-radius: 9px !important;
  background: linear-gradient(160deg, rgba(35, 27, 25, 0.98), rgba(18, 13, 16, 0.99)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 230, 190, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
  color: rgba(238, 220, 182, 0.86) !important;
  font-family: "Rajdhani", "Montserrat", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transform: none !important;
  filter: none !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::before {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  clip-path: none !important;
  border: 1px solid rgba(255, 210, 124, 0.38) !important;
  border-radius: 8px !important;
  color: #fff3c6 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 244, 207, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(181, 118, 30, 0.86), rgba(104, 66, 20, 0.88) 52%, rgba(19, 15, 17, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 205, 0.16),
    0 0 13px rgba(255, 184, 60, 0.18) !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a::after,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a .ipsNavBar_active__identifier {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_37 > a::before {
  content: "\f015" !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_41 > a::before {
  content: "\f0ac" !important;
  border-color: rgba(105, 221, 229, 0.50) !important;
  color: #dffbff !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(220, 255, 255, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(42, 139, 154, 0.86), rgba(24, 80, 88, 0.88) 52%, rgba(14, 18, 22, 0.96)) !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_38 > a::before {
  content: "\f007" !important;
  border-color: rgba(123, 226, 132, 0.50) !important;
  color: #eeffe9 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(234, 255, 227, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(48, 151, 76, 0.86), rgba(29, 92, 50, 0.88) 52%, rgba(14, 22, 17, 0.96)) !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_39 > a::before {
  content: "\f05a" !important;
  border-color: rgba(255, 132, 82, 0.36) !important;
  color: #ffe5d5 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 226, 202, 0.44), transparent 42%),
    linear-gradient(135deg, rgba(190, 82, 45, 0.86), rgba(119, 45, 36, 0.88) 52%, rgba(22, 15, 17, 0.96)) !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li#elNavSecondary_42 > a::before,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"]:nth-of-type(5) > a::before {
  content: "\f086" !important;
  border-color: rgba(255, 109, 187, 0.38) !important;
  color: #ffe5f5 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 225, 244, 0.46), transparent 42%),
    linear-gradient(135deg, rgba(194, 67, 139, 0.86), rgba(105, 42, 90, 0.90) 52%, rgba(24, 14, 22, 0.96)) !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li[data-role="navBarItem"] > a:hover,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavActive_menu > a,
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  clip-path: none !important;
  border-color: rgba(255, 184, 60, 0.44) !important;
  border-radius: 9px !important;
  background: linear-gradient(160deg, rgba(46, 32, 22, 0.98), rgba(31, 24, 27, 0.99)) !important;
  color: #ffefd8 !important;
}

html#focus body.ipsApp #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu:not(.ipsHide),
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #elNavigation_41_menu.ipsMenu[style*="display:block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display: block"],
html#focus body.ipsApp #ipsLayout_header #elNavigation_41_menu.ipsMenu[style*="display:block"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 200000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vh, 34px) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 56px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(circle at 50% 42%, rgba(49, 20, 10, 0.98), rgba(15, 6, 4, 0.98) 58%, rgba(4, 2, 1, 0.99) 100%) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: auto !important;
}

/* Dialog close safety: never let our forced modal layout display a dialog IPS has hidden. */
html#focus body.ipsApp .ipsDialog.ipsHide,
html#focus body.ipsApp .ipsDialog[aria-hidden="true"],
html#focus body.ipsApp .ipsDialog[style*="display: none"],
html#focus body.ipsApp .ipsDialog[style*="display:none"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html#focus body.ipsApp .ipsDialog.ipsHide *,
html#focus body.ipsApp .ipsDialog[aria-hidden="true"] *,
html#focus body.ipsApp .ipsDialog[style*="display: none"] *,
html#focus body.ipsApp .ipsDialog[style*="display:none"] * {
  pointer-events: none !important;
}

html.rpRegisterCloseSuppress body.ipsApp .ipsDialog.ipsHide,
html.rpRegisterCloseSuppress body.ipsApp .ipsDialog[aria-hidden="true"],
html.rpRegisterCloseSuppress body.ipsApp .ipsDialog[style*="display: none"],
html.rpRegisterCloseSuppress body.ipsApp .ipsDialog[style*="display:none"] {
  display: none !important;
}

/* Topic quick-reply editor: keep controls below the editor and use the brown-gold frame. */
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .ipsComposeArea,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea_withPhoto,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 24px !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_chrome,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke.cke_focus,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke_chrome,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea [data-role="editorComposer"] {
  border-color: rgba(194, 139, 63, 0.48) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 226, 176, 0.05),
    0 0 16px rgba(190, 121, 42, 0.08) !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_chrome,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke_chrome {
  margin-bottom: 24px !important;
  border-radius: 4px !important;
  background: rgba(11, 6, 7, 0.94) !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_top,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke_top {
  border-bottom-color: rgba(194, 139, 63, 0.24) !important;
  background: rgba(8, 5, 6, 0.96) !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_contents,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke_contents {
  border-color: rgba(194, 139, 63, 0.20) !important;
  background: rgba(12, 7, 8, 0.82) !important;
  outline: 0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .cke_bottom,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .cke_bottom,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic .ipsComposeArea .ipsComposeArea_attachments {
  border-top-color: rgba(194, 139, 63, 0.22) !important;
  background: rgba(31, 19, 13, 0.88) !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .ipsForm_submit,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] .ipsSubmitRow,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] form > .ipsToolList,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic [data-role="replyArea"] form > .ipsFlex,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic form[data-controller*="comment"] > .ipsToolList,
html#focus body.ipsApp[data-pageapp="forums"] .cTopic form[data-controller*="comment"] > .ipsFlex {
  position: relative !important;
  z-index: 3 !important;
  clear: both !important;
  margin-top: 18px !important;
}

/* Topic editor hard catch: quick reply/reply-to forms are sometimes outside .cTopic. */
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has([data-role="editorComposer"]),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea_editor) {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 76px !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsComposeArea,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) [data-role="editorComposer"],
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsComposeArea_editor,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_chrome,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_inner,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_reset,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_contents {
  border-color: rgba(194, 139, 63, 0.50) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 226, 176, 0.05),
    0 0 16px rgba(190, 121, 42, 0.10) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_chrome {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 58px !important;
  border-radius: 4px !important;
  background: rgba(11, 6, 7, 0.94) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_top {
  border-bottom-color: rgba(194, 139, 63, 0.26) !important;
  background: rgba(8, 5, 6, 0.97) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_contents {
  background: rgba(12, 7, 8, 0.84) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke_bottom,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) [data-role="attachmentArea"] {
  border-top-color: rgba(194, 139, 63, 0.24) !important;
  background: rgba(31, 19, 13, 0.90) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .cke *,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsComposeArea *,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) [data-role="editorComposer"] * {
  outline: 0 !important;
  outline-color: transparent !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsForm_submit,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsToolList,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsFlex,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) button[type="submit"],
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsButton_primary {
  position: relative !important;
  z-index: 20 !important;
  clear: both !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsForm_submit {
  margin-top: 24px !important;
}

/* Topic editor final override: keep buttons visible and remove the blue CKEditor frame. */
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has([data-role="editorComposer"]),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea_editor) {
  padding-bottom: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"] {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 14px !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
  border-color: rgba(194, 139, 63, 0.48) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea::before,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea::after,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"]::before,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"]::after,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome::before,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome::after {
  border-color: rgba(194, 139, 63, 0.48) !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke.cke_focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_inner,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_reset,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_reset_all,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_contents,
html#focus body.ipsApp[data-pagecontroller="topic"] iframe.cke_wysiwyg_frame {
  border-color: rgba(194, 139, 63, 0.52) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.50),
    inset 0 1px 0 rgba(255, 226, 176, 0.04) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 16px !important;
  border-radius: 4px !important;
  background: rgba(11, 6, 7, 0.94) !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke:focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke:focus-within,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea:focus-within,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"]:focus-within {
  border-color: rgba(225, 165, 82, 0.64) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.54),
    0 0 14px rgba(190, 121, 42, 0.12),
    inset 0 1px 0 rgba(255, 226, 176, 0.05) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke * {
  outline: 0 !important;
  outline-color: transparent !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsForm_submit,
html#focus body.ipsApp[data-pagecontroller="topic"] form .ipsToolList:last-child,
html#focus body.ipsApp[data-pagecontroller="topic"] form .ipsFlex:last-child,
html#focus body.ipsApp[data-pagecontroller="topic"] form button[type="submit"],
html#focus body.ipsApp[data-pagecontroller="topic"] form .ipsButton_primary {
  position: relative !important;
  z-index: 50 !important;
  clear: both !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsForm_submit {
  margin-top: 14px !important;
}

/* Topic reply composer layout reset: editor first, controls below, no blue frame. */
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea_withPhoto),
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) {
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  padding: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto > .ipsUserPhoto,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto > a.ipsUserPhoto {
  flex: 0 0 58px !important;
  margin: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto > :not(.ipsUserPhoto),
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto > :not(a.ipsUserPhoto) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsEditor,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsForm_editor,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pagecontroller="topic"] .cke,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_inner,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_reset,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_reset_all,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_contents {
  border: 1px solid rgba(191, 132, 56, 0.58) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(5, 3, 2, 0.82),
    inset 0 1px 0 rgba(255, 226, 176, 0.045) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: rgba(11, 6, 7, 0.95) !important;
  overflow: hidden !important;
}

html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .ipsComposeArea::before,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::before,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto [data-role="editorComposer"]::before,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .cke_chrome::before {
  border-right-color: rgba(191, 132, 56, 0.58) !important;
  box-shadow: none !important;
}

html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .ipsComposeArea::after,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::after,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto [data-role="editorComposer"]::after,
html[dir="ltr"] body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_withPhoto .cke_chrome::after {
  border-right-color: rgba(11, 6, 7, 0.95) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke:focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .cke:focus-within,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea:focus,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea:focus-within,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"]:focus-within {
  border-color: rgba(224, 162, 72, 0.72) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(5, 3, 2, 0.86),
    0 0 14px rgba(190, 121, 42, 0.14),
    inset 0 1px 0 rgba(255, 226, 176, 0.055) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_top {
  border-bottom-color: rgba(191, 132, 56, 0.34) !important;
  background: rgba(8, 5, 6, 0.98) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_contents {
  background: rgba(12, 7, 8, 0.86) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke_bottom,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="attachmentArea"] {
  border-top-color: rgba(191, 132, 56, 0.30) !important;
  background: rgba(31, 19, 13, 0.92) !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] .cke *,
html#focus body.ipsApp[data-pagecontroller="topic"] .ipsComposeArea *,
html#focus body.ipsApp[data-pagecontroller="topic"] [data-role="editorComposer"] * {
  outline: 0 !important;
  outline-color: transparent !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) .ipsForm_submit,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) > .ipsFlex,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) > .ipsToolList,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsSubmitRow,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsForm_submit,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) > .ipsFlex,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) > .ipsToolList {
  display: flex !important;
  position: static !important;
  clear: both !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 16px 0 0 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: auto !important;
}

html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) button[type="submit"],
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.ipsComposeArea) .ipsButton_primary,
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) button[type="submit"],
html#focus body.ipsApp[data-pagecontroller="topic"] form:has(.cke_chrome) .ipsButton_primary {
  position: static !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  transform: none !important;
}

/* Topic reply composer v04: hard reset the reply area only. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto > .ipsUserPhoto,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto > a.ipsUserPhoto {
  flex: 0 0 58px !important;
  margin: 0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto > :not(.ipsUserPhoto),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto > :not(a.ipsUserPhoto) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsEditor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsForm_editor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-ipsEditor],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="mainEditorArea"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke.cke_focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_inner {
  border-color: rgba(174, 113, 47, 0.72) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(7, 4, 3, 0.86),
    inset 0 1px 0 rgba(255, 226, 176, 0.045) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-ipsEditor],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 4px !important;
  background: rgba(12, 7, 8, 0.95) !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_dummy {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_top {
  border-bottom-color: rgba(174, 113, 47, 0.38) !important;
  background: rgba(8, 5, 6, 0.98) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_contents {
  border-top-color: rgba(174, 113, 47, 0.16) !important;
  border-bottom-color: rgba(174, 113, 47, 0.16) !important;
  background: rgba(13, 8, 9, 0.88) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_bottom,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="attachmentArea"] {
  border-top-color: rgba(174, 113, 47, 0.34) !important;
  background: rgba(31, 18, 12, 0.92) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"]::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome::before {
  border-right-color: rgba(174, 113, 47, 0.72) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea::after,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor::after,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"]::after,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome::after {
  border-right-color: rgba(12, 7, 8, 0.95) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] * {
  outline-color: transparent !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea:focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea:focus-within,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor:focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-ipsEditor]:focus-within,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"]:focus-within,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke:focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke:focus-within,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome.cke_focus {
  border-color: rgba(222, 161, 73, 0.82) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(7, 4, 3, 0.88),
    0 0 16px rgba(190, 121, 42, 0.16),
    inset 0 1px 0 rgba(255, 226, 176, 0.06) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form :is(.ipsSubmitRow, .ipsForm_submit, .ipsFlex, .ipsToolList):has(button[type="submit"]),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form :is(.ipsSubmitRow, .ipsForm_submit, .ipsFlex, .ipsToolList):has(input[name$="auto_follow_checkbox"]) {
  display: flex !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  clear: both !important;
  float: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  width: auto !important;
  min-height: 38px !important;
  margin: 16px 0 0 72px !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 3 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form button[type="submit"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form .ipsButton_primary {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 4 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] form:has(.cke_chrome) :is(.ipsSubmitRow, .ipsForm_submit, .ipsFlex, .ipsToolList):has(button[type="submit"]) {
  margin-top: 18px !important;
}

/* Topic reply composer v05: one clean frame, no nested gold outlines. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsEditor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsForm_editor,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-ipsEditor],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="mainEditorArea"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_inner,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_reset,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_reset_all {
  border: 0 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome {
  border: 1px solid rgba(174, 113, 47, 0.46) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(7, 4, 3, 0.76) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_chrome:focus-within {
  border-color: rgba(214, 150, 66, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(7, 4, 3, 0.78),
    0 0 10px rgba(190, 121, 42, 0.10) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_top {
  border: 0 !important;
  border-bottom: 1px solid rgba(174, 113, 47, 0.22) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_contents {
  border: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .cke_bottom,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] [data-role="attachmentArea"] {
  border: 0 !important;
  border-top: 1px solid rgba(174, 113, 47, 0.20) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea:not(.ipsComposeArea_minimized) .ipsComposeArea_dummy {
  display: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy {
  display: flex !important;
  align-items: center !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(174, 113, 47, 0.36) !important;
  box-shadow: 0 0 0 1px rgba(7, 4, 3, 0.66) !important;
}

/* Topic reply placeholder v06: match RealPvP text/icon tone. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy {
  gap: 9px !important;
  color: rgba(246, 220, 169, 0.82) !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy * {
  color: rgba(246, 220, 169, 0.82) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy i,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy .fa,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy [class*="fa-"] {
  flex: 0 0 auto !important;
  margin-right: 9px !important;
  color: rgba(239, 179, 77, 0.90) !important;
  text-shadow:
    0 0 10px rgba(239, 179, 77, 0.16),
    0 1px 6px rgba(0, 0, 0, 0.62) !important;
}

/* Closed topic reply notice: show a compact notice instead of an empty editor shell. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"]:has(.ipsComposeArea_unavailable) {
  max-width: 1230px !important;
  margin: 26px auto 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable > .ipsPos_left,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable > .ipsUserPhoto,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable > a.ipsUserPhoto {
  display: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsComposeArea_editor {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsComposeArea_dummy {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 1px solid rgba(174, 113, 47, 0.34) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(180deg, rgba(38, 20, 13, 0.92), rgba(14, 8, 8, 0.96)) !important;
  box-shadow:
    0 0 0 1px rgba(5, 3, 3, 0.72),
    inset 0 1px 0 rgba(255, 219, 156, 0.06) !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea.ipsComposeArea_unavailable:not(.ipsComposeArea_minimized) .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_withPhoto.ipsComposeArea_unavailable:not(.ipsComposeArea_minimized) .ipsComposeArea_dummy {
  display: flex !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsType_warning {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsType_warning::after {
  content: "Тема закрыта для новых ответов." !important;
  color: rgba(247, 219, 164, 0.92) !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsType_warning i,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="replyArea"] .ipsComposeArea_unavailable .ipsType_warning .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(222, 161, 73, 0.46) !important;
  background: rgba(91, 58, 23, 0.62) !important;
  color: rgba(239, 179, 77, 0.95) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.58) !important;
}

/* Private messages composer: match topic reply editor, remove the blue frame. */
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_withPhoto,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_editor,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsEditor,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsForm_editor,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-ipsEditor],
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="editorComposer"],
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="mainEditorArea"],
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_inner,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_reset,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_reset_all {
  border: 0 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_chrome {
  border: 1px solid rgba(174, 113, 47, 0.40) !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(7, 4, 3, 0.72) !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_chrome.cke_focus,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_chrome:focus-within,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea:focus,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea:focus-within,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_editor:focus,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_editor:focus-within,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-ipsEditor]:focus-within,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="editorComposer"]:focus-within {
  border-color: rgba(214, 150, 66, 0.56) !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 1px rgba(7, 4, 3, 0.76),
    0 0 10px rgba(190, 121, 42, 0.10) !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_top {
  border: 0 !important;
  border-bottom: 1px solid rgba(174, 113, 47, 0.20) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_contents {
  border: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_bottom,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_attachments,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="attachmentArea"] {
  border: 0 !important;
  border-top: 1px solid rgba(174, 113, 47, 0.18) !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea::before,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea::after,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_editor::before,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea_editor::after,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="editorComposer"]::before,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] [data-role="editorComposer"]::after,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_chrome::before,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .cke_chrome::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea:not(.ipsComposeArea_minimized) .ipsComposeArea_dummy {
  display: none !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(174, 113, 47, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(7, 4, 3, 0.62) !important;
  color: rgba(246, 220, 169, 0.82) !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58) !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy * {
  color: rgba(246, 220, 169, 0.82) !important;
}

html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy i,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy .fa,
html#focus body.ipsApp[data-pageapp="core"][data-pagecontroller="messenger"] .ipsComposeArea.ipsComposeArea_minimized .ipsComposeArea_dummy [class*="fa-"] {
  flex: 0 0 auto !important;
  margin-right: 9px !important;
  color: rgba(239, 179, 77, 0.90) !important;
  text-shadow:
    0 0 10px rgba(239, 179, 77, 0.16),
    0 1px 6px rgba(0, 0, 0, 0.62) !important;
}

/* Header messages button: show live unread count in the text label. */
html#focus body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a.rpMessageNavLink),
html#focus body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a.rpMessageNavLink) {
  min-width: 154px !important;
}

html#focus body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li:has(> a.rpMessageNavLink[data-rp-has-unread="1"]),
html#focus body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li:has(> a.rpMessageNavLink[data-rp-has-unread="1"]) {
  min-width: 176px !important;
}

html#focus body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li > a.rpMessageNavLink::after,
html#focus body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li > a.rpMessageNavLink::after {
  content: none !important;
  display: none !important;
}

html#focus body.ipsApp #ipsLayout_header #elUserNav:not(.cSignedOut) > li > a.rpMessageNavLink .rpMessageNavLabel,
html#focus body.ipsApp #ipsLayout_header .ta_userNav:not(.cSignedOut) > li > a.rpMessageNavLink .rpMessageNavLabel {
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(215, 200, 170, 0.82) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Same live unread label for the visible main-menu Messages button. */
html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink,
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink {
  min-width: 166px !important;
  font-size: 11px !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink[data-rp-has-unread="1"],
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink[data-rp-has-unread="1"] {
  min-width: 188px !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink::after,
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink::after {
  content: none !important;
  display: none !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink::before,
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink::before {
  font-size: 13px !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink .rpMessageNavOriginalText,
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink .rpMessageNavOriginalText {
  display: none !important;
}

html#focus body.ipsApp #ipsLayout_header .ipsNavBar_primary a.rpMessageNavPrimaryLink .rpMessageNavLabel,
html#focus body.ipsApp #ipsLayout_header .focus-nav a.rpMessageNavPrimaryLink .rpMessageNavLabel {
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(238, 220, 182, 0.86) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Topic title editing repair: keep title fields above styled action rows. */
html#focus body.ipsApp[data-pageapp="forums"] input[data-role="editTitleField"],
body.ipsApp[data-pageapp="forums"] input[data-role="editTitleField"] {
  display: inline-block !important;
  position: relative !important;
  z-index: 300010 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(100%, 880px) !important;
  min-width: min(100%, 260px) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  line-height: 1.25 !important;
  transform: none !important;
  user-select: text !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .ipsPageHeader:has(input[data-role="editTitleField"]),
html#focus body.ipsApp[data-pageapp="forums"] .cTopicHeader:has(input[data-role="editTitleField"]),
body.ipsApp[data-pageapp="forums"] .ipsPageHeader:has(input[data-role="editTitleField"]),
body.ipsApp[data-pageapp="forums"] .cTopicHeader:has(input[data-role="editTitleField"]) {
  overflow: visible !important;
  z-index: 300000 !important;
  pointer-events: auto !important;
}

html#focus body.ipsApp[data-pageapp="forums"] .ipsPageHeader:has(input[data-role="editTitleField"])::before,
html#focus body.ipsApp[data-pageapp="forums"] .cTopicHeader:has(input[data-role="editTitleField"])::before,
body.ipsApp[data-pageapp="forums"] .ipsPageHeader:has(input[data-role="editTitleField"])::before,
body.ipsApp[data-pageapp="forums"] .cTopicHeader:has(input[data-role="editTitleField"])::before {
  pointer-events: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] form:has(.ipsComposeArea, .cke_chrome) :is(input[name="title"], input[name="topic_title"], input[id$="_title"], input[id*="title"]),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] form:has(.ipsComposeArea, .cke_chrome) :is(input[name="title"], input[name="topic_title"], input[id$="_title"], input[id*="title"]) {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] form:has(.ipsComposeArea, .cke_chrome) :is(.ipsSubmitRow, .ipsForm_submit, .ipsToolList):has(button[type="submit"], input[type="submit"]),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] form:has(.ipsComposeArea, .cke_chrome) :is(.ipsSubmitRow, .ipsForm_submit, .ipsToolList):has(button[type="submit"], input[type="submit"]) {
  position: relative !important;
  z-index: 1 !important;
}

/* Topic author pane: hide the solved/solutions counter. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cAuthorPane_stats > li[title*="solutions" i],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cAuthorPane_stats > li[title*="решени" i],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cAuthorPane_stats > li[title*="solutions" i],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cAuthorPane_stats > li[title*="решени" i] {
  display: none !important;
}

/* Topic quotes: warm RealPvP tone and visible toggle icon. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote {
  overflow: hidden !important;
  margin: 14px 0 !important;
  border: 1px solid rgba(217, 154, 71, 0.30) !important;
  border-left: 3px solid rgba(239, 179, 77, 0.72) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(72, 43, 25, 0.48), rgba(31, 17, 11, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 169, 0.07),
    0 8px 24px rgba(0, 0, 0, 0.18) !important;
  color: #f5dec0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation {
  position: relative !important;
  min-height: 44px !important;
  padding: 12px 42px 11px 38px !important;
  border-bottom: 1px solid rgba(222, 162, 86, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(91, 54, 28, 0.62), rgba(47, 27, 18, 0.84)) !important;
  color: #f7dca9 !important;
  cursor: pointer !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before {
  content: "\f078" !important;
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: -8px !important;
  color: #f4bd55 !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 16px !important;
  text-align: center !important;
  text-shadow:
    0 0 10px rgba(244, 189, 85, 0.28),
    0 1px 4px rgba(0, 0, 0, 0.70) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before {
  content: "\f054" !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"] {
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 38px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"]::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"]::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"]::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"]::before {
  content: none !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right {
  color: rgba(244, 189, 85, 0.62) !important;
  opacity: 1 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents {
  padding: 18px 20px !important;
  background:
    linear-gradient(180deg, rgba(63, 39, 30, 0.68), rgba(37, 21, 17, 0.78)) !important;
  color: #f2dfc5 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents :is(p, span, div, li),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents :is(p, span, div, li),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents :is(p, span, div, li),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents :is(p, span, div, li) {
  color: #f2dfc5 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote a,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote a,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote a,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote a {
  color: #ffd88a !important;
}

/* Topic quotes style pass: lighter, quieter, closer to the forum chrome. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote {
  position: relative !important;
  overflow: hidden !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(194, 126, 54, 0.22) !important;
  border-left: 0 !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 0 0, rgba(238, 178, 83, 0.10), transparent 260px),
    linear-gradient(180deg, rgba(35, 21, 14, 0.58), rgba(18, 10, 8, 0.56)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 219, 157, 0.055),
    0 7px 18px rgba(0, 0, 0, 0.15) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background:
    linear-gradient(180deg, rgba(255, 204, 103, 0.92), rgba(174, 98, 38, 0.52)) !important;
  box-shadow: 0 0 12px rgba(226, 151, 56, 0.22) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation {
  min-height: 42px !important;
  padding: 11px 44px 10px 44px !important;
  border-bottom: 1px solid rgba(201, 135, 62, 0.13) !important;
  background:
    linear-gradient(90deg, rgba(82, 47, 24, 0.42), rgba(41, 24, 16, 0.24) 62%, rgba(18, 10, 8, 0.08)) !important;
  color: #f4d39a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before {
  left: 13px !important;
  width: 21px !important;
  height: 21px !important;
  margin-top: -10.5px !important;
  border: 1px solid rgba(244, 190, 91, 0.27) !important;
  border-radius: 50% !important;
  background: rgba(244, 190, 91, 0.095) !important;
  color: #f2bf5f !important;
  font-size: 10px !important;
  line-height: 20px !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.62) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation:hover::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation:hover::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation:hover::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation:hover::before {
  border-color: rgba(255, 210, 117, 0.42) !important;
  background: rgba(244, 190, 91, 0.15) !important;
  color: #ffd783 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation .ipsPos_right {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(240, 177, 75, 0.36) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents {
  padding: 15px 22px 16px 38px !important;
  border-top: 0 !important;
  background:
    linear-gradient(180deg, rgba(45, 27, 20, 0.36), rgba(28, 16, 12, 0.28)) !important;
  color: rgba(246, 224, 194, 0.92) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents p,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents p,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_contents p,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_contents p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Topic quotes: prevent the citation line from clipping tall text. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 48px !important;
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  overflow: visible !important;
  line-height: 1.45 !important;
}

/* Topic quotes: add breathing room and vertically center citation content. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation {
  display: flex !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 17px 54px 17px 58px !important;
  line-height: 1.5 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before {
  left: 18px !important;
  width: 23px !important;
  height: 23px !important;
  margin-top: -11.5px !important;
  line-height: 22px !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"] {
  width: 54px !important;
}

/* Topic quotes: nudge the citation icon and text into final alignment. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation {
  padding: 23px 54px 11px 64px !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation::before {
  left: 24px !important;
  top: calc(50% + 6px) !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"],
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation > a[data-action="toggleQuote"] {
  width: 64px !important;
}

/* Topic quotes: keep the collapsed citation from shrinking and clipping. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed) {
  min-height: 58px !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: none !important;
  padding: 23px 54px 11px 64px !important;
  overflow: visible !important;
  line-height: 1.5 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed::before {
  left: 24px !important;
  top: calc(50% + 6px) !important;
  width: 23px !important;
  height: 23px !important;
  margin-top: -11.5px !important;
  line-height: 22px !important;
}

/* Topic quotes: corrected collapsed state without outer spill. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote:has(> .ipsQuote_citation.ipsQuote_closed) {
  min-height: 0 !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [data-role="commentContent"] blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsType_richText blockquote.ipsQuote > .ipsQuote_citation.ipsQuote_closed {
  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Topic post action menu: keep admin/moderator dropdown above the post and unclipped. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [id^="comment-"][id$="_wrap"]:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_content:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_meta:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_toolWrap:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_tools:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.ipsComment:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] article.cPost:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] [id^="comment-"][id$="_wrap"]:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_content:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_meta:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_toolWrap:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)),
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .ipsComment_tools:has(ul[id^="elControls_"][id$="_menu"]:not(.ipsHide)) {
  position: relative !important;
  z-index: 350000 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu {
  z-index: 350100 !important;
  min-width: 210px !important;
  max-width: min(280px, calc(100vw - 28px)) !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu .ipsMenu_item,
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu .ipsMenu_item > a,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu .ipsMenu_item,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] ul[id^="elControls_"][id$="_menu"].ipsMenu .ipsMenu_item > a {
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* Topic post content: remove the phantom gap before the first paragraph. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cPost_contentWrap [data-role="commentContent"] > p:first-child,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cPost_contentWrap [data-role="commentContent"] > p:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cPost_contentWrap [data-role="commentContent"] > p:first-child:empty,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"] .cPost_contentWrap [data-role="commentContent"] > p:first-child:empty {
  display: none !important;
}

/* Topic 5494: first paragraph was saved centered, which looked like a phantom left gap. */
html#focus body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"][data-pageid="5494"] .cPost_contentWrap [data-role="commentContent"] > p:first-child,
body.ipsApp[data-pageapp="forums"][data-pagecontroller="topic"][data-pageid="5494"] .cPost_contentWrap [data-role="commentContent"] > p:first-child {
  text-align: left !important;
}

/* Profile photo dialog: hide duplicate field label and restore a real upload control. */
html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > label:first-child,
html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > .ipsFieldRow_label,
html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > .ipsFieldRow_title,
html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) .ipsFieldRow_required,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > label:first-child,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > .ipsFieldRow_label,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) > .ipsFieldRow_title,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsFieldRow:has(input[type="radio"]) .ipsFieldRow_required {
  display: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  min-height: 82px !important;
  padding: 18px 20px !important;
  border: 1px dashed rgba(239, 179, 77, 0.55) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(58, 35, 27, 0.92), rgba(29, 15, 14, 0.94)) !important;
  color: #ead6b6 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone:not(:has(.ipsButton:not([data-ipsMenu]))):not(:has(.ipsAttachLink:not([data-ipsMenu])))::before,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone:not(:has(.ipsButton:not([data-ipsMenu]))):not(:has(.ipsAttachLink:not([data-ipsMenu])))::before {
  content: "Выбрать фото";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(239, 179, 77, 0.62) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, rgba(84, 52, 31, 0.98), rgba(36, 20, 14, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 196, 0.12),
    0 8px 22px rgba(0, 0, 0, 0.22) !important;
  color: #f5d79c !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone .ipsButton:not([data-ipsMenu]),
html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone .ipsAttachLink:not([data-ipsMenu]),
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone .ipsButton:not([data-ipsMenu]),
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone .ipsAttachLink:not([data-ipsMenu]) {
  display: inline-flex !important;
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  min-width: 130px !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(239, 179, 77, 0.62) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, rgba(84, 52, 31, 0.98), rgba(36, 20, 14, 0.98)) !important;
  color: #f5d79c !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone input[type="file"],
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone input[type="file"] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html#focus body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone:hover,
body.ipsApp[data-pagecontroller="profile"] .ipsDialog:not(.ipsHide):has(.ipsAttachment_dropZone) .ipsAttachment_dropZone:hover {
  border-color: rgba(255, 211, 139, 0.78) !important;
  box-shadow: 0 0 0 1px rgba(239, 179, 77, 0.18), 0 12px 32px rgba(0, 0, 0, 0.25) !important;
}

/* Admin block settings modal: force form rows back into usable full-width flow. */
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsForm .ipsFieldRow,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsForm > li.ipsFieldRow,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow {
  display: block !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow > label:first-child,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow > .ipsFieldRow_label,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow > .ipsFieldRow_title,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow .ipsFieldRow_title {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_required {
  display: block !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: visible !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content:has(.ipsButton),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content:has([data-ipsMenu]),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content:has([data-ipsDialog]),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content:has(.ipsCustomInput),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content:has(input[type="checkbox"]),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section:has(.ipsButton),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section:has([data-ipsMenu]),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section:has([data-ipsDialog]),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section:has(.ipsCustomInput),
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content > *,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section > * {
  max-width: 100% !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content .ipsButton,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section .ipsButton,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content [data-ipsMenu],
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section [data-ipsMenu],
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content [data-ipsDialog],
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section [data-ipsDialog] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section .ipsFieldRow_desc,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_content > .ipsType_light,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_section > .ipsType_light,
html#focus body.ipsApp .ipsDialog:not(.ipsHide) .ipsFieldRow_desc {
  flex: 1 0 100% !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  clear: both !important;
}

/* Registration page: keep checkbox labels readable on one line. */
html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox > .ipsCustomInput,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox > .ipsCustomInput {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox > .ipsFieldRow_content,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox > .ipsFieldRow_content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label > span:first-child,
html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label strong,
html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label a,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label > span:first-child,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label strong,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label a {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_required,
body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_required {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 8px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

@media (max-width: 560px) {
  html#focus body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label,
  body.ipsApp[data-pagecontroller="register"] .ipsFieldRow_checkbox .ipsFieldRow_label {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
}