/* StrikeBG Chat upgrades - avatars, grouped messages, onboarding and utility panels */

/* Branded loading screen */
#loading {
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 77, 46, .15), transparent 36%),
    linear-gradient(145deg, #07080b, #160308 52%, #07080b) !important;
}

#loading .window {
  background: transparent !important;
}

#loading-status-container {
  min-width: min(430px, calc(100vw - 32px));
  padding: 44px 34px 38px !important;
  border: 1px solid rgba(255, 77, 46, .28);
  border-radius: 18px;
  background: rgba(10, 11, 15, .88);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .58), inset 0 1px rgba(255,255,255,.04);
}

#loading-status-container .logo,
#loading-status-container .logo-inverted {
  display: none !important;
}

#loading-status-container::before {
  content: "STRIKE\00a0 BG";
  display: block;
  color: #f6f2ec;
  font: italic 900 clamp(30px, 7vw, 52px)/1 "Orbitron", sans-serif;
  letter-spacing: -.055em;
  text-shadow: 0 0 30px rgba(255, 77, 46, .24);
}

#loading-status-container::after {
  content: "ЗАРЕЖДАНЕ НА STRIKEBG CHAT";
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 24px auto 0;
  padding-top: 18px;
  color: #ff8a5b;
  border-top: 1px solid rgba(255, 77, 46, .28);
  font: 700 11px/1.3 "Orbitron", sans-serif;
  letter-spacing: .2em;
  animation: sb-loading-pulse 1.4s ease-in-out infinite;
}

#loading-page-message {
  color: #aaa39a !important;
  margin-top: 14px !important;
}

@keyframes sb-loading-pulse {
  0%, 100% { opacity: .48; }
  50% { opacity: 1; }
}

/* Public welcome screen */
#connect,
#sign-in {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  touch-action: pan-y !important;
}

#connect > .container,
#sign-in > .container {
  flex: 0 0 auto;
  margin-top: 28px !important;
  margin-bottom: 46px !important;
}

#connect .connect-row:has(input[name="join"]) {
  display: none !important;
}

.sb-welcome-panel {
  margin: 20px 0 22px;
  padding: 20px;
  border: 1px solid rgba(255, 77, 46, .25);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(12,14,18,.91), rgba(35,5,8,.82));
  box-shadow: 0 18px 42px rgba(0,0,0,.25);
  text-align: left;
}

.sb-welcome-kicker {
  display: inline-block;
  margin: 0 0 8px;
  color: #ff8a5b;
  font: 800 10px/1.2 "Orbitron", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sb-welcome-panel h2 {
  margin: 0 0 8px !important;
  color: #f5f1eb !important;
  font: 800 22px/1.15 "Rajdhani", sans-serif !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

.sb-welcome-copy {
  margin: 0 !important;
  color: #b9b2a8 !important;
  font: 500 14px/1.45 "Rajdhani", sans-serif !important;
}

.sb-welcome-features {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.sb-welcome-features span {
  padding: 6px 9px;
  color: #dcd6ce;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  font: 700 11px/1 "Rajdhani", sans-serif;
}

.sb-welcome-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 14px;
}

.sb-welcome-actions .sb-welcome-apk {
  background: linear-gradient(135deg, #ff4d2e, #c92f14);
  border-color: rgba(255, 120, 80, .55);
  color: #fff;
  font-weight: 800;
}

.sb-welcome-actions button,
.sb-welcome-actions a,
.sb-public-entry {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  color: #eee8e0 !important;
  border: 1px solid rgba(255, 77, 46, .34) !important;
  border-radius: 7px;
  background: rgba(255, 77, 46, .09) !important;
  font: 700 12px/1.1 "Rajdhani", sans-serif;
  text-align: center;
  text-decoration: none !important;
}

.sb-welcome-actions button:hover,
.sb-welcome-actions a:hover,
.sb-public-entry:hover {
  background: rgba(255, 77, 46, .2) !important;
  border-color: rgba(255, 77, 46, .65) !important;
}

.sb-welcome-actions .is-ready {
  color: #83e6a6 !important;
  border-color: rgba(61, 220, 132, .35) !important;
  background: rgba(61, 220, 132, .08) !important;
}

/* Grouped messages and deterministic initials */
#chat .msg[data-type="message"],
#chat .msg[data-type="action"],
#chat .msg[data-type="notice"] {
  position: relative;
}

#chat .msg[data-sb-avatar]::before {
  content: attr(data-sb-avatar);
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 61px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: hsl(var(--sb-avatar-hue) 85% 92%);
  border: 1px solid hsl(var(--sb-avatar-hue) 75% 56% / .5);
  border-radius: 9px;
  background:
    linear-gradient(145deg, hsl(var(--sb-avatar-hue) 70% 42% / .62), hsl(var(--sb-avatar-hue) 65% 20% / .82));
  box-shadow: 0 6px 18px hsl(var(--sb-avatar-hue) 70% 32% / .18);
  font: 800 10px/1 "Orbitron", sans-serif;
  letter-spacing: -.03em;
}

#chat .msg[data-sb-avatar]:not(.previous-source) {
  min-height: 39px;
  margin-top: 8px;
}

#chat .msg[data-sb-avatar]:not(.previous-source) .from {
  padding-left: 44px !important;
}

#chat .msg[data-sb-avatar].previous-source {
  min-height: 25px;
}

#chat .msg[data-sb-avatar].previous-source::before {
  opacity: 0;
}

#chat .msg[data-sb-avatar].previous-source .from {
  visibility: hidden;
}

#chat .msg[data-sb-avatar].previous-source .time {
  opacity: 0;
}

#chat .msg[data-sb-avatar].previous-source:hover .time {
  opacity: .7;
}

#chat .msg[data-sb-avatar].highlight::before {
  box-shadow: 0 0 0 2px rgba(255,77,46,.28), 0 0 24px rgba(255,77,46,.22);
}

/* Rich emoji picker */
#strikebg-emoji-panel.sb-emoji-picker {
  width: min(360px, calc(100vw - 20px)) !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.56) !important;
}

.sb-emoji-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.sb-emoji-head strong {
  color: #f4efe8;
  font: 800 13px/1 "Orbitron", sans-serif;
  letter-spacing: .05em;
}

.sb-emoji-head input {
  min-width: 0;
  height: 32px !important;
  flex: 1;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
}

.sb-emoji-tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  padding: 7px 8px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

#strikebg-emoji-panel .sb-emoji-tab {
  width: auto !important;
  height: 34px !important;
  min-height: 34px !important;
  border-color: transparent !important;
  font-size: 16px !important;
}

#strikebg-emoji-panel .sb-emoji-tab.active {
  border-color: rgba(255,77,46,.38) !important;
  background: rgba(255,77,46,.18) !important;
}

.sb-emoji-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
  max-height: 230px;
  padding: 10px;
  overflow-y: auto;
}

#strikebg-emoji-panel .sb-emoji-grid button {
  width: 37px !important;
  height: 37px !important;
  min-height: 37px !important;
  padding: 0 !important;
  font-size: 19px !important;
}

.sb-emoji-empty {
  grid-column: 1 / -1;
  padding: 30px 10px;
  color: #8f8981;
  text-align: center;
  font-size: 13px;
}

.sb-emoji-foot {
  padding: 8px 12px 10px;
  color: #77716a;
  border-top: 1px solid rgba(255,255,255,.06);
  font: 600 10px/1.2 "Rajdhani", sans-serif;
  text-align: center;
}

/* Quick tools and Bulgarian slash-command palette */
.sb-quick-tools {
  display: inline-flex;
  flex: none;
  gap: 3px;
}

#form .sb-quick-tools button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #c8c0b6;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 7px;
  background: rgba(255,255,255,.035);
  font-size: 13px;
}

#form .sb-quick-tools button:hover {
  color: #fff;
  border-color: rgba(255,77,46,.45) !important;
  background: rgba(255,77,46,.14);
}

.sb-command-panel {
  position: fixed;
  z-index: 27000;
  width: min(390px, calc(100vw - 20px));
  max-height: min(470px, calc(100vh - 30px));
  padding: 8px;
  overflow-y: auto;
  color: #ece7df;
  border: 1px solid rgba(255,77,46,.34);
  border-radius: 13px;
  background: rgba(10,11,15,.985);
  box-shadow: 0 24px 70px rgba(0,0,0,.58);
}

.sb-command-panel[hidden] {
  display: none !important;
}

.sb-command-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 7px 8px 10px;
}

.sb-command-title strong {
  font: 800 13px/1 "Orbitron", sans-serif;
}

.sb-command-title span {
  color: #8f8880;
  font-size: 11px;
}

.sb-command-panel > button {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(135px, 42%) 1fr;
  gap: 10px;
  padding: 9px 10px;
  color: #cfc8bf;
  border-radius: 7px;
  text-align: left;
}

.sb-command-panel > button:hover {
  color: #fff;
  background: rgba(255,77,46,.13);
}

.sb-command-panel code {
  color: #ff9b72;
  background: transparent;
  font: 600 11px/1.25 "Share Tech Mono", monospace;
}

.sb-command-panel > button span {
  font: 600 12px/1.25 "Rajdhani", sans-serif;
}

.sb-command-hint {
  padding: 10px 8px 5px;
  color: #79736c;
  border-top: 1px solid rgba(255,255,255,.06);
  font-size: 10px;
}

/* Mini profiles */
.sb-mini-profile {
  position: fixed;
  z-index: 28000;
  width: min(340px, calc(100vw - 20px));
  padding: 16px;
  color: #eee9e1;
  border: 1px solid hsl(var(--sb-profile-hue) 70% 55% / .38);
  border-radius: 15px;
  background:
    radial-gradient(circle at 15% 15%, hsl(var(--sb-profile-hue) 70% 38% / .22), transparent 40%),
    rgba(9,10,14,.985);
  box-shadow: 0 24px 75px rgba(0,0,0,.62);
}

.sb-profile-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 28px;
  height: 28px;
  color: #8d8780;
  font-size: 22px;
}

.sb-profile-avatar {
  display: grid;
  width: 58px;
  height: 58px;
  float: left;
  place-items: center;
  margin-right: 13px;
  color: hsl(var(--sb-profile-hue) 85% 92%);
  border: 1px solid hsl(var(--sb-profile-hue) 75% 58% / .55);
  border-radius: 16px;
  background: linear-gradient(145deg, hsl(var(--sb-profile-hue) 70% 42% / .68), hsl(var(--sb-profile-hue) 65% 20% / .9));
  font: 900 16px/1 "Orbitron", sans-serif;
}

.sb-profile-main {
  min-height: 64px;
  padding-top: 3px;
}

.sb-profile-main span,
.sb-profile-main small,
.sb-profile-main strong {
  display: block;
}

.sb-profile-label {
  color: #8e8880;
  font: 700 9px/1.2 "Orbitron", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sb-profile-main strong {
  margin: 5px 0 3px;
  color: #fff;
  font: 800 20px/1 "Rajdhani", sans-serif;
}

.sb-profile-main small {
  color: #9d968e;
  font-size: 11px;
}

.sb-profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  clear: both;
  padding-top: 14px;
}

.sb-profile-actions button,
.sb-profile-actions a {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  color: #ddd6cd !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 7px;
  background: rgba(255,255,255,.035);
  font: 700 11px/1.1 "Rajdhani", sans-serif;
  text-decoration: none !important;
}

.sb-profile-actions button:hover,
.sb-profile-actions a:hover {
  color: #fff !important;
  border-color: rgba(255,77,46,.45) !important;
  background: rgba(255,77,46,.13);
}

/* Rich link previews */
#chat .preview {
  max-width: 560px;
  margin: 8px 0 3px;
}

#chat .toggle-content {
  overflow: hidden;
  border: 1px solid rgba(255,77,46,.2) !important;
  border-radius: 11px !important;
  background: rgba(8,9,13,.72) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

#chat .toggle-content .toggle-thumbnail {
  background: rgba(255,255,255,.035);
}

#chat .toggle-content .head a {
  color: #ff9a73 !important;
  font-weight: 800;
}

#chat .toggle-content .body a {
  color: #aaa39a !important;
}

/* Light theme compatibility */
html.strikebg-chat-light .sb-welcome-panel,
html.strikebg-chat-light .sb-command-panel,
html.strikebg-chat-light .sb-mini-profile {
  color: #2c2117;
  border-color: rgba(210,75,25,.26);
  background: rgba(247,236,219,.985);
  box-shadow: 0 22px 60px rgba(94,55,20,.22);
}

html.strikebg-chat-light .sb-welcome-panel h2,
html.strikebg-chat-light .sb-emoji-head strong,
html.strikebg-chat-light .sb-profile-main strong {
  color: #2b2016 !important;
}

html.strikebg-chat-light .sb-welcome-copy,
html.strikebg-chat-light .sb-command-panel > button,
html.strikebg-chat-light .sb-profile-main small {
  color: #6d5037 !important;
}

html.strikebg-chat-light .sb-welcome-features span,
html.strikebg-chat-light .sb-profile-actions button,
html.strikebg-chat-light .sb-profile-actions a {
  color: #4e3927 !important;
  border-color: rgba(109,80,55,.16) !important;
  background: rgba(255,255,255,.34);
}

html.strikebg-chat-light #chat .toggle-content {
  background: rgba(247,236,219,.82) !important;
  border-color: rgba(210,75,25,.22) !important;
}

@media (max-width: 768px) {
  #connect > .container,
  #sign-in > .container {
    margin-top: 14px !important;
    margin-bottom: max(30px, env(safe-area-inset-bottom)) !important;
  }

  .sb-welcome-panel {
    margin: 14px 0 17px;
    padding: 15px;
  }

  .sb-welcome-panel h2 {
    font-size: 19px !important;
  }

  .sb-welcome-actions {
    grid-template-columns: 1fr;
  }

  #chat .msg[data-sb-avatar] {
    padding-left: 50px !important;
  }

  #chat .msg[data-sb-avatar]::before {
    top: 5px;
    left: 10px;
  }

  #chat .msg[data-sb-avatar]:not(.previous-source) .from {
    padding-left: 0 !important;
  }

  #chat .msg[data-sb-avatar].previous-source {
    min-height: 22px;
  }

  .sb-emoji-grid {
    grid-template-columns: repeat(7, 1fr);
  }

  #strikebg-emoji-panel .sb-emoji-grid button {
    width: 36px !important;
    height: 36px !important;
  }
}


/* --- Light theme / dark-theme design parity (2026-07-11) --- */
html.strikebg-chat-light body {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .94), rgba(24, 0, 5, .78), rgba(5, 6, 9, .96)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #viewport,
html.strikebg-chat-light #windows,
html.strikebg-chat-light #chat,
html.strikebg-chat-light #chat .window,
html.strikebg-chat-light #chat .chat-view,
html.strikebg-chat-light #chat .chat-content {
  background: transparent !important;
}

html.strikebg-chat-light #chat .messages {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .87), rgba(247, 250, 248, .83), rgba(255, 255, 255, .88)),
    linear-gradient(145deg, #05070b, #090c13) !important;
  border-left: 1px solid rgba(255, 77, 46, .2) !important;
  border-right: 1px solid rgba(255, 77, 46, .14) !important;
  box-shadow: inset 0 0 70px rgba(255, 255, 255, .24) !important;
}

html.strikebg-chat-light #sidebar {
  background:
    linear-gradient(180deg, rgba(8, 11, 14, .98) 0%, rgba(24, 39, 45, .97) 72%, rgba(47, 78, 53, .96) 100%) !important;
  border-right: 1px solid rgba(255, 77, 46, .28) !important;
  box-shadow: 4px 0 18px rgba(0, 0, 0, .3) !important;
}

html.strikebg-chat-light #sidebar .logo-container {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 244, 242, .96)) !important;
  border-bottom: 3px solid #63ad3d !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .22) !important;
}

html.strikebg-chat-light #sidebar .channel-list-item {
  border-radius: 4px !important;
}

html.strikebg-chat-light #sidebar .channel-list-item.active {
  background: linear-gradient(90deg, #f5f6d9, #e8edbd) !important;
  border-color: rgba(99, 173, 61, .62) !important;
  border-left: 4px solid #63ad3d !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3) !important;
}

html.strikebg-chat-light #chat .chat-view .header,
html.strikebg-chat-light #windows > .window > .header {
  background: linear-gradient(180deg, rgba(12, 15, 18, .97), rgba(20, 25, 29, .95)) !important;
  border-bottom: 1px solid rgba(255, 77, 46, .35) !important;
  color: #eef3f1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .28) !important;
}

html.strikebg-chat-light #chat .chat-view .header .title,
html.strikebg-chat-light #chat .chat-view .header .topic,
html.strikebg-chat-light #chat .chat-view .header button,
html.strikebg-chat-light #chat .chat-view .header .lt,
html.strikebg-chat-light #chat .chat-view .header .rt {
  color: #eef3f1 !important;
}

html.strikebg-chat-light #chat .chat-view .header a,
html.strikebg-chat-light #chat .chat-view .header .link {
  color: #49d8dc !important;
}

html.strikebg-chat-light #chat .chat-view .footer,
html.strikebg-chat-light #form {
  background: linear-gradient(180deg, rgba(16, 21, 24, .97), rgba(7, 10, 13, .99)) !important;
  border-top: 1px solid rgba(255, 77, 46, .34) !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .26) !important;
}

html.strikebg-chat-light #chat .chat-view .footer .input,
html.strikebg-chat-light #form .input,
html.strikebg-chat-light #input {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(99, 173, 61, .7) !important;
  border-radius: 4px !important;
  color: #172329 !important;
}

html.strikebg-chat-light #strikebg-emoji-button,
html.strikebg-chat-light .sb-quick-tools button {
  background: rgba(18, 23, 27, .96) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  color: #f0f4f2 !important;
  box-shadow: none !important;
}

html.strikebg-chat-light #strikebg-emoji-button:hover,
html.strikebg-chat-light .sb-quick-tools button:hover {
  background: rgba(99, 173, 61, .22) !important;
  border-color: #63ad3d !important;
  color: #aee990 !important;
}

html.strikebg-chat-light #chat .userlist,
html.strikebg-chat-light #chat .nicklist,
html.strikebg-chat-light .userlist,
html.strikebg-chat-light .nicklist {
  background: rgba(250, 252, 251, .93) !important;
  border-left: 1px solid rgba(255, 77, 46, .25) !important;
  box-shadow: -4px 0 18px rgba(0, 0, 0, .2) !important;
  backdrop-filter: blur(5px);
}

html.strikebg-chat-light #chat .user-mode::before,
html.strikebg-chat-light #chat .user-mode-search::before {
  background: rgba(234, 239, 236, .96) !important;
  border-left: 2px solid #63ad3d !important;
  color: #344a52 !important;
}

html.strikebg-chat-light #chat .msg:hover {
  background: rgba(255, 255, 255, .55) !important;
}

html.strikebg-chat-light #chat .msg.highlight,
html.strikebg-chat-light #chat .message.highlight,
html.strikebg-chat-light #chat .highlight {
  background: rgba(239, 242, 190, .8) !important;
  border-left: 3px solid #63ad3d !important;
}

html.strikebg-chat-light #connect {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .66), rgba(24, 0, 5, .48), rgba(5, 6, 9, .72)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #connect > .container {
  padding: 18px 22px 20px !important;
  background: rgba(247, 250, 248, .94) !important;
  border: 1px solid rgba(99, 173, 61, .68) !important;
  border-top: 4px solid #63ad3d !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
  backdrop-filter: blur(7px);
}

html.strikebg-chat-light #connect > .header {
  background: linear-gradient(180deg, rgba(12, 15, 18, .97), rgba(20, 25, 29, .95)) !important;
  border-bottom: 1px solid rgba(255, 77, 46, .35) !important;
  color: #eef3f1 !important;
}

html.strikebg-chat-light #loading {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .94), rgba(24, 0, 5, .78), rgba(5, 6, 9, .96)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #loading .window {
  background: rgba(8, 10, 13, .9) !important;
  border: 1px solid rgba(255, 77, 46, .34) !important;
  color: #f1f4f2 !important;
}

@media (max-width: 768px) {
  html.strikebg-chat-light #connect > .container {
    padding: 14px 14px 16px !important;
    border-radius: 10px !important;
  }

  html.strikebg-chat-light #chat .messages {
    background:
      linear-gradient(rgba(255, 255, 255, .91), rgba(248, 250, 249, .9)),
      linear-gradient(145deg, #05070b, #090c13) !important;
  }
}

/* Keep the arena visible across the full conversation viewport, not only behind message rows. */
html.strikebg-chat-light #chat .chat-content {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .87), rgba(247, 250, 248, .83), rgba(255, 255, 255, .88)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #chat .messages {
  background: transparent !important;
}

@media (max-width: 768px) {
  html.strikebg-chat-light #chat .chat-content {
    background:
      linear-gradient(rgba(255, 255, 255, .91), rgba(248, 250, 249, .9)),
      linear-gradient(145deg, #05070b, #090c13) !important;
  }
}

@media (max-height: 850px) and (min-width: 769px) {
  #connect > .container {
    margin-top: 8px !important;
    margin-bottom: 26px !important;
  }

  .strikebg-connect .strike-connect-title {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
  }

  .strikebg-connect .strike-connect-title::before {
    margin-bottom: 8px !important;
  }

  .strikebg-connect .strike-connect-title::after {
    margin-top: 6px !important;
  }

  .strike-connect-title .sb-action-logo {
    font-size: clamp(2.5rem, 5.25vw, 4rem) !important;
  }

  .strikebg-connect .strike-connect-meta {
    margin-bottom: 8px !important;
  }

  .sb-welcome-panel {
    margin: 9px 0 12px;
    padding: 13px 15px;
  }

  .sb-welcome-panel h2 {
    margin-bottom: 4px !important;
    font-size: 19px !important;
  }

  .sb-welcome-features {
    display: none;
  }

  .sb-welcome-actions {
    margin-top: 9px;
  }
}

@media (max-width: 430px) {
  .sb-quick-tools .sb-tool-notify {
    display: none !important;
  }

  .sb-emoji-grid {
    grid-template-columns: repeat(6, 1fr);
  }

  .sb-command-panel > button {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}


/* --- Куест класация (2026-07-08) --- */
.sb-welcome-quest{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,215,90,.22);border-radius:8px;background:rgba(255,215,90,.05);text-align:left}
.sb-wq-head{font-family:"Share Tech Mono",monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd75a;margin-bottom:8px}
.sb-welcome-quest ol,#sb-quest-panel ol{list-style:none;margin:0;padding:0}
.sb-welcome-quest li,#sb-quest-panel li{display:flex;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}
.sb-welcome-quest li:last-child,#sb-quest-panel li:last-child{border-bottom:none}
.sb-q-pos{width:24px;text-align:center;flex-shrink:0;font-size:.8rem}
.sb-q-nick{flex:1;font-weight:600;color:#f0ede8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-q-rank{font-family:"Share Tech Mono",monospace;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.sb-q-pts{font-family:"Share Tech Mono",monospace;font-size:.72rem;color:#ffd75a;min-width:46px;text-align:right}
.sb-wq-loading{color:rgba(240,237,232,.5);font-size:.85rem;margin:4px 0}
.sb-wq-foot{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;align-items:center;margin-top:10px;font-size:.78rem;color:rgba(240,237,232,.65)}
.sb-wq-foot a{color:#ff9a5f;text-decoration:none;font-weight:700}
.sb-wq-foot a:hover{color:#ffb98a}
#sb-quest-panel{position:fixed;right:14px;bottom:64px;width:300px;max-height:70vh;overflow-y:auto;z-index:1000;background:rgba(10,12,16,.97);border:1px solid rgba(255,215,90,.28);border-radius:10px;padding:14px 16px;box-shadow:0 18px 48px rgba(0,0,0,.55)}
html.strikebg-chat-light #sb-quest-panel{background:rgba(250,248,244,.98);border-color:rgba(180,140,20,.35)}
html.strikebg-chat-light #sb-quest-panel .sb-q-nick{color:#2a2622}
html.strikebg-chat-light .sb-welcome-quest .sb-q-nick{color:#2a2622}
.sb-qp-head{font-family:"Share Tech Mono",monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#ffd75a;margin-bottom:6px}
.sb-qp-sub{font-family:"Share Tech Mono",monospace;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(240,237,232,.5);margin:10px 0 4px}
html.strikebg-chat-light .sb-qp-sub{color:rgba(60,50,40,.6)}
.sb-qp-foot{margin-top:10px;font-size:.75rem;color:rgba(240,237,232,.6)}
html.strikebg-chat-light .sb-qp-foot{color:rgba(60,50,40,.7)}
.sb-qp-foot a{color:#ff9a5f;text-decoration:none;font-weight:700}
@media(max-width:520px){#sb-quest-panel{right:8px;left:8px;width:auto;bottom:70px}}


/* --- sb-compact-connect: входът да се събира без скрол (2026-07-08) --- */
#connect > .container {
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  width: min(560px, 94vw) !important;
  max-width: 560px !important;
}
.sb-welcome-panel { margin: 10px 0 12px; padding: 14px 16px; }
.sb-welcome-panel h2 { font-size: 19px !important; margin-bottom: 5px !important; }
.sb-welcome-copy { font-size: 13px !important; line-height: 1.35 !important; }
.sb-welcome-features { margin-top: 8px !important; gap: 6px !important; }
.sb-welcome-features span { padding: 5px 9px !important; font-size: 10.5px !important; }
.sb-welcome-quest { margin-top: 10px; padding: 9px 12px; }
.sb-welcome-quest li { padding: 3px 2px; font-size: .8rem; }
.sb-wq-head { margin-bottom: 5px; }
.sb-wq-foot { margin-top: 7px; font-size: .74rem; }


/* --- sb-compact-connect-v2: по-малко лого на входа, без скрол (2026-07-08) --- */
.strike-connect-title .sb-action-logo {
  font-size: clamp(2rem, 4.4vw, 3.2rem) !important;
  padding-bottom: .12em !important;
}
.strike-connect-title .sb-action-section {
  margin: 2px auto 0 !important;
  padding: 4px 14px 3px !important;
  font-size: .7rem !important;
}
.strikebg-connect .strike-connect-meta { margin-bottom: 10px !important; }
.strike-connect-title { margin-bottom: 0 !important; }
#connect > .container { margin-top: 6px !important; margin-bottom: 10px !important; }
#connect .btn[type="submit"], #connect button[type="submit"] { margin-top: 8px !important; }


/* --- Cool high-contrast light theme inspired by classic Bulgarian web chats (2026-07-11) --- */
html.strikebg-chat-light {
  color-scheme: light;
  --sb-bg: #ffffff;
  --sb-panel: #eef1f1;
  --sb-line: #cbd3d3;
  --sb-text: #172329;
  --sb-muted: #66767d;
  --sb-green: #63ad3d;
  --sb-green-dark: #2b8a57;
  --sb-cyan: #00aeb6;
  --sb-navy: #293b42;
}

html.strikebg-chat-light,
html.strikebg-chat-light body,
html.strikebg-chat-light .window,
html.strikebg-chat-light #sign-in,
html.strikebg-chat-light #connect {
  --button-color: #63ad3d !important;
  --button-text-color-hover: #ffffff !important;
  --link-color: #00aeb6 !important;
  --highlight-bg-color: #f0f2c8 !important;
  --body-bg-color: #ffffff !important;
  --window-bg-color: #ffffff !important;
  --body-color: #172329 !important;
  --body-color-muted: #66767d !important;
  --accent: #63ad3d !important;
}

html.strikebg-chat-light body {
  background: #f3f5f4 !important;
  color: #172329 !important;
}

html.strikebg-chat-light #viewport,
html.strikebg-chat-light #windows,
html.strikebg-chat-light #chat,
html.strikebg-chat-light #chat .window,
html.strikebg-chat-light #chat .chat-view,
html.strikebg-chat-light #chat .chat-content,
html.strikebg-chat-light #chat .messages {
  background: #ffffff !important;
  color: #172329 !important;
}

/* Dark blue-grey channel rail with green active state. */
html.strikebg-chat-light #sidebar {
  background: linear-gradient(180deg, #26383f 0%, #2e4349 72%, #487b4f 100%) !important;
  border-right: 1px solid #17272d !important;
  box-shadow: 2px 0 10px rgba(25, 39, 44, .16) !important;
  color: #edf4f1 !important;
}

html.strikebg-chat-light #sidebar .logo-container {
  background: #ffffff !important;
  border-bottom: 4px solid #63ad3d !important;
}

html.strikebg-chat-light #sidebar .strikebg-brand-sub {
  color: #4f666f !important;
}

html.strikebg-chat-light #sidebar .empty,
html.strikebg-chat-light #sidebar .network-name,
html.strikebg-chat-light #sidebar .channel-list-item,
html.strikebg-chat-light #sidebar .channel-list-item .name,
html.strikebg-chat-light #sidebar .channel-list-item .badge {
  color: #e8f0ed !important;
}

html.strikebg-chat-light #sidebar .network-name {
  color: #ffffff !important;
  text-shadow: none !important;
}

html.strikebg-chat-light #sidebar .channel-list-item {
  margin: 2px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
}

html.strikebg-chat-light #sidebar .channel-list-item:hover {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: #ffffff !important;
}

html.strikebg-chat-light #sidebar .channel-list-item.active {
  background: linear-gradient(180deg, #f5f6dc, #e9edc1) !important;
  border-color: #cbd18a !important;
  border-left: 4px solid #63ad3d !important;
  color: #172319 !important;
  box-shadow: 0 2px 6px rgba(9, 23, 18, .2) !important;
}

html.strikebg-chat-light #sidebar .channel-list-item.active .name,
html.strikebg-chat-light #sidebar .channel-list-item.active .badge {
  color: #172319 !important;
}

html.strikebg-chat-light #sidebar #footer,
html.strikebg-chat-light #footer {
  background: rgba(24, 39, 45, .93) !important;
  border-top: 1px solid rgba(255, 255, 255, .13) !important;
}

html.strikebg-chat-light #sidebar #footer button,
html.strikebg-chat-light #footer button {
  color: #f1f6f4 !important;
}

html.strikebg-chat-light #sidebar #footer button:hover,
html.strikebg-chat-light #sidebar #footer button.active,
html.strikebg-chat-light #footer button:hover,
html.strikebg-chat-light #footer button.active {
  background: #63ad3d !important;
  color: #ffffff !important;
}

/* Pale channel header, white conversation and a clean composer. */
html.strikebg-chat-light #chat .chat-view .header,
html.strikebg-chat-light #windows > .window > .header,
html.strikebg-chat-light #connect > .header,
html.strikebg-chat-light #settings > .header,
html.strikebg-chat-light #help > .header {
  background: #f1f3f3 !important;
  border-color: #cbd3d3 !important;
  color: #374a52 !important;
  box-shadow: 0 2px 8px rgba(32, 49, 55, .12) !important;
}

html.strikebg-chat-light #chat .chat-view .header .title,
html.strikebg-chat-light #chat .chat-view .header .topic,
html.strikebg-chat-light #chat .chat-view .header button {
  color: #374a52 !important;
}

html.strikebg-chat-light #chat .chat-view .footer,
html.strikebg-chat-light #form {
  background: #edf0ef !important;
  border-color: #c5cecc !important;
  box-shadow: 0 -2px 9px rgba(32, 49, 55, .1) !important;
}

html.strikebg-chat-light #chat .chat-view .footer .input,
html.strikebg-chat-light #form .input,
html.strikebg-chat-light #input,
html.strikebg-chat-light textarea,
html.strikebg-chat-light input[type="text"],
html.strikebg-chat-light input[type="password"] {
  background: #ffffff !important;
  border: 1px solid #aebbb9 !important;
  color: #172329 !important;
  caret-color: #2b8a57 !important;
  box-shadow: inset 0 1px 2px rgba(28, 45, 51, .08) !important;
}

html.strikebg-chat-light #chat .chat-view .footer .input:focus,
html.strikebg-chat-light #form .input:focus,
html.strikebg-chat-light #input:focus,
html.strikebg-chat-light textarea:focus,
html.strikebg-chat-light input[type="text"]:focus,
html.strikebg-chat-light input[type="password"]:focus {
  border-color: #63ad3d !important;
  box-shadow: 0 0 0 3px rgba(99, 173, 61, .18) !important;
}

html.strikebg-chat-light #chat .msg {
  color: #172329 !important;
}

html.strikebg-chat-light #chat .msg:hover {
  background: #f7f9f8 !important;
}

html.strikebg-chat-light #chat .msg.highlight,
html.strikebg-chat-light #chat .message.highlight,
html.strikebg-chat-light #chat .highlight {
  background: #f2f3cd !important;
  border-color: #d6da94 !important;
}

html.strikebg-chat-light #chat .msg .time,
html.strikebg-chat-light #chat .time {
  color: #7b898e !important;
}

html.strikebg-chat-light #chat .msg .text,
html.strikebg-chat-light #chat .msg .content,
html.strikebg-chat-light #chat .message .text {
  color: #172329;
}

html.strikebg-chat-light #chat a,
html.strikebg-chat-light #chat .link {
  color: #00aeb6 !important;
}

html.strikebg-chat-light #chat .msg[data-type="join"],
html.strikebg-chat-light #chat .msg[data-type="part"],
html.strikebg-chat-light #chat .msg[data-type="quit"],
html.strikebg-chat-light #chat .msg[data-type="mode"],
html.strikebg-chat-light #chat .msg[data-type="kick"] {
  color: #23864e !important;
}

html.strikebg-chat-light #chat .is-muted {
  color: #586b72 !important;
  opacity: .88 !important;
}

/* Bright, readable nick list on the right. */
html.strikebg-chat-light #chat .userlist,
html.strikebg-chat-light #chat .nicklist,
html.strikebg-chat-light .userlist,
html.strikebg-chat-light .nicklist {
  background: #ffffff !important;
  border-left: 1px solid #c8d0d0 !important;
  color: #172329 !important;
  box-shadow: -2px 0 8px rgba(32, 49, 55, .08) !important;
}

html.strikebg-chat-light #chat .user-mode::before,
html.strikebg-chat-light #chat .user-mode-search::before {
  background: #f0f3f2 !important;
  border-color: #d6dddd !important;
  color: #52656d !important;
}

html.strikebg-chat-light #chat .userlist .user,
html.strikebg-chat-light #chat .nicklist .user {
  border-bottom-color: #edf0ef !important;
}

html.strikebg-chat-light #chat .userlist .user:hover,
html.strikebg-chat-light #chat .nicklist .user:hover,
html.strikebg-chat-light #chat .userlist .user.active,
html.strikebg-chat-light #chat .nicklist .user.active {
  background: #edf5e8 !important;
}

/* Connect, settings, dialogs and custom utility panels. */
html.strikebg-chat-light #connect {
  background:
    linear-gradient(rgba(255, 255, 255, .91), rgba(247, 250, 248, .94)),
    linear-gradient(145deg, #05070b, #090c13) !important;
  color: #172329 !important;
}

html.strikebg-chat-light #connect .container,
html.strikebg-chat-light #settings .container,
html.strikebg-chat-light #help .container,
html.strikebg-chat-light #sign-in .container {
  color: #172329 !important;
}

html.strikebg-chat-light .sb-welcome-panel,
html.strikebg-chat-light .sb-command-panel,
html.strikebg-chat-light .sb-mini-profile,
html.strikebg-chat-light #sb-quest-panel,
html.strikebg-chat-light #strikebg-emoji-panel,
html.strikebg-chat-light #confirm-dialog,
html.strikebg-chat-light .context-menu,
html.strikebg-chat-light .mentions-popup,
html.strikebg-chat-light .autocomplete {
  background: rgba(255, 255, 255, .98) !important;
  border-color: #c8d0d0 !important;
  color: #172329 !important;
  box-shadow: 0 14px 40px rgba(32, 49, 55, .18) !important;
}

html.strikebg-chat-light .sb-welcome-panel {
  border-top: 4px solid #63ad3d !important;
}

html.strikebg-chat-light .sb-welcome-kicker,
html.strikebg-chat-light .sb-wq-head,
html.strikebg-chat-light .sb-qp-head,
html.strikebg-chat-light .sb-q-pts {
  color: #2b8a57 !important;
}

html.strikebg-chat-light .sb-welcome-copy,
html.strikebg-chat-light .sb-profile-main small,
html.strikebg-chat-light .sb-qp-sub,
html.strikebg-chat-light .sb-qp-foot,
html.strikebg-chat-light .sb-wq-foot,
html.strikebg-chat-light .sb-wq-loading {
  color: #5f7077 !important;
}

html.strikebg-chat-light .sb-welcome-features span,
html.strikebg-chat-light .sb-profile-actions button,
html.strikebg-chat-light .sb-profile-actions a,
html.strikebg-chat-light .sb-command-panel > button,
html.strikebg-chat-light #strikebg-emoji-panel button {
  background: #f1f4f3 !important;
  border-color: #d1d9d7 !important;
  color: #33474f !important;
}

html.strikebg-chat-light .sb-welcome-features span:hover,
html.strikebg-chat-light .sb-profile-actions button:hover,
html.strikebg-chat-light .sb-profile-actions a:hover,
html.strikebg-chat-light .sb-command-panel > button:hover,
html.strikebg-chat-light #strikebg-emoji-panel button:hover {
  background: #e8f3e3 !important;
  border-color: #63ad3d !important;
}

html.strikebg-chat-light .sb-welcome-quest,
html.strikebg-chat-light #sb-quest-panel {
  background: #f8faee !important;
  border-color: #d7dc9b !important;
}

html.strikebg-chat-light .sb-welcome-quest li,
html.strikebg-chat-light #sb-quest-panel li {
  border-bottom-color: #e5e9cf !important;
}

html.strikebg-chat-light .sb-q-nick,
html.strikebg-chat-light #sb-quest-panel .sb-q-nick,
html.strikebg-chat-light .sb-welcome-quest .sb-q-nick {
  color: #233239 !important;
}

html.strikebg-chat-light .sb-wq-foot a,
html.strikebg-chat-light .sb-qp-foot a,
html.strikebg-chat-light .sb-command-panel a {
  color: #008e98 !important;
}

html.strikebg-chat-light .btn,
html.strikebg-chat-light #connect .btn[type="submit"],
html.strikebg-chat-light #connect button[type="submit"] {
  background: linear-gradient(180deg, #70b94b, #559c34) !important;
  border-color: #4c8f2f !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(49, 105, 37, .2) !important;
}

html.strikebg-chat-light .btn:hover,
html.strikebg-chat-light .btn:focus,
html.strikebg-chat-light #connect .btn[type="submit"]:hover,
html.strikebg-chat-light #connect button[type="submit"]:hover {
  background: linear-gradient(180deg, #79c653, #5aa339) !important;
  border-color: #43822a !important;
}

html.strikebg-chat-light #strikebg-emoji-button,
html.strikebg-chat-light .sb-quick-tools button {
  background: #ffffff !important;
  border-color: #b8c4c1 !important;
  color: #33474f !important;
}

html.strikebg-chat-light #strikebg-emoji-button:hover,
html.strikebg-chat-light .sb-quick-tools button:hover {
  background: #eaf4e5 !important;
  border-color: #63ad3d !important;
  color: #2b8a57 !important;
}

html.strikebg-chat-light #loading {
  background: #ffffff !important;
}

html.strikebg-chat-light #loading .window {
  background: #ffffff !important;
  color: #172329 !important;
}

html.strikebg-chat-light ::-webkit-scrollbar-thumb {
  background: #9eaaa7 !important;
  border-radius: 4px;
}

html.strikebg-chat-light ::-webkit-scrollbar-thumb:hover {
  background: #63ad3d !important;
}

@media (max-width: 768px) {
  html.strikebg-chat-light #sidebar .logo-container {
    border-bottom-width: 3px !important;
  }

  html.strikebg-chat-light #chat .userlist,
  html.strikebg-chat-light #chat .nicklist {
    box-shadow: none !important;
  }
}


/* Final cascade: light content over the same arena and chrome as the dark theme. */
html.strikebg-chat-light body {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .94), rgba(24, 0, 5, .78), rgba(5, 6, 9, .96)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #viewport,
html.strikebg-chat-light #windows,
html.strikebg-chat-light #chat,
html.strikebg-chat-light #chat .window,
html.strikebg-chat-light #chat .chat-view {
  background: transparent !important;
}

html.strikebg-chat-light #chat .chat-content {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .87), rgba(247, 250, 248, .83), rgba(255, 255, 255, .88)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #chat .messages {
  background: transparent !important;
  border-inline: 1px solid rgba(255, 77, 46, .18) !important;
  box-shadow: inset 0 0 70px rgba(255, 255, 255, .24) !important;
}

html.strikebg-chat-light #sidebar {
  background: linear-gradient(180deg, rgba(8, 11, 14, .98), rgba(24, 39, 45, .97) 72%, rgba(47, 78, 53, .96)) !important;
  border-right: 1px solid rgba(255, 77, 46, .28) !important;
  box-shadow: 4px 0 18px rgba(0, 0, 0, .3) !important;
}

html.strikebg-chat-light #sidebar .logo-container {
  background: rgba(8, 11, 14, .98) !important;
  border-bottom: 1px solid rgba(255, 77, 46, .28) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .32) !important;
}

html.strikebg-chat-light #sidebar .strikebg-sidebar-logo {
  filter: none !important;
  opacity: 1 !important;
}

html.strikebg-chat-light #sidebar .strikebg-brand-sub {
  color: #8f8d87 !important;
}

html.strikebg-chat-light #sidebar .channel-list-item.active {
  background: linear-gradient(90deg, #f5f6d9, #e8edbd) !important;
  border-color: rgba(99, 173, 61, .62) !important;
  border-left: 4px solid #63ad3d !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3) !important;
}

html.strikebg-chat-light #chat .chat-view .header,
html.strikebg-chat-light #windows > .window > .header {
  background: linear-gradient(180deg, rgba(12, 15, 18, .97), rgba(20, 25, 29, .95)) !important;
  border-bottom: 1px solid rgba(255, 77, 46, .35) !important;
  color: #eef3f1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .28) !important;
}

html.strikebg-chat-light #chat .chat-view .header .title,
html.strikebg-chat-light #chat .chat-view .header .topic,
html.strikebg-chat-light #chat .chat-view .header button,
html.strikebg-chat-light #chat .chat-view .header .lt,
html.strikebg-chat-light #chat .chat-view .header .rt {
  color: #eef3f1 !important;
}

html.strikebg-chat-light #chat .chat-view .header a,
html.strikebg-chat-light #chat .chat-view .header .link {
  color: #49d8dc !important;
}

html.strikebg-chat-light #chat .chat-view .footer,
html.strikebg-chat-light #form {
  background: linear-gradient(180deg, rgba(16, 21, 24, .97), rgba(7, 10, 13, .99)) !important;
  border-top: 1px solid rgba(255, 77, 46, .34) !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .26) !important;
}

html.strikebg-chat-light #chat .chat-view .footer .input,
html.strikebg-chat-light #form .input,
html.strikebg-chat-light #input {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(99, 173, 61, .7) !important;
  color: #172329 !important;
}

html.strikebg-chat-light #strikebg-emoji-button,
html.strikebg-chat-light .sb-quick-tools button {
  background: rgba(18, 23, 27, .96) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  color: #f0f4f2 !important;
  box-shadow: none !important;
}

html.strikebg-chat-light #strikebg-emoji-button:hover,
html.strikebg-chat-light .sb-quick-tools button:hover {
  background: rgba(99, 173, 61, .22) !important;
  border-color: #63ad3d !important;
  color: #aee990 !important;
}

html.strikebg-chat-light #chat .userlist,
html.strikebg-chat-light #chat .nicklist,
html.strikebg-chat-light .userlist,
html.strikebg-chat-light .nicklist {
  background: rgba(250, 252, 251, .93) !important;
  border-left: 1px solid rgba(255, 77, 46, .25) !important;
  box-shadow: -4px 0 18px rgba(0, 0, 0, .2) !important;
  backdrop-filter: blur(5px);
}

html.strikebg-chat-light #chat .user-mode::before,
html.strikebg-chat-light #chat .user-mode-search::before {
  background: rgba(234, 239, 236, .96) !important;
  border-left: 2px solid #63ad3d !important;
}

html.strikebg-chat-light #chat .msg:hover {
  background: rgba(255, 255, 255, .55) !important;
}

html.strikebg-chat-light #chat .msg.highlight,
html.strikebg-chat-light #chat .message.highlight,
html.strikebg-chat-light #chat .highlight {
  background: rgba(239, 242, 190, .8) !important;
  border-left: 3px solid #63ad3d !important;
}

html.strikebg-chat-light #connect {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .66), rgba(24, 0, 5, .48), rgba(5, 6, 9, .72)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #connect > .container {
  padding: 18px 22px 20px !important;
  background: rgba(247, 250, 248, .94) !important;
  border: 1px solid rgba(99, 173, 61, .68) !important;
  border-top: 4px solid #63ad3d !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
  backdrop-filter: blur(7px);
}

html.strikebg-chat-light #connect > .header {
  background: linear-gradient(180deg, rgba(12, 15, 18, .97), rgba(20, 25, 29, .95)) !important;
  border-bottom: 1px solid rgba(255, 77, 46, .35) !important;
  color: #eef3f1 !important;
}

html.strikebg-chat-light #loading {
  background:
    linear-gradient(145deg, rgba(5, 6, 9, .94), rgba(24, 0, 5, .78), rgba(5, 6, 9, .96)),
    linear-gradient(145deg, #05070b, #090c13) !important;
}

html.strikebg-chat-light #loading .window {
  background: rgba(8, 10, 13, .9) !important;
  border: 1px solid rgba(255, 77, 46, .34) !important;
  color: #f1f4f2 !important;
}

@media (max-width: 768px) {
  html.strikebg-chat-light #connect > .container {
    padding: 14px 14px 16px !important;
    border-radius: 10px !important;
  }

  html.strikebg-chat-light #chat .messages {
    background:
      linear-gradient(rgba(255, 255, 255, .91), rgba(248, 250, 249, .9)),
      linear-gradient(145deg, #05070b, #090c13) !important;
  }
}
/* STRIKEBG_BGIRC_LIVE_NAV_V1 */
.sb-live-counter{display:inline-flex!important;align-items:center;gap:7px;text-decoration:none!important;white-space:nowrap}.sb-live-counter strong{color:#79e7a0;font:800 1rem/1 var(--font-head,Orbitron,sans-serif);text-shadow:0 0 15px rgba(98,232,154,.42);transition:color .2s,text-shadow .2s}.sb-live-counter small{color:#9eabb8;font:700 .68rem/1 var(--font-mono,monospace);letter-spacing:.04em}.sb-live-counter.is-live-error strong{color:#ff8a68;text-shadow:none}.sb-live-counter .strikebg-irc-status-dot{animation:sb-live-pulse 1.8s ease-in-out infinite}
.sb-embedded-live-dock{position:fixed;z-index:1200;top:12px;right:12px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid rgba(40,212,223,.24);border-radius:999px;background:rgba(7,10,15,.88);box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 24px rgba(40,212,223,.08);backdrop-filter:blur(14px);font:700 10px/1 var(--font-mono,monospace);animation:sb-dock-in .5s ease both}.sb-embedded-live-dock strong{color:#aaf0c0;white-space:nowrap}.sb-embedded-live-dock a{padding:6px 7px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#b9dfe2;text-decoration:none;transition:background .2s,border-color .2s}.sb-embedded-live-dock a:hover{border-color:rgba(255,83,46,.5);background:rgba(255,83,46,.12);color:#fff}.sb-live-pulse{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#62e89a;box-shadow:0 0 0 0 rgba(98,232,154,.45),0 0 12px #62e89a;animation:sb-live-ring 1.8s infinite}.sb-embedded-live-dock.is-live-error .sb-live-pulse{background:#ff532e;box-shadow:0 0 12px #ff532e}.sb-embedded-live-dock.is-live-error strong{color:#ffad98}
@keyframes sb-live-pulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes sb-live-ring{0%{box-shadow:0 0 0 0 rgba(98,232,154,.45),0 0 12px #62e89a}70%{box-shadow:0 0 0 8px rgba(98,232,154,0),0 0 12px #62e89a}100%{box-shadow:0 0 0 0 rgba(98,232,154,0),0 0 12px #62e89a}}@keyframes sb-dock-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.sb-embedded-live-dock{left:10px;right:10px;justify-content:space-between;gap:5px;padding:7px 8px}.sb-embedded-live-dock strong{font-size:9px}.sb-embedded-live-dock a{font-size:9px;padding:6px 5px}}
@media(prefers-reduced-motion:reduce){.sb-live-counter .strikebg-irc-status-dot,.sb-live-pulse,.sb-embedded-live-dock{animation:none!important}}

/* Center the standalone chat navigation on desktop; keep hamburger only for phones. */
@media(min-width:861px){
  .strikebg-standalone .strikebg-chat-site-header .navbar-inner{display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(320px,1fr)!important;justify-content:initial!important;gap:18px!important}
  .strikebg-standalone .strikebg-chat-site-header .nav-logo{grid-column:1;justify-self:start!important}
  .strikebg-standalone .strikebg-chat-site-header .nav-links{position:static!important;grid-column:2;justify-self:center!important;display:flex!important;grid-template-columns:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important;pointer-events:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  .strikebg-standalone .strikebg-chat-site-header .nav-actions{grid-column:3;justify-self:end!important;margin:0!important}
  .strikebg-standalone .strikebg-chat-site-header .nav-counter{display:inline-flex!important}
  .strikebg-standalone .strikebg-chat-site-header .nav-toggle{display:none!important}
  .strikebg-standalone .strikebg-chat-site-header .sb-live-counter{max-width:310px!important}
}
.strikebg-standalone .strikebg-chat-site-header .sb-live-separator{color:#607080!important;font-weight:700!important}.strikebg-standalone .strikebg-chat-site-header .sb-site-live-number{color:#5fe0d5!important}.sb-embedded-live-dock small{color:#83c8c8;white-space:nowrap}

/* Cyan/green loading-screen palette — no white/orange game skin. */
:root{--sb-red:#2bd5e1!important;--sb-red-soft:rgba(43,213,225,.16)!important;--accent:#3dd8ae!important;--gold:#8ff1d4!important;--sb-text:#dff8f5!important;--sb-muted:#8da9ad!important}
html,body{color:#dff8f5!important;background:radial-gradient(circle at 18% 20%,rgba(40,212,223,.12),transparent 34%),radial-gradient(circle at 82% 70%,rgba(98,232,154,.08),transparent 36%),linear-gradient(145deg,#05070b,#090d14 55%,#05070b)!important}
.strikebg-standalone .strikebg-chat-site-header .navbar{border-bottom-color:rgba(40,212,223,.34)!important;background:linear-gradient(180deg,rgba(7,16,20,.985),rgba(5,9,13,.985))!important}.strikebg-standalone .strikebg-chat-site-header .navbar::before{background:linear-gradient(90deg,transparent 3%,#28d4df 24%,#62e89a 50%,#28d4df 76%,transparent 97%)!important;box-shadow:0 0 18px rgba(40,212,223,.45)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a{border-color:rgba(40,212,223,.14)!important;background:linear-gradient(180deg,rgba(15,31,35,.96),rgba(6,14,17,.98))!important;color:#bfe9e6!important;-webkit-text-fill-color:#bfe9e6!important}.strikebg-standalone .strikebg-chat-site-header .nav-links .nav-icon{color:#5fe0d5!important;-webkit-text-fill-color:#5fe0d5!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a:hover,.strikebg-standalone .strikebg-chat-site-header .nav-links a.active{border-color:rgba(98,232,154,.7)!important;background:linear-gradient(180deg,rgba(12,65,59,.96),rgba(5,23,25,.99))!important;color:#dff8f5!important;-webkit-text-fill-color:#dff8f5!important;box-shadow:inset 0 0 22px rgba(40,212,223,.12),0 8px 22px rgba(0,0,0,.36)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a::after{background:linear-gradient(90deg,#28d4df,#62e89a)!important;box-shadow:0 0 11px rgba(40,212,223,.72)!important}
#loading{background:radial-gradient(circle at 50% 42%,rgba(40,212,223,.16),transparent 36%),linear-gradient(145deg,#05070b,#061b22 52%,#05070b)!important}#loading-status-container{border-color:rgba(40,212,223,.34)!important;box-shadow:0 30px 80px rgba(0,0,0,.58),inset 0 1px rgba(120,240,220,.08)!important}#loading-status-container::before{color:#dff8f5!important;text-shadow:0 0 20px rgba(40,212,223,.35)!important}
#connect h1,#connect h2,#connect h3,#sign-in h1,#sign-in h2,.sb-welcome-panel h2,.sbfx-status{animation:sb-chat-text-in .7s cubic-bezier(.2,.7,.2,1) both!important;color:#dff8f5!important;text-shadow:0 0 16px rgba(40,212,223,.14)!important}.sb-welcome-copy,.sb-welcome-features,.sb-wq-foot,#connect label,#connect p{animation:sb-chat-copy-in .8s .1s ease both}.strikebg-network-v2 #chat .msg,.strikebg-network-v2 #chat .message{animation:sb-chat-text-in .45s ease both}
@keyframes sb-chat-text-in{from{opacity:0;transform:translateY(10px);letter-spacing:.035em}to{opacity:1;transform:none;letter-spacing:normal}}@keyframes sb-chat-copy-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#connect h1,#connect h2,#connect h3,#sign-in h1,#sign-in h2,.sb-welcome-panel h2,.sbfx-status,.sb-welcome-copy,.sb-welcome-features,.sb-wq-foot,#connect label,#connect p,.strikebg-network-v2 #chat .msg,.strikebg-network-v2 #chat .message{animation:none!important}}

/* Final colour pass for legacy logo/loading fragments. */
.strikebg-standalone .strikebg-chat-site-header .nav-logo .nav-brand-text b{color:#5fe0d5!important;-webkit-text-fill-color:#5fe0d5!important}.strikebg-standalone .strikebg-chat-site-header .nav-brand-mark{border-color:rgba(40,212,223,.7)!important;background:linear-gradient(145deg,rgba(40,212,223,.3),rgba(7,36,41,.72))!important;box-shadow:inset 0 0 20px rgba(40,212,223,.13),0 0 24px rgba(40,212,223,.14)!important}
#loading *,#loading-status-container *{color:#8ff1d4!important;-webkit-text-fill-color:#8ff1d4!important;border-color:rgba(40,212,223,.42)!important}#loading img,#loading .logo,#loading .logo-inverted,#loading-status-container img{filter:hue-rotate(105deg) saturate(.75)!important}#loading-status-container .loading-status{letter-spacing:.22em!important;text-shadow:0 0 14px rgba(40,212,223,.42)!important}

/* The Lounge connect screen: same cyan/green signal language and a single type/button scale. */
:root{--sbfx-orange:#28d4df!important;--sbfx-orange-hot:#62e89a!important;--sbfx-red:#167b89!important;--sbn-orange:#28d4df!important;--sbn-orange-hot:#62e89a!important;--sbn-line:rgba(40,212,223,.28)!important}
html.strikebg-network-v2 #connect{background:radial-gradient(circle at 50% 28%,rgba(40,212,223,.14),transparent 34%),radial-gradient(circle at 78% 72%,rgba(98,232,154,.09),transparent 38%),linear-gradient(145deg,#05070b,#07171c 52%,#05070b)!important}
html.strikebg-network-v2 #connect>.container{width:min(560px,94vw)!important;margin:10px auto 16px!important;padding:18px 22px 20px!important;background:linear-gradient(145deg,rgba(7,22,27,.94),rgba(5,13,17,.97))!important;border:1px solid rgba(40,212,223,.48)!important;border-top:3px solid #28d4df!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 45px rgba(40,212,223,.09)!important}
html.strikebg-network-v2 .strikebg-connect .strike-connect-title::before{background:linear-gradient(90deg,transparent,#28d4df,#62e89a,#28d4df,transparent)!important;box-shadow:0 0 18px rgba(40,212,223,.55)!important}
html.strikebg-network-v2 .strikebg-connect .strike-connect-title::after{background:radial-gradient(ellipse,rgba(40,212,223,.42),rgba(98,232,154,.12) 40%,transparent 72%)!important}
html.strikebg-network-v2 .strikebg-connect .strike-connect-meta{color:#86e9d4!important;text-shadow:0 0 14px rgba(40,212,223,.42)!important}
html.strikebg-network-v2 .strike-connect-title .sb-action-main{background-image:linear-gradient(105deg,#9cf1e6,#dff8f5 28%,#50dce1 52%,#a6f1d4 75%,#9cf1e6)!important;background-size:230% 100%!important;-webkit-text-stroke:1px rgba(17,119,131,.58)!important;text-shadow:0 3px 0 #07303a,0 0 20px rgba(40,212,223,.55)!important;animation:sb-chat-logo-flow 4s linear infinite!important}
html.strikebg-network-v2 .strike-connect-title .sb-action-accent{background-image:linear-gradient(180deg,#9cf1e6,#28d4df 48%,#198b9c)!important;-webkit-text-stroke:1px #126775!important;text-shadow:0 3px 0 #062a32,0 0 18px rgba(40,212,223,.55)!important}
html.strikebg-network-v2 .strike-connect-title .sb-action-section{border-color:rgba(40,212,223,.55)!important;background:rgba(8,42,47,.72)!important;color:#85edd0!important;box-shadow:inset 0 0 18px rgba(40,212,223,.09)!important}
html.strikebg-network-v2 .strike-connect-title .sb-action-drips{display:none!important}
@keyframes sb-chat-logo-flow{to{background-position:230% 0}}
html.strikebg-network-v2 #sidebar .strikebg-sidebar-logo{filter:hue-rotate(104deg) saturate(.85) brightness(1.18) contrast(1.04) drop-shadow(0 0 14px rgba(40,212,223,.32))!important}
html.strikebg-network-v2 #sidebar .strikebg-brand-sub{color:#7cddd0!important}
html.strikebg-network-v2 .sb-welcome-panel,html.strikebg-network-v2 .sb-welcome-quest{border-color:rgba(40,212,223,.34)!important;background:linear-gradient(135deg,rgba(10,45,51,.56),rgba(6,25,29,.62))!important;box-shadow:inset 0 1px rgba(143,241,212,.06),0 12px 30px rgba(0,0,0,.2)!important}
html.strikebg-network-v2 .sb-welcome-kicker,html.strikebg-network-v2 .sb-wq-head,html.strikebg-network-v2 .sb-qp-head{color:#62e89a!important}html.strikebg-network-v2 .sb-welcome-panel h2,html.strikebg-network-v2 .sb-q-nick{color:#dff8f5!important}html.strikebg-network-v2 .sb-welcome-copy,html.strikebg-network-v2 .sb-welcome-features span,html.strikebg-network-v2 .sb-wq-foot{color:#9fc7c7!important}html.strikebg-network-v2 .sb-welcome-features span{border-color:rgba(40,212,223,.22)!important;background:rgba(40,212,223,.06)!important}
html.strikebg-network-v2 #connect input{min-height:42px!important;border-color:rgba(40,212,223,.43)!important;background:rgba(3,14,18,.82)!important;color:#dff8f5!important;font-size:15px!important}html.strikebg-network-v2 #connect input:focus{border-color:#62e89a!important;box-shadow:0 0 0 3px rgba(40,212,223,.13)!important}
html.strikebg-network-v2 #connect button,html.strikebg-network-v2 #connect .btn,html.strikebg-network-v2 .sb-welcome-actions button,html.strikebg-network-v2 .sb-welcome-actions a{min-height:42px!important;height:42px!important;padding:0 16px!important;border-color:rgba(40,212,223,.62)!important;border-radius:8px!important;background:linear-gradient(135deg,#28d4df,#62e89a)!important;color:#041619!important;-webkit-text-fill-color:#041619!important;font:800 13px/1 var(--font-head,"Rajdhani",sans-serif)!important;letter-spacing:.055em!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(40,212,223,.17)!important}html.strikebg-network-v2 #connect button:hover,html.strikebg-network-v2 #connect .btn:hover,html.strikebg-network-v2 .sb-welcome-actions button:hover,html.strikebg-network-v2 .sb-welcome-actions a:hover{background:linear-gradient(135deg,#62e89a,#28d4df)!important;border-color:#a2f5d5!important;transform:translateY(-1px)!important}
html.strikebg-network-v2 #connect label,html.strikebg-network-v2 #connect p{color:#a5c9c8!important;font-size:14px!important;line-height:1.45!important}.strikebg-standalone .strikebg-chat-site-header .nav-counter-label{color:#28d4df!important;border-color:rgba(40,212,223,.36)!important;background:rgba(40,212,223,.1)!important}
@media(max-width:768px){html.strikebg-network-v2 #connect>.container{padding:14px!important;border-radius:10px!important}html.strikebg-network-v2 #connect button,html.strikebg-network-v2 #connect .btn,html.strikebg-network-v2 .sb-welcome-actions button,html.strikebg-network-v2 .sb-welcome-actions a{min-height:40px!important;height:40px!important;font-size:12px!important}.strike-connect-title .sb-action-logo{font-size:clamp(2.15rem,11.8vw,3.45rem)!important}}

/* The public connect view is rendered before the network class is assigned. */
.strikebg-connect .strike-connect-title::before{background:linear-gradient(90deg,transparent,#28d4df,#62e89a,#28d4df,transparent)!important;box-shadow:0 0 18px rgba(40,212,223,.55)!important}.strikebg-connect .strike-connect-title::after{background:radial-gradient(ellipse,rgba(40,212,223,.42),rgba(98,232,154,.12) 40%,transparent 72%)!important}.strikebg-connect .strike-connect-meta{color:#86e9d4!important;text-shadow:0 0 14px rgba(40,212,223,.42)!important}.strike-connect-title .sb-action-main{background-image:linear-gradient(105deg,#9cf1e6,#dff8f5 28%,#50dce1 52%,#a6f1d4 75%,#9cf1e6)!important;-webkit-text-stroke:1px rgba(17,119,131,.58)!important;text-shadow:0 3px 0 #07303a,0 0 20px rgba(40,212,223,.55)!important;animation:sb-chat-logo-flow 4s linear infinite!important}.strike-connect-title .sb-action-accent{background-image:linear-gradient(180deg,#9cf1e6,#28d4df 48%,#198b9c)!important;-webkit-text-stroke:1px #126775!important;text-shadow:0 3px 0 #062a32,0 0 18px rgba(40,212,223,.55)!important;filter:drop-shadow(0 0 17px rgba(40,212,223,.34))!important}.strike-connect-title .sb-action-section{border-color:rgba(40,212,223,.55)!important;background:rgba(8,42,47,.72)!important;color:#85edd0!important;-webkit-text-fill-color:#85edd0!important;text-shadow:0 0 13px rgba(40,212,223,.25)!important}.strike-connect-title .sb-action-drips{display:none!important}
.sb-welcome-panel,.sb-welcome-quest{border-color:rgba(40,212,223,.34)!important;background:linear-gradient(135deg,rgba(10,45,51,.56),rgba(6,25,29,.62))!important}.sb-welcome-kicker,.sb-wq-head,.sb-qp-head{color:#62e89a!important}.sb-welcome-panel h2,.sb-q-nick{color:#dff8f5!important}.sb-welcome-copy,.sb-welcome-features span,.sb-wq-foot{color:#9fc7c7!important}.sb-welcome-features span{border-color:rgba(40,212,223,.22)!important;background:rgba(40,212,223,.06)!important}#connect input{min-height:42px!important;border-color:rgba(40,212,223,.43)!important;background:rgba(3,14,18,.82)!important;color:#dff8f5!important;font-size:15px!important}#connect input:focus{border-color:#62e89a!important;box-shadow:0 0 0 3px rgba(40,212,223,.13)!important}#connect button,#connect .btn,.sb-welcome-actions button,.sb-welcome-actions a{min-height:42px!important;height:42px!important;padding:0 16px!important;border-color:rgba(40,212,223,.62)!important;border-radius:8px!important;background:linear-gradient(135deg,#28d4df,#62e89a)!important;color:#041619!important;-webkit-text-fill-color:#041619!important;font:800 13px/1 var(--font-head,"Rajdhani",sans-serif)!important;letter-spacing:.055em!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(40,212,223,.17)!important}#connect button:hover,#connect .btn:hover,.sb-welcome-actions button:hover,.sb-welcome-actions a:hover{background:linear-gradient(135deg,#62e89a,#28d4df)!important;border-color:#a2f5d5!important;transform:translateY(-1px)!important}#connect label,#connect p{color:#a5c9c8!important;font-size:14px!important;line-height:1.45!important}
.sb-welcome-quest .sb-q-rank,.sb-welcome-quest .sb-q-pts,.sb-welcome-quest .sb-wq-foot a,#sb-quest-panel .sb-q-rank,#sb-quest-panel .sb-q-pts{color:#5fe0d5!important}.sb-welcome-quest .sb-wq-foot a:hover{color:#a2f5d5!important}
.sb-privacy-notice{max-width:440px;margin:11px auto 0!important;color:#789a9d!important;font:600 11px/1.45 var(--font-head,"Rajdhani",sans-serif)!important;text-align:center!important;letter-spacing:.01em}.sb-privacy-notice a{color:#63e2c0!important;text-decoration:underline!important;text-decoration-color:rgba(98,232,154,.45)!important;text-underline-offset:2px}.sb-privacy-notice a:hover{color:#a2f5d5!important}
.sb-privacy-trigger,#connect .sb-privacy-trigger{display:inline;padding:0!important;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#63e2c0!important;font:inherit!important;letter-spacing:inherit!important;text-decoration:underline!important;text-decoration-color:rgba(98,232,154,.45)!important;text-underline-offset:2px;cursor:pointer}.sb-privacy-trigger:hover,#connect .sb-privacy-trigger:hover{color:#a2f5d5!important;transform:none!important}.sb-modal-open{overflow:hidden!important}.sb-privacy-modal{position:fixed;z-index:2147483647;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,9,12,.82);backdrop-filter:blur(9px)}.sb-privacy-modal.is-open{display:flex}.sb-privacy-dialog{position:relative;width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(40,212,223,.45);border-radius:13px;background:linear-gradient(145deg,#07191d,#061015);box-shadow:0 25px 80px rgba(0,0,0,.65),inset 0 1px rgba(143,241,212,.1);padding:32px;color:#c9e5e3}.sb-privacy-dialog h2{margin:0 42px 22px 0;color:#79ead9;font:800 clamp(16px,2.6vw,24px)/1.25 var(--font-head,"Rajdhani",sans-serif);letter-spacing:.055em}.sb-privacy-close{position:absolute;top:14px;right:16px;width:33px;height:33px;border:1px solid rgba(40,212,223,.35);border-radius:7px;background:rgba(40,212,223,.08);color:#8df2df;font:26px/29px sans-serif;cursor:pointer}.sb-privacy-close:hover{background:rgba(98,232,154,.16)}.sb-privacy-text{font:500 15px/1.62 var(--font-head,"Rajdhani",sans-serif);color:#b5cfce}.sb-privacy-text>p{margin:0 0 19px;color:#d9f1ef;font-weight:700}.sb-privacy-text ol{margin:0;padding-left:24px}.sb-privacy-text li{padding:0 0 15px 4px}.sb-privacy-text b{color:#70e8d4}@media(max-width:560px){.sb-privacy-modal{padding:10px}.sb-privacy-dialog{max-height:calc(100vh - 20px);padding:24px 18px}.sb-privacy-dialog h2{font-size:18px}.sb-privacy-text{font-size:14px}.sb-privacy-text ol{padding-left:20px}}

/* Shared StrikeBG wordmark: standalone chat now matches portal and loading screen. */
.strikebg-standalone .nav-brand-text{font-style:italic!important;letter-spacing:-.035em!important;background-image:linear-gradient(105deg,#f8ffff 0%,#93aeb1 30%,#e9ffff 57%,#8aa8aa 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:1px 1px 0 rgba(12,47,51,.8)!important}.strikebg-standalone .nav-brand-text b{margin-left:.06em!important;color:#28d4df!important;-webkit-text-fill-color:#28d4df!important;text-shadow:1px 1px 0 #07505c,0 0 8px rgba(40,212,223,.45)!important}.strike-connect-title .sb-action-main{background-image:linear-gradient(105deg,#f8ffff 0%,#93aeb1 19%,#e9ffff 37%,#bbd5d4 55%,#749497 76%,#f8ffff 100%)!important;background-size:230% 100%!important;-webkit-text-stroke:1px rgba(211,255,250,.13)!important;text-shadow:2px 2px 0 rgba(12,47,51,.82),4px 4px 0 rgba(2,13,17,.88)!important}.strike-connect-title .sb-action-accent{background-image:linear-gradient(180deg,#b8fff0 0%,#28d4df 45%,#167c91 78%,#72e8d0 100%)!important;-webkit-text-stroke:1px rgba(92,244,223,.3)!important;text-shadow:2px 2px 0 #07505c,4px 4px 0 rgba(2,22,27,.9)!important;filter:drop-shadow(0 0 14px rgba(40,212,223,.34))!important}
@media(max-width:700px){.strikebg-standalone .strikebg-chat-site-header .navbar-inner{justify-content:space-between!important;padding-inline:10px!important}.strikebg-standalone .strikebg-chat-site-header .nav-actions .sb-live-counter,.strikebg-standalone .strikebg-chat-site-header .nav-actions .nav-counter{display:none!important}.strikebg-standalone .strikebg-chat-site-header .nav-logo{margin-left:0!important;min-width:0!important}.strikebg-standalone .strikebg-chat-site-header .nav-actions{margin-left:auto!important}}

/* Standalone header: match the portal's living signal-deck navigation. */
@media(min-width:861px){.strikebg-standalone .strikebg-chat-site-header .nav-links a{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid transparent!important;transition:color .22s,background .22s,border-color .22s,transform .22s,box-shadow .22s!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a::before{content:""!important;position:absolute!important;z-index:-1!important;inset:-1px!important;background:linear-gradient(112deg,transparent 18%,rgba(40,212,223,.03) 38%,rgba(143,241,212,.22) 50%,rgba(40,212,223,.03) 62%,transparent 82%)!important;transform:translateX(-135%)!important;transition:transform .48s ease!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a::after{right:10px!important;bottom:4px!important;left:10px!important;height:1px!important;background:linear-gradient(90deg,transparent,#28d4df,#62e89a,transparent)!important;opacity:0!important;transform:scaleX(.25)!important;transition:opacity .22s,transform .28s!important;box-shadow:0 0 10px rgba(40,212,223,.6)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a:hover{transform:translateY(-2px)!important;border-color:rgba(40,212,223,.3)!important;background:rgba(14,42,47,.78)!important;box-shadow:0 10px 23px rgba(0,0,0,.25),inset 0 0 18px rgba(40,212,223,.08)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a:hover::before{transform:translateX(135%)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a:hover::after,.strikebg-standalone .strikebg-chat-site-header .nav-links a.active::after{opacity:1!important;transform:scaleX(1)!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a.active{border-color:rgba(98,232,154,.38)!important;background:linear-gradient(145deg,rgba(14,67,63,.78),rgba(6,25,30,.9))!important;box-shadow:inset 0 0 19px rgba(40,212,223,.1),0 7px 20px rgba(0,0,0,.25)!important;animation:portal-nav-live 2.8s ease-in-out infinite!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a.active .nav-icon{position:relative;color:#72e8d0!important;text-shadow:0 0 10px rgba(40,212,223,.7)}.strikebg-standalone .strikebg-chat-site-header .nav-links a.active .nav-icon::after{content:"";position:absolute;top:-4px;right:-5px;width:4px;height:4px;border-radius:50%;background:#62e89a;box-shadow:0 0 0 0 rgba(98,232,154,.5),0 0 10px #62e89a;animation:portal-nav-dot 1.8s ease-out infinite}}
@media(prefers-reduced-motion:reduce){.strikebg-standalone .strikebg-chat-site-header .nav-links a.active,.strikebg-standalone .strikebg-chat-site-header .nav-links a.active .nav-icon::after{animation:none!important}.strikebg-standalone .strikebg-chat-site-header .nav-links a:hover{transform:none!important}}

/* STRIKEBG_LIVE_EXPERIENCE_V1 — shared living signal deck for standalone and embedded chat. */
html.strikebg-live-experience body{background:radial-gradient(circle at 18% 18%,rgba(40,212,223,.13),transparent 31%),radial-gradient(circle at 86% 75%,rgba(98,232,154,.1),transparent 34%),linear-gradient(145deg,#04080b,#07171b 52%,#04080b)!important}
html.strikebg-live-experience body:before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.3;background:radial-gradient(380px circle at var(--sb-chat-pointer-x,50%) var(--sb-chat-pointer-y,45%),rgba(40,212,223,.13),transparent 70%),linear-gradient(rgba(40,212,223,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(40,212,223,.018) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px;mix-blend-mode:screen}
html.strikebg-live-experience #app,html.strikebg-live-experience #connect,html.strikebg-live-experience #sign-in,html.strikebg-live-experience #loading{position:relative;z-index:1}
.sb-chat-code-layer{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.sb-chat-code-layer span{position:absolute;left:var(--sb-chat-code-left);top:var(--sb-chat-code-top);color:rgba(118,241,220,.18);font:700 9px/1 var(--font-mono,monospace);letter-spacing:.13em;white-space:nowrap;text-shadow:0 0 12px rgba(40,212,223,.28);animation:sb-chat-code-float var(--sb-chat-code-speed,13s) linear infinite;animation-delay:var(--sb-chat-code-delay,0s)}
.sb-chat-code-layer span:nth-child(3n){color:rgba(98,232,154,.17)}.sb-chat-code-layer span:nth-child(4n){color:rgba(184,255,240,.12)}
.sb-chat-radar{position:fixed;z-index:0;right:clamp(24px,8vw,150px);bottom:clamp(58px,10vh,120px);width:220px;aspect-ratio:1;border:1px solid rgba(40,212,223,.14);border-radius:50%;opacity:.42;pointer-events:none;box-shadow:0 0 0 26px rgba(40,212,223,.025),0 0 0 52px rgba(98,232,154,.018),inset 0 0 50px rgba(40,212,223,.04)}
.sb-chat-radar:before,.sb-chat-radar:after{content:"";position:absolute;inset:18%;border:1px solid rgba(40,212,223,.19);border-radius:50%}.sb-chat-radar:after{inset:39%;border-color:rgba(98,232,154,.2)}
.sb-chat-radar b{position:absolute;left:50%;top:50%;width:1px;height:50%;transform-origin:top;background:linear-gradient(#62e89a,transparent);box-shadow:0 0 12px #62e89a;animation:sb-chat-radar-sweep 5s linear infinite}
.sb-chat-radar i{position:absolute;width:6px;height:6px;border-radius:50%;background:#28d4df;box-shadow:0 0 14px #28d4df;animation:sb-chat-node 2.6s ease-in-out infinite}.sb-chat-radar i:nth-child(2){left:18%;top:30%}.sb-chat-radar i:nth-child(3){right:18%;top:23%;color:#62e89a;background:currentColor;animation-delay:-.7s}.sb-chat-radar i:nth-child(4){right:12%;bottom:27%;animation-delay:-1.2s}.sb-chat-radar i:nth-child(5){left:28%;bottom:17%;color:#b8fff0;background:currentColor;animation-delay:-1.8s}
.sb-chat-hud{position:fixed;z-index:1201;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(40,212,223,.22);border-radius:7px;background:rgba(3,14,18,.78);box-shadow:0 12px 32px rgba(0,0,0,.34),inset 0 1px rgba(184,255,240,.06);backdrop-filter:blur(12px);color:#9fc7c7;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.1em;pointer-events:none;animation:sb-chat-hud-in .5s ease both}.sb-chat-hud i{width:6px;height:6px;border-radius:50%;background:#62e89a;box-shadow:0 0 0 0 rgba(98,232,154,.45),0 0 10px #62e89a;animation:sb-chat-hud-pulse 1.8s infinite}.sb-chat-hud strong{color:#dff8f5}.sb-chat-hud span{color:#62e89a;font-size:11px}
html.strikebg-live-experience #connect>.container,html.strikebg-live-experience #sign-in>.container{isolation:isolate;overflow:hidden}html.strikebg-live-experience #connect>.container:before,html.strikebg-live-experience #sign-in>.container:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 20%,rgba(40,212,223,.09) 50%,transparent 80%);transform:translateX(-120%);animation:sb-chat-card-scan 7s ease-in-out infinite;pointer-events:none}
html.strikebg-live-experience #connect input:focus,html.strikebg-live-experience #sign-in input:focus{box-shadow:0 0 0 3px rgba(40,212,223,.13),0 0 24px rgba(98,232,154,.1)!important}
html.strikebg-live-experience #chat .msg.sb-new-message{animation:sb-chat-message-in .42s cubic-bezier(.2,.7,.2,1) both!important}
html.strikebg-live-experience #chat .msg[data-sb-avatar]:hover::before{transform:translateY(-2px) scale(1.07);box-shadow:0 0 0 2px rgba(40,212,223,.18),0 0 24px hsl(var(--sb-avatar-hue) 70% 45% / .3)}
@keyframes sb-chat-code-float{0%{opacity:0;transform:translate3d(-16px,18px,0)}14%,78%{opacity:.9}100%{opacity:0;transform:translate3d(28px,-42px,0)}}
@keyframes sb-chat-radar-sweep{to{transform:rotate(360deg)}}@keyframes sb-chat-node{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes sb-chat-hud-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sb-chat-hud-pulse{0%,100%{box-shadow:0 0 0 0 rgba(98,232,154,.45),0 0 10px #62e89a}70%{box-shadow:0 0 0 7px rgba(98,232,154,0),0 0 10px #62e89a}}@keyframes sb-chat-card-scan{0%,24%{transform:translateX(-120%);opacity:0}36%{opacity:1}58%,100%{transform:translateX(120%);opacity:0}}@keyframes sb-chat-message-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.sb-chat-radar{right:-75px;bottom:92px;width:180px;opacity:.24}.sb-chat-code-layer{opacity:.5}.sb-chat-hud{left:10px;right:10px;bottom:10px;justify-content:center;font-size:8px}.sb-chat-hud span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html.strikebg-live-experience body:before,.sb-chat-code-layer span,.sb-chat-radar b,.sb-chat-radar i,.sb-chat-hud,.sb-chat-hud i,html.strikebg-live-experience #connect>.container:before,html.strikebg-live-experience #sign-in>.container:before,html.strikebg-live-experience #chat .msg.sb-new-message{animation:none!important}.sb-chat-code-layer,.sb-chat-radar{display:none}.sb-chat-hud{animation:none!important}}


/* Mobile recovery: keep the chat controls usable and the user list reachable. */
@media (max-width: 768px) {
  .sb-embedded-live-dock {
    display: none !important;
  }

  #viewport .rt {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 24000 !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  #viewport #chat .userlist {
    width: min(280px, 82vw) !important;
    max-width: 82vw !important;
    z-index: 24000 !important;
    height: calc(100% - var(--sb-compose-h, 68px)) !important;
    max-height: calc(100% - var(--sb-compose-h, 68px)) !important;
  }

  #viewport.userlist-open #chat .userlist {
    display: flex !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Keep the message composer above the mobile user-list overlay. */
  html.strikebg-standalone #form {
    z-index: 26000 !important;
  }
}

/* Mobile hard guard: the composer must survive both standalone and embedded chat modes. */
@media (max-width: 768px) {
  #form,
  html.strikebg-standalone #form,
  html.strikebg-embedded #form {
    position: fixed !important;
    inset: auto 0 0 !important;
    z-index: 30000 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
  }

  #form form,
  #form .input,
  #form .input-wrapper {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #form #input,
  #form textarea,
  #form input[type="text"],
  #form [contenteditable="true"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .sb-chat-hud {
    display: none !important;
  }
}

/* Do not let startup layers cover a composer that is already mounted. */
@media (max-width: 768px) {
  body:has(#form) #strikebg-connection-fx,
  body:has(#form) .sbfx-overlay,
  body:has(#form) #loading {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* NAV_PANEL_PARITY_FINAL */html.strikebg-standalone,html.strikebg-embedded{--nav-h:78px!important}@media(min-width:861px){html.strikebg-standalone .strikebg-chat-site-header .navbar-inner,html.strikebg-embedded .strikebg-chat-site-header .navbar-inner{display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(320px,1fr)!important;justify-content:initial!important;gap:18px!important}html.strikebg-standalone .strikebg-chat-site-header .nav-logo,html.strikebg-embedded .strikebg-chat-site-header .nav-logo{grid-column:1;justify-self:start!important}html.strikebg-standalone .strikebg-chat-site-header .nav-links,html.strikebg-embedded .strikebg-chat-site-header .nav-links{position:static!important;grid-column:2;justify-self:center!important;display:flex!important;grid-template-columns:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important;pointer-events:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}html.strikebg-standalone .strikebg-chat-site-header .nav-actions,html.strikebg-embedded .strikebg-chat-site-header .nav-actions{grid-column:3;justify-self:end!important;margin:0!important}html.strikebg-standalone .strikebg-chat-site-header .nav-counter,html.strikebg-embedded .strikebg-chat-site-header .nav-counter{display:inline-flex!important}html.strikebg-standalone .strikebg-chat-site-header .nav-toggle,html.strikebg-embedded .strikebg-chat-site-header .nav-toggle{display:none!important}}@media(max-width:860px){html.strikebg-standalone .strikebg-chat-site-header .navbar-inner,html.strikebg-embedded .strikebg-chat-site-header .navbar-inner{display:flex!important;justify-content:space-between!important;gap:8px!important;padding-inline:10px!important}html.strikebg-standalone .strikebg-chat-site-header .nav-logo,html.strikebg-embedded .strikebg-chat-site-header .nav-logo{position:static!important;margin:0!important;min-width:0!important}html.strikebg-standalone .strikebg-chat-site-header .nav-actions,html.strikebg-embedded .strikebg-chat-site-header .nav-actions{margin-left:auto!important;margin-right:0!important}html.strikebg-standalone .strikebg-chat-site-header .nav-counter,html.strikebg-embedded .strikebg-chat-site-header .nav-counter{display:none!important}html.strikebg-standalone .strikebg-chat-site-header .nav-toggle,html.strikebg-embedded .strikebg-chat-site-header .nav-toggle{display:flex!important}}@media(max-width:700px){html.strikebg-standalone,html.strikebg-embedded{--nav-h:68px!important}html.strikebg-standalone .strikebg-chat-site-header .nav-links,html.strikebg-embedded .strikebg-chat-site-header .nav-links{top:68px!important}}