.ib-header.header-fixed,
.ib-header.header-fixed.sticky {
  background:#000004 !important;
  border-bottom:1px solid #151528 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.42);
}
.ib-header.header-fixed::after,
.ib-header.header-fixed.sticky::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:var(--scp-header-gradient);
  pointer-events:none;
}
.ib-header.header-fixed { transition:none; }
.fluid-header { padding:8px 64px !important; }
.header-inner { min-height:72px; position:relative; }
.logo-wrapper .scp-site-logo,
.popup-mobile-menu .logo-custom-css .scp-site-logo {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  width:auto;
  height:72px;
  overflow:visible;
}
.logo-wrapper .scp-site-logo img,
.popup-mobile-menu .logo-custom-css .scp-site-logo img {
  width:auto;
  height:100%;
  max-width:none;
  max-height:none !important;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.logo-wrapper .scp-site-logo picture,
.popup-mobile-menu .logo-custom-css .scp-site-logo picture {
  display:flex;
  align-items:center;
  width:auto;
  height:100%;
}
.logo-wrapper { position:relative; z-index:2; }
@media (min-width:1200px) {
  .mainmenu-wrapper {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
  }
  .header-right { position:relative; z-index:2; }
}
.mainmenu-nav .mainmenu { align-items:center; justify-content:center; margin-left:0; }
.mainmenu-nav .mainmenu li { margin:0 7px; }
.mainmenu-nav .mainmenu li a {
  position:relative;
  color:var(--scp-link) !important;
  -webkit-text-fill-color:currentColor;
  padding:18px 8px !important;
  font-size:15px;
  transition:color .2s ease;
}
.mainmenu-nav .mainmenu > li > a::after,
.popup-mobile-menu .mainmenu > li > a::after {
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:9px;
  height:2px;
  border-radius:5px;
  background:var(--scp-header-gradient);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:center;
  transition:opacity .2s ease, transform .2s ease;
}
.mainmenu-nav .mainmenu li a.active,
.mainmenu-nav .mainmenu li a:hover,
.mainmenu-nav .mainmenu li:hover > a,
.popup-mobile-menu .mainmenu li a.active,
.popup-mobile-menu .mainmenu li a:hover {
  background:none;
  color:var(--scp-link-hover) !important;
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}
.mainmenu-nav .mainmenu > li > a.active::after,
.mainmenu-nav .mainmenu > li:hover > a::after,
.mainmenu-nav .mainmenu > li > a:hover::after {
  opacity:1;
  transform:scaleX(1);
}
.popup-mobile-menu .mainmenu > li > a.active::after,
.popup-mobile-menu .mainmenu > li > a:hover::after {
  opacity:1;
  transform:translateY(-50%) scaleY(1);
}
.mainmenu-nav .mainmenu li .submenu {
  background:#090915;
  border-color:rgba(71,120,255,.28);
  box-shadow:0 16px 38px rgba(0,0,4,.58), 0 0 22px rgba(36,200,255,.08);
}
.mainmenu-nav .mainmenu li .submenu::after { background:#090915; }
.mainmenu-nav .mainmenu li .submenu li a {
  color:var(--scp-muted) !important;
}
.mainmenu-nav .mainmenu li .submenu li a.active,
.mainmenu-nav .mainmenu li .submenu li a:hover,
.header-right-inner > li .submenu li a.active,
.header-right-inner > li .submenu li a:hover {
  color:var(--scp-cyan) !important;
  -webkit-text-fill-color:var(--scp-cyan);
}
.popup-mobile-menu {
  background-color:rgba(0,0,4,.86) !important;
}
.popup-mobile-menu .inner {
  background:#000004 !important;
  border-right:1px solid rgba(71,120,255,.26);
  box-shadow:18px 0 44px rgba(0,0,4,.68);
}
.popup-mobile-menu .inner .header-top {
  border-bottom:1px solid rgba(71,120,255,.24);
}
.popup-mobile-menu .inner .header-top .close-menu .close-button {
  background:var(--scp-header-gradient);
  border-color:rgba(36,200,255,.42);
  border-radius:5px !important;
  box-shadow:0 0 18px rgba(71,120,255,.28);
}
.popup-mobile-menu .mainmenu li a {
  position:relative;
  color:var(--scp-link) !important;
  -webkit-text-fill-color:currentColor;
}
.popup-mobile-menu .mainmenu > li > a::after {
  left:-10px;
  right:auto;
  top:50%;
  bottom:auto;
  width:3px;
  height:22px;
  transform:translateY(-50%) scaleY(.35);
  transform-origin:center;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu {
  border-left:1px solid rgba(71,120,255,.24);
  margin-left:2px;
  padding-left:16px;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
  color:var(--scp-muted) !important;
  -webkit-text-fill-color:currentColor;
}
.popup-mobile-menu .scp-mobile-auth-link {
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(71,120,255,.24);
}
.popup-mobile-menu .scp-mobile-auth-link a {
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 14px !important;
  border:1px solid rgba(155,92,255,.74);
  border-radius:5px;
  background:#21104b;
  color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(36,200,255,.08), 0 0 18px rgba(155,92,255,.2);
}
.popup-mobile-menu .scp-mobile-auth-link a::after {
  display:none !important;
}
.popup-mobile-menu .scp-mobile-auth-link a i {
  color:var(--scp-cyan);
}
.popup-mobile-menu .scp-mobile-auth-link a:hover {
  background:#2d1667;
  border-color:rgba(36,200,255,.72);
}
.header-right-inner .wallet-button .btn.scp-signin-cta {
  min-height:40px;
  padding:8px 16px !important;
  color:#fff !important;
  background:var(--scp-dark-purple) !important;
  border:1px solid rgba(155,92,255,.74) !important;
  border-radius:5px !important;
  box-shadow:inset 0 0 0 1px rgba(36,200,255,.08), 0 0 18px rgba(155,92,255,.26);
}
.header-right-inner .wallet-button .btn.scp-signin-cta::before {
  display:none !important;
}
.header-right-inner .wallet-button .btn.scp-signin-cta span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  position:relative;
  z-index:1;
}
.header-right-inner .wallet-button .btn.scp-signin-cta i {
  color:var(--scp-cyan);
  font-size:14px;
  line-height:1;
}
.header-right-inner .wallet-button .btn.scp-signin-cta:hover {
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  background:#2d1667 !important;
  border-color:rgba(36,200,255,.72) !important;
  box-shadow:0 0 22px rgba(71,120,255,.34), 0 0 10px rgba(214,77,255,.18);
}
.scp-header-icon-btn {
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(155,92,255,.62);
  border-radius:5px;
  background:#12121a;
  color:#fff !important;
  box-shadow:0 0 16px rgba(155,92,255,.14);
}
.scp-header-icon-btn i{color:var(--scp-cyan)}
button.scp-header-icon-btn {
  padding:0;
  cursor:pointer;
}
.scp-header-icon-btn:hover,
.scp-header-icon-btn:focus {
  color:#fff !important;
  border-color:rgba(36,200,255,.72);
  background:#21104b;
  box-shadow:0 0 20px rgba(71,120,255,.28),0 0 10px rgba(155,92,255,.18);
  outline:0;
}
body.scp-search-open { overflow:hidden; }
.scp-site-search-modal {
  position:fixed;
  inset:0;
  z-index:10020;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:96px 18px 24px;
  background:rgba(0,0,4,.76);
  backdrop-filter:blur(10px);
}
.scp-site-search-modal.is-open { display:flex; }
.scp-site-search-backdrop {
  position:absolute;
  inset:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.scp-site-search-panel {
  position:relative;
  width:min(860px, 100%);
  max-height:calc(100vh - 126px);
  overflow:hidden;
  border:1px solid rgba(155,92,255,.48);
  border-radius:5px;
  background:#090915;
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 34px rgba(36,200,255,.1);
}
.scp-site-search-panel::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--scp-header-gradient);
}
.scp-site-search-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 14px;
  border-bottom:1px solid rgba(71,120,255,.22);
}
.scp-site-search-title { margin:0;color:#fff;font-size:22px;letter-spacing:0;line-height:1.2; }
.scp-site-search-subtitle { margin:6px 0 0;color:#aeb3dd;font-size:14px;line-height:1.45; }
.scp-site-search-close {
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(155,92,255,.56);
  border-radius:5px;
  background:#12121a;
  color:#fff;
  cursor:pointer;
}
.scp-site-search-close i { color:var(--scp-cyan); }
.scp-site-search-form {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  padding:16px 20px;
  border-bottom:1px solid rgba(71,120,255,.16);
}
.scp-site-search-input-wrap {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 14px;
  border:1px solid rgba(71,120,255,.28);
  border-radius:5px;
  background:#12121a;
}
.scp-site-search-input-wrap i { color:var(--scp-cyan); }
.scp-site-search-input-wrap input {
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:17px;
}
.scp-site-search-input-wrap input::placeholder { color:#9299bd; }
.scp-site-search-submit {
  min-height:52px;
  padding:0 18px;
  border:1px solid rgba(155,92,255,.74);
  border-radius:5px;
  background:#21104b;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.scp-site-search-submit:hover { background:#2d1667;border-color:rgba(36,200,255,.72); }
.scp-site-search-results {
  max-height:min(56vh, 520px);
  overflow:auto;
  padding:16px 20px 20px;
  scrollbar-color:#5e43c7 #090915;
  scrollbar-width:thin;
}
.scp-site-search-empty {
  padding:18px;
  border:1px solid rgba(71,120,255,.22);
  border-radius:5px;
  background:#101018;
  color:#cfd4f4;
  line-height:1.55;
}
.scp-site-search-group + .scp-site-search-group { margin-top:18px; }
.scp-site-search-group-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:#fff;
  font-weight:900;
}
.scp-site-search-group-head span:first-child {
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.scp-site-search-group-head i { color:var(--scp-cyan); }
.scp-site-search-group-count { color:#aeb3dd;font-size:13px; }
.scp-site-search-list { display:grid;gap:8px; }
.scp-site-search-item {
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(71,120,255,.18);
  border-radius:5px;
  background:#12121a;
  color:#fff !important;
  text-decoration:none;
}
.scp-site-search-item:hover {
  border-color:rgba(155,92,255,.54);
  background:#171724;
}
.scp-site-search-thumb {
  width:54px;
  aspect-ratio:1/1;
  border-radius:5px;
  overflow:hidden;
  background:#0d0d14;
  border:1px solid #26263a;
}
.scp-site-search-thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.scp-site-search-item-title { display:block;color:#fff;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.scp-site-search-item-meta { display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;color:#aeb3dd;font-size:12.5px;line-height:1.3; }
.scp-site-search-item-arrow { color:var(--scp-cyan); }
.scp-site-search-footer {
  padding:12px 20px;
  border-top:1px solid rgba(71,120,255,.16);
  background:#0d0d17;
}
.scp-site-search-all {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff !important;
  font-weight:900;
  text-decoration:none;
}
.scp-site-search-all i { color:var(--scp-cyan); }
.scp-notification-menu > a::after,
.scp-notification-menu > a::before {
  display:none !important;
  content:none !important;
}
.scp-header-badge {
  position:absolute;
  top:-7px;
  right:-7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:5px;
  background:#9b5cff;
  color:#fff;
  font-size:11px;
  font-weight:900;
  border:1px solid rgba(36,200,255,.5);
}
.header-right-inner > li.scp-notification-menu .submenu,
.header-right-inner > li.avatar-info .submenu {
  background:#090915;
  border:1px solid rgba(71,120,255,.28);
  border-radius:5px;
  box-shadow:0 16px 38px rgba(0,0,4,.58),0 0 22px rgba(36,200,255,.08);
  min-width:280px;
  padding:8px;
}
.header-right-inner > li.scp-notification-menu .submenu {
  width:370px;
  max-width:calc(100vw - 24px);
  padding:0;
  overflow:hidden;
  border-color:rgba(155,92,255,.38);
}
.scp-notification-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px 12px;
  border-bottom:1px solid rgba(71,120,255,.22);
  background:#000004;
}
.scp-notification-head strong {
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:14px;
  line-height:1;
}
.scp-notification-head strong i{color:var(--scp-cyan)}
.scp-notification-count {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  min-height:24px;
  padding:4px 8px;
  border-radius:5px;
  background:#21104b;
  border:1px solid rgba(155,92,255,.58);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.scp-notification-list {
  max-height:360px;
  overflow-y:auto;
  padding:8px;
  scrollbar-color:#5e43c7 #090915;
  scrollbar-width:thin;
}
.scp-notification-list ul {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.scp-notification-list::-webkit-scrollbar{width:8px}
.scp-notification-list::-webkit-scrollbar-track{background:#090915}
.scp-notification-list::-webkit-scrollbar-thumb{background:#5e43c7;border-radius:5px}
.scp-notification-footer {
  padding:10px;
  border-top:1px solid rgba(71,120,255,.22);
  background:#0d0d17;
}
.header-right-inner > li.scp-notification-menu .submenu li a.scp-notification-item {
  margin:0;
  display:grid !important;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border:1px solid transparent;
  background:#11111c;
}
.scp-notification-icon {
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:rgba(36,200,255,.1);
  border:1px solid rgba(36,200,255,.24);
  color:var(--scp-cyan);
  flex:0 0 auto;
}
.scp-notification-copy {
  min-width:0;
  display:block;
}
.scp-notification-empty,
.scp-notification-item {
  display:block;
  padding:10px;
  border-radius:5px;
  color:var(--scp-muted);
  line-height:1.35;
}
.scp-notification-empty {
  margin:0;
  text-align:center;
  color:#cfd4f4;
  background:#11111c;
  border:1px dashed rgba(155,92,255,.34);
}
.scp-notification-item + .scp-notification-item,
.scp-notification-list li + li .scp-notification-item {
  margin-top:0;
}
.header-right-inner > li.scp-notification-menu .submenu li a.scp-notification-item:hover {
  background:#171724;
  border-color:rgba(36,200,255,.32);
  color:#fff !important;
}
.header-right-inner > li.scp-notification-menu .submenu li a.scp-notification-item.unread {
  background:rgba(155,92,255,.13);
  border-color:rgba(155,92,255,.34);
}
.scp-notification-item strong{display:block;color:#fff;font-size:13px;line-height:1.25}
.scp-notification-item span{display:block;margin-top:5px;color:var(--scp-muted);font-size:12px;line-height:1.35}
.scp-notification-time{color:#8fa0d9 !important;font-size:11px !important}
.scp-notification-mark {
  width:100%;
  border:1px solid rgba(155,92,255,.52);
  border-radius:5px;
  background:#21104b;
  color:#fff;
  padding:10px 12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1;
}
.scp-notification-mark i{color:var(--scp-cyan)}
.scp-notification-mark:hover {
  background:#2d1667;
  border-color:rgba(36,200,255,.72);
  box-shadow:0 0 18px rgba(71,120,255,.24);
}
.scp-notification-push {
  margin-bottom:8px;
}
.scp-notification-push-button {
  width:100%;
  border:1px solid rgba(36,200,255,.42);
  border-radius:5px;
  background:#11111c;
  color:#fff;
  padding:10px 12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1;
  cursor:pointer;
}
.scp-notification-push-button i { color:var(--scp-cyan); }
.scp-notification-push-button:hover {
  background:#21104b;
  border-color:rgba(155,92,255,.72);
}
.scp-notification-push-button.is-enabled {
  background:rgba(36,200,255,.1);
  border-color:rgba(36,200,255,.42);
  color:#cfd4f4;
}
.scp-notification-push-button.is-busy {
  opacity:.72;
  pointer-events:none;
}
.scp-notification-push-status {
  display:block;
  margin-top:7px;
  color:#aeb3dd;
  font-size:12px;
  line-height:1.35;
  text-align:center;
}
.scp-web-push-prompt {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:10030;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  width:min(470px, calc(100vw - 36px));
  padding:13px;
  border:1px solid rgba(155,92,255,.52);
  border-radius:5px;
  background:#090915;
  color:#fff;
  box-shadow:0 22px 54px rgba(0,0,4,.6),0 0 24px rgba(36,200,255,.12);
}
.scp-web-push-prompt::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--scp-header-gradient);
  border-radius:5px 5px 0 0;
}
.scp-web-push-prompt strong,
.scp-web-push-prompt span {
  display:block;
  line-height:1.35;
}
.scp-web-push-prompt strong { font-size:14px; }
.scp-web-push-prompt span { margin-top:2px;color:var(--scp-muted);font-size:12px; }
.scp-web-push-prompt button {
  min-height:36px;
  border-radius:5px;
  border:1px solid rgba(155,92,255,.56);
  padding:7px 11px;
  background:#21104b;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.scp-web-push-prompt button:hover {
  background:#2d1667;
  border-color:rgba(36,200,255,.72);
}
.scp-web-push-prompt button[data-scp-push-later] {
  background:#11111c;
  color:#cfd4f4;
}
.scp-web-push-prompt.is-busy {
  opacity:.72;
  pointer-events:none;
}
.avatar-info .submenu li a {
  display:flex !important;
  align-items:center;
  gap:9px;
}
.avatar-info .submenu li a i{min-width:18px;color:var(--scp-cyan)}
.popup-mobile-menu .inner .header-top .logo a img {
  width:auto;
  height:100%;
  max-width:none;
  max-height:none !important;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:1499px) {
  .fluid-header { padding:8px 15px !important; }
  .logo-wrapper .scp-site-logo { width:auto; height:68px; }
}
@media (max-width:1199px) {
  .header-right-inner .wallet-button { display:none; }
}
@media (max-width:575px) {
  .fluid-header { padding:7px 12px !important; }
  .logo-wrapper .scp-site-logo,
  .popup-mobile-menu .logo-custom-css .scp-site-logo { width:auto; height:54px; }
  .scp-site-search-modal { padding-top:78px; }
  .scp-site-search-form { grid-template-columns:1fr; }
  .scp-site-search-submit { width:100%; }
  .scp-site-search-item { grid-template-columns:48px minmax(0,1fr); }
  .scp-site-search-thumb { width:48px; }
  .scp-site-search-item-arrow { display:none; }
  .scp-web-push-prompt {
    right:12px;
    bottom:12px;
    grid-template-columns:1fr;
  }
  .scp-web-push-prompt button {
    width:100%;
  }
}
