/* Bloody DM static export helpers */
.mantine-Tabs-tab[data-active="true"],
[role="tab"][aria-selected="true"] {
  opacity: 1;
}

[role="tabpanel"][data-static-hidden="true"] {
  display: none !important;
}

img[alt*="logo" i] {
  display: block !important;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
}

a.relative img[alt*="logo" i] {
  position: static !important;
  height: 100% !important;
  width: 100% !important;
}

svg use[href*="sprite.svg"] {
  pointer-events: none;
}

.bloodydm-brand {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative;
  z-index: 2;
}

div.absolute:has(> .bloodydm-brand) {
  z-index: 5 !important;
}

div.absolute:has(> .bloodydm-brand) p {
  color: #fff;
  position: relative;
  z-index: 2;
}

.bloodydm-nick {
  color: #fff;
}

/* hide only hero car + play (not how-to-play video-cover) */
img[alt="video-bg"][src*="video-example"],
a.group.relative.flex:has(img[alt="video-bg"][src*="video-example"]),
div.group.relative.flex:has(img[alt="video-bg"][src*="video-example"]) {
  display: none !important;
}

/* how-to-play video cover: show Play, but clicks do nothing */
a.bloodydm-video-dead,
a[href*="show_video"],
a.group.relative.flex:has(img[alt="video-bg"][src*="video-cover"]) {
  pointer-events: none !important;
  cursor: default !important;
}

/* without preview, parent had 0 height — restore space for death/match + brand */
.relative.flex.w-full.flex-col:has(> h1.roleplay__transparent) {
  min-height: clamp(11rem, 40vw, 19.03rem);
}

@media (min-width: 768px) {
  .relative.flex.w-full.flex-col:has(> h1.roleplay__transparent) {
    min-height: clamp(12rem, 22vw, 27rem);
  }
}


.bloodydm-about-title {
  display: inline-block;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.78em;
  line-height: 1;
  transform: translateX(0.55rem);
}

.how-to-play__transparent {
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.bloodydm-about-clip,
.bloodydm-about-photo {
  height: 5.375rem !important;
  width: 12.063rem !important;
  min-width: 12.063rem !important;
}

@media (min-width: 640px) {
  .bloodydm-about-title {
    font-size: 0.76em;
    transform: translateX(0.9rem);
  }

  .bloodydm-about-clip,
  .bloodydm-about-photo {
    height: 10.375rem !important;
    width: 20.2rem !important;
    min-width: 20.2rem !important;
  }
}

@media (min-width: 768px) {
  .bloodydm-about-title {
    font-size: 0.74em;
    transform: translateX(1.25rem);
  }

  .bloodydm-about-clip,
  .bloodydm-about-photo {
    height: 18rem !important;
    width: 26.938rem !important;
    min-width: 26.938rem !important;
  }
}

@media (min-width: 1280px) {
  .bloodydm-about-title {
    font-size: 0.72em;
    transform: translateX(1.75rem);
  }

  .bloodydm-about-clip,
  .bloodydm-about-photo {
    height: 28rem !important;
    width: 38.938rem !important;
    min-width: 38.938rem !important;
  }
}

@media (min-width: 1536px) {
  .bloodydm-about-title {
    font-size: 0.7em;
    transform: translateX(2.25rem);
  }

  .bloodydm-about-clip,
  .bloodydm-about-photo {
    height: 38rem !important;
    width: 52rem !important;
    min-width: 52rem !important;
  }
}

h1.roleplay__transparent .flex.flex-col {
  letter-spacing: -0.04em;
}

h1.roleplay__transparent .flex.flex-col span {
  display: block;
  line-height: 0.82;
}

/* second line "match" shifted right */
h1.roleplay__transparent .flex.flex-col > span:last-child {
  padding-left: 2.85em;
}

h1.roleplay__transparent {
  z-index: 0 !important;
}

@media (min-width: 768px) {
  h1.roleplay__transparent {
    display: inline-flex !important;
  }
}

.bloodydm-hero-line,
.bloodydm-sep,
.bloodydm-nick {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

svg use[href*="logo-servers"],
svg.icon:has(use[href*="logo-servers"]),
div.absolute:has(> .bloodydm-brand) svg.icon {
  display: none !important;
}



@media (min-width: 1920px) {
  div.flex.h-full.flex-row.flex-wrap.gap-2 a.bg-brightOrange {
    font-size: 1.25rem;
  }
}

/* store buy buttons — one horizontal row */
.bloodydm-store-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  width: max-content;
  max-width: 100%;
}

.bloodydm-store-btn {
  display: block !important;
  width: 7.25rem !important;
  height: 7.25rem !important;
  min-width: 7.25rem !important;
  flex: 0 0 auto !important;
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
}

@media (min-width: 768px) {
  .bloodydm-store-btn {
    width: 8.25rem !important;
    height: 8.25rem !important;
    min-width: 8.25rem !important;
    font-size: 0.9rem !important;
  }
}

@media (min-width: 1280px) {
  .bloodydm-store-btn {
    width: 10rem !important;
    height: 10rem !important;
    min-width: 10rem !important;
    font-size: 1.05rem !important;
    padding: 1.1rem !important;
  }
}

@media (min-width: 1920px) {
  .bloodydm-store-btn {
    width: 12.5rem !important;
    height: 12.5rem !important;
    min-width: 12.5rem !important;
    font-size: 1.35rem !important;
    padding: 1.35rem !important;
  }
}

/* copy IP toast — bottom left, same style as original */
.bloodydm-copy-toast {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 250;
  margin: 0;
  padding: 1rem 1.5rem;
  background-color: rgb(255, 122, 47);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}

.bloodydm-copy-toast--show {
  opacity: 1;
  animation: bloodydmCopyNotice 1.5s linear;
}

.bloodydm-copy-toast--hide {
  opacity: 0;
}

.bloodydm-copy-toast__text {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .bloodydm-copy-toast {
    left: 0;
    bottom: 1.5rem;
    padding: 1.75rem 3.438rem;
  }
}

@keyframes bloodydmCopyNotice {
  0% {
    opacity: 0.5;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

/* center Discord / TG / TikTok / YouTube */
.bloodydm-socials {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 56rem;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bloodydm-socials > .bloodydm-social-card,
.bloodydm-socials > a.group {
  width: 25% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  flex: 1 1 25% !important;
}

@media (max-width: 699px) {
  .bloodydm-socials {
    flex-wrap: wrap !important;
    max-width: 100%;
  }

  .bloodydm-socials > .bloodydm-social-card,
  .bloodydm-socials > a.group {
    width: 50% !important;
    flex: 1 1 50% !important;
  }
}

nav a[title="Перейти на главную"],
nav a[aria-label*="главн" i] {
  width: 13.75rem !important;
  height: 3.25rem !important;
  margin-bottom: 0 !important;
}

nav a[title="Перейти на главную"] img,
nav a[aria-label*="главн" i] img,
.bloodydm-header-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.bloodydm-footer-logo-link {
  display: inline-flex !important;
  height: 3.75rem !important;
  width: 14.5rem !important;
}

@media (min-width: 640px) {
  .bloodydm-footer-logo-link {
    height: 4.25rem !important;
    width: 16.5rem !important;
  }
}

@media (min-width: 1920px) {
  .bloodydm-footer-logo-link {
    height: 5rem !important;
    width: 19rem !important;
  }
}

.bloodydm-footer-logo {
  filter: none !important;
  opacity: 1 !important;
}

.bloodydm-footer-logo-link:hover .bloodydm-footer-logo {
  filter: none;
  opacity: 1;
}

.bloodydm-footer-legal {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.625rem !important;
}

/* live server online on card */
.bloodydm-online {
  display: inline-flex;
  align-items: baseline;
  gap: 0.15em;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.85;
}

.bloodydm-online--live {
  opacity: 1;
}

.bloodydm-playing-count {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.bloodydm-playing-count--live {
  transition: opacity 0.2s ease;
  opacity: 1;
}

.bloodydm-online-sep {
  opacity: 0.55;
  font-weight: 400;
}

/* header: Заявки dropdown */
.bloodydm-nav-apps {
  position: relative;
  align-items: center;
}

.bloodydm-nav-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: auto;
  line-height: 1 !important;
  vertical-align: middle;
  box-sizing: border-box;
}

.bloodydm-nav-apps > a.bloodydm-nav-link {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}

.bloodydm-nav-apps-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 13.5rem;
  padding: 0.4rem 0;
  margin-top: 0;
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  z-index: 80;
}

.bloodydm-nav-apps.is-open .bloodydm-nav-apps-menu,
.bloodydm-nav-apps:hover .bloodydm-nav-apps-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bloodydm-nav-apps-menu a {
  display: block;
  padding: 0.85rem 1.15rem;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: nowrap;
  line-height: 1;
  transition: color 0.2s ease, background 0.2s ease;
}

.bloodydm-nav-apps-menu a:hover {
  color: #ff6a00;
  background: rgba(255, 255, 255, 0.04);
}

/* applications page content */
.bloodydm-apps-lead {
  margin: 0;
}

.bloodydm-apps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 760px) {
  .bloodydm-apps-grid {
    grid-template-columns: 1fr;
  }
}

.bloodydm-apps-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  text-align: left;
  padding: 1.5rem 1.35rem;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.bloodydm-apps-grid .bloodydm-apps-card:nth-child(2n) {
  border-right: 0;
}

.bloodydm-apps-grid .bloodydm-apps-card:nth-last-child(-n + 2) {
  border-bottom: 0;
}

@media (max-width: 760px) {
  .bloodydm-apps-card {
    border-right: 0;
  }

  .bloodydm-apps-grid .bloodydm-apps-card:nth-last-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .bloodydm-apps-grid .bloodydm-apps-card:last-child {
    border-bottom: 0;
  }
}

.bloodydm-apps-card:hover {
  background: rgba(255, 106, 0, 0.08);
}

.bloodydm-apps-card-kicker {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

.bloodydm-apps-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.bloodydm-apps-card-go {
  margin-top: 0.35rem;
  color: #ff6a00;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.bloodydm-apps-form-panel {
  margin-top: 0.25rem;
}

.bloodydm-apps-back {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  padding: 0;
  margin: 0 0 1.35rem;
  cursor: pointer;
  font: inherit;
  font-size: 0.9rem;
}

.bloodydm-apps-back:hover {
  color: #ff6a00;
}

.bloodydm-apps-form-title {
  margin: 0 0 0.55rem;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  line-height: 1.1;
}

.bloodydm-apps-form-hint {
  margin: 0 0 1.5rem;
  font-size: 0.92rem;
  line-height: 1.45;
}

.bloodydm-apps-form {
  display: grid;
  gap: 1rem;
}

.bloodydm-apps-field {
  display: grid;
  gap: 0.45rem;
}

.bloodydm-apps-field-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.bloodydm-apps-field-hint {
  font-size: 0.78rem;
  color: rgba(255, 106, 0, 0.9);
}

.bloodydm-apps-field input,
.bloodydm-apps-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  padding: 0.9rem 1rem;
  font: inherit;
  outline: none;
  resize: vertical;
}

.bloodydm-apps-field input:focus,
.bloodydm-apps-field textarea:focus {
  border-color: rgba(255, 106, 0, 0.7);
}

.bloodydm-apps-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.bloodydm-apps-btn {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.95rem 1.25rem;
  transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.bloodydm-apps-btn--primary {
  background: #ff6a00;
  color: #fff;
}

.bloodydm-apps-btn--primary:hover {
  opacity: 0.92;
}

.bloodydm-apps-btn--ghost {
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.bloodydm-apps-btn--ghost:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.bloodydm-apps-note {
  margin: 1.25rem 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

.bloodydm-apps-note a {
  color: #ff6a00;
  text-decoration: none;
}

.bloodydm-apps-note a:hover {
  text-decoration: underline;
}

.bloodydm-apps-toast {
  position: fixed;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) translateY(12px);
  background: #121214;
  border: 1px solid rgba(255, 106, 0, 0.45);
  color: #fff;
  padding: 0.85rem 1.15rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 90;
  max-width: min(90vw, 28rem);
  text-align: center;
  font-size: 0.9rem;
}

.bloodydm-apps-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* login / game account sync */
.bloodydm-login-error {
  margin: 0;
  color: #f87171;
  font-size: 0.9rem;
}

.bloodydm-login-native-hint {
  max-width: 24.625rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9rem;
  line-height: 1.45;
}

.bloodydm-login-session {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.bloodydm-login-session-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.bloodydm-login-session-text b {
  color: #fff;
}

.bloodydm-login-session-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

/* profile / stats */
.bloodydm-profile-root {
  width: 100%;
  max-width: 68rem;
  margin: 0 auto 4rem;
  padding: 0 0 2rem;
}

.bloodydm-profile-loading,
.bloodydm-profile-guest {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.05rem;
  line-height: 1.5;
}

.bloodydm-profile-guest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem 0;
}

.bloodydm-profile {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.bloodydm-profile-hero {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 1.25rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.85);
}

@media (min-width: 768px) {
  .bloodydm-profile-hero {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.75rem 1.75rem;
  }
}

.bloodydm-profile-identity {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bloodydm-profile-avatar {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2a2e;
  border: 1px solid #4a4a4e;
  color: #ff7a2f;
  font-size: 1.35rem;
  font-weight: 700;
  text-transform: uppercase;
}

.bloodydm-profile-login {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.bloodydm-profile-static {
  margin: 0.35rem 0 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.9rem;
}

.bloodydm-profile-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bloodydm-profile-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 700px) {
  .bloodydm-profile-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}

.bloodydm-profile-stat {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.15rem 1.15rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.7);
}

.bloodydm-profile-stat-label {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.bloodydm-profile-stat-value {
  color: #fff;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.1;
}

.bloodydm-profile-stat-sub {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
}

.bloodydm-profile-panel {
  padding: 1.25rem 1.15rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.7);
}

.bloodydm-profile-panel-title {
  margin: 0 0 0.85rem;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
}

.bloodydm-profile-panel-hint {
  margin: -0.4rem 0 0.85rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.9rem;
}

.bloodydm-profile-skill-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.55rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.95rem;
}

.bloodydm-profile-skill-bar {
  height: 0.55rem;
  background: #2a2a2e;
  overflow: hidden;
}

.bloodydm-profile-skill-bar > span {
  display: block;
  height: 100%;
  background: #ff7a2f;
  transition: width 0.45s ease;
}

.bloodydm-profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 900px) {
  .bloodydm-profile-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.bloodydm-profile-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.bloodydm-profile-list li {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.bloodydm-profile-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.bloodydm-profile-list-title {
  color: #fff;
  font-weight: 600;
}

.bloodydm-profile-list-meta {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.85rem;
}

.bloodydm-profile-empty {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
}

/* hide leftover register/restore prompts on login */
.bloodydm-hide-register,
form + div a[href*="register"],
div.mt-\[3\.75rem\] {
  display: none !important;
}

.bloodydm-hide-discount-skeleton,
html.bloodydm-donate-page .bloodydm-hide-discount-skeleton {
  display: none !important;
}

#bloodydm-discount-list,
.bloodydm-discount-list {
  display: flex !important;
}

.bloodydm-hide-auth {
  display: none !important;
}

/* Hide removed nav (site uses <nav>, not <header>) before JS — no 1-frame flash */
header li:has(> a[href*="start.html"]),
header li:has(> a[href*="/start"]),
header li:has(> a[href*="vacancy"]),
header li:has(> a[href*="login.html"]),
header li:has(> a[href="/login"]),
header a[href*="login.html"],
header a[href="/login"],
header a[aria-label*="Войти" i],
header a[title*="входа" i],
header a[aria-label*="входа" i],
header a[title*="играть" i],
header a[aria-label*="играть" i],
header a[title*="форум" i],
header a[aria-label*="форум" i],
header a[title*="вики" i],
header a[aria-label*="вики" i],
header a[title*="ваканс" i],
header a[aria-label*="ваканс" i],
nav li:has(> a[href*="start.html"]),
nav li:has(> a[href="start.html"]),
nav li:has(> a[href*="/start"]),
nav li:has(> a[href*="vacancy"]),
nav li:has(> a[href*="login.html"]),
nav li:has(> a[href="/login"]),
nav a[href="start.html"],
nav a[href*="start.html"],
nav a[href="/start"],
nav a[href*="vacancy"],
nav a[href*="login.html"],
nav a[href="/login"],
nav a[href*="/login"],
nav a[title*="играть" i],
nav a[aria-label*="играть" i],
nav a[title*="форум" i],
nav a[aria-label*="форум" i],
nav a[title*="вики" i],
nav a[aria-label*="вики" i],
nav a[title*="ваканс" i],
nav a[aria-label*="ваканс" i],
nav a[title*="входа" i],
nav a[aria-label*="входа" i],
nav a[title*="Войти" i],
a[title="Перейти на страницу играть"],
a[title="Открыть страницу форума"],
a[title="Открыть страницу вики"],
a[title="Вакансии"],
a[title="Перейти на страницу входа"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Donate: never flash original converter / $ / RP / 4-pack skeleton */
html.bloodydm-donate-page .lg\:border-r-0,
html.bloodydm-donate-page .hidden.w-full.lg\:flex,
html.bloodydm-donate-page form .flex.justify-between.gap-3,
html.bloodydm-donate-page:not(.bloodydm-donate-ready) [class*="bounds:grid-cols-4"] {
  display: none !important;
}

html.bloodydm-rules-page main form,
html.bloodydm-rules-page main .mantine-Tabs-root {
  display: none !important;
}

/* rules page */
.bloodydm-rules-root {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
}

.bloodydm-rules-lead {
  margin: 0 0 1.75rem;
  max-width: 46rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 1.05rem;
  line-height: 1.55;
  text-transform: none;
}

.bloodydm-rules-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
}

@media (min-width: 980px) {
  .bloodydm-rules-grid {
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: 2rem;
  }
}

.bloodydm-rules-toc {
  position: sticky;
  top: 6.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.1rem 1rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.88);
  max-height: calc(100vh - 7.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  z-index: 5;
}

.bloodydm-rules-toc h4 {
  margin: 0 0 0.65rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bloodydm-rules-toc a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.92rem;
  line-height: 1.35;
  text-decoration: none;
  padding: 0.35rem 0.45rem;
  border-left: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.bloodydm-rules-toc a:hover {
  color: #fff;
}

.bloodydm-rules-toc a.is-active {
  color: #ff7a2f;
  border-left-color: #ff7a2f;
}

.bloodydm-rules-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bloodydm-rules-section {
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.78);
  scroll-margin-top: 7rem;
}

.bloodydm-rules-section-head {
  display: flex;
  align-items: baseline;
  gap: 0.85rem;
  padding: 1.15rem 1.25rem 0.85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.bloodydm-rules-section-num {
  color: #ff7a2f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.bloodydm-rules-section-head h2 {
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: none;
}

.bloodydm-rules-section-body {
  padding: 0.35rem 0.5rem 0.75rem;
}

.bloodydm-rule {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 0.55rem 0.85rem;
  padding: 0.85rem 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  align-items: start;
}

.bloodydm-rule:last-child {
  border-bottom: 0;
}

.bloodydm-rule--sub {
  padding-left: 1.35rem;
  opacity: 0.95;
}

.bloodydm-rule-num {
  color: #ff7a2f;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
}

.bloodydm-rule-text {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.98rem;
  line-height: 1.45;
  text-transform: none;
}

.bloodydm-rule-pun {
  grid-column: 2;
  margin-top: -0.15rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.82rem;
  line-height: 1.35;
}

.bloodydm-rule-pun--hard {
  color: #f87171;
}

.bloodydm-rule-pun--soft {
  color: rgba(255, 180, 120, 0.85);
}

@media (min-width: 700px) {
  .bloodydm-rule {
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
  }

  .bloodydm-rule-pun {
    grid-column: auto;
    margin-top: 0;
    max-width: 16rem;
    text-align: right;
  }
}
/* hide rotating hero nick */
.bloodydm-nick,
.bloodydm-hero-line,
.bloodydm-sep {
  display: none !important;
}


/* donate — DP-only layout, hide legacy currency tabs and converter */
html.bloodydm-donate-page .bloodydm-hide-converter,
html.bloodydm-donate-page div.bloodydm-hide-converter,
html.bloodydm-donate-page [class*="border-r-0"].bloodydm-hide-converter {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.bloodydm-donate-page form .flex.flex-col.bloodydm-hide-currency-wrap,
html.bloodydm-donate-page .bloodydm-hide-currency-wrap {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.bloodydm-donate-page form .flex.justify-between.gap-3,
html.bloodydm-donate-page form .flex.flex-col > .flex.justify-between.mt-5,
html.bloodydm-donate-page .bloodydm-hide-currency-row {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.bloodydm-donate-page form p.mt-\[0\.813rem\].w-full.text-center,
html.bloodydm-donate-page form p[data-bloody-hidden-earn="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.bloodydm-donate-page .bloodydm-earn-host {
  min-height: 1.35rem;
}

@media (min-width: 1200px) {
  html.bloodydm-donate-page .bloodydm-earn-host {
    min-height: 1rem;
  }
}

.bloodydm-donate-hide-email {
  display: none !important;
}

.bloodydm-donate-toast {
  position: fixed;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) translateY(12px);
  z-index: 200;
  background: #1d1d1e;
  border: 1px solid #ff7a2f;
  color: #fff;
  padding: 0.75rem 1.1rem;
  font-size: 0.9rem;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  max-width: min(90vw, 28rem);
  text-align: center;
}

.bloodydm-donate-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

#bloodydm-donate-root {
  display: none !important;
}

.bloodydm-pay-method {
  cursor: pointer;
}

.bloodydm-pay-method span {
  display: block;
  position: relative;
}

/* «Вы получите 20000 DP» — Shadow DOM, React-блок скрыт */
.bloodydm-earn-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

#bloodydm-earn-host,
.bloodydm-earn-host {
  display: block !important;
  width: 100% !important;
  margin-top: 0.813rem !important;
  min-height: 1.35rem;
}

@media (min-width: 1200px) {
  #bloodydm-earn-host,
  .bloodydm-earn-host {
    margin-top: 1.25rem !important;
  }
}

.bloodydm-hide-rp {
  display: none !important;
}

.bloodydm-dollar-rate {
  display: block !important;
  width: 100%;
  color: #ff7a2f;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}

@media (min-width: 640px) {
  .bloodydm-dollar-rate {
    text-align: left;
  }
}

.bloodydm-dollar-rate-text {
  display: inline !important;
  white-space: nowrap !important;
}

/* Поле «игровых долларах» — текст слева, без разъезда цифр */
.bloodydm-dollar-field {
  display: block !important;
  width: 100% !important;
}

.bloodydm-dollar-field.relative.flex,
.bloodydm-dollar-field .relative.flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.bloodydm-dollar-field input {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.bloodydm-dollar-field label {
  left: 0.75rem !important;
  right: auto !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

@media (min-width: 1200px) {
  .bloodydm-dollar-field label {
    left: 1.125rem !important;
  }
}

.bloodydm-amount-locked {
  opacity: 0.72;
}

.bloodydm-amount-locked input {
  cursor: default !important;
  pointer-events: none !important;
  user-select: none !important;
}

html.bloodydm-dollar-mode #bloodydm-earn-host,
html.bloodydm-dollar-mode form p.mt-\[0\.813rem\],
html.bloodydm-dollar-mode form p.bounds\:mt-5 {
  display: none !important;
}

html.bloodydm-dollar-mode .bloodydm-amount-locked label,
html.bloodydm-dollar-mode .bloodydm-dollar-field label {
  top: 0.33rem !important;
  font-size: 0.563rem !important;
  line-height: 1 !important;
}

@media (min-width: 1200px) {
  html.bloodydm-dollar-mode .bloodydm-amount-locked label,
  html.bloodydm-dollar-mode .bloodydm-dollar-field label {
    top: 0.563rem !important;
    font-size: 0.688rem !important;
  }
}

html.bloodydm-dollar-mode .bloodydm-amount-locked input,
html.bloodydm-dollar-mode .bloodydm-dollar-field input {
  padding-top: 0.813rem !important;
  padding-bottom: 0.688rem !important;
}

.bloodydm-static-field-host {
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 2.5rem !important;
}

.bloodydm-react-field-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bloodydm-static-field-host input {
  opacity: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: transparent !important;
}

html.bloodydm-dollar-mode .bloodydm-static-field-host {
  display: block !important;
}

/* Keep left converter column visible when $ mode is on */
html.bloodydm-dollar-mode .flex.w-full.flex-col.items-start.select-none {
  display: flex !important;
}

@media (min-width: 1200px) {
  html.bloodydm-dollar-mode .bloodydm-amount-locked input,
  html.bloodydm-dollar-mode .bloodydm-dollar-field input {
    padding-top: 1.219rem !important;
    padding-bottom: 1.031rem !important;
  }
}

/* Услуги — имя слева, цена справа одним блоком */
.bloodydm-services-list {
  display: block !important;
  width: 100%;
}

.bloodydm-service-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-height: 2.5rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid #3a3a3d;
}

@media (min-width: 640px) {
  .bloodydm-service-row {
    padding-left: 1rem;
    padding-right: 2.188rem;
  }
}

.bloodydm-service-row--last {
  border-bottom: none;
}

.bloodydm-service-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: left !important;
}

.bloodydm-service-price {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff7a2f;
  text-align: right !important;
}

/* VIP-таблица */
.bloodydm-vip-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.bloodydm-vip-table th,
.bloodydm-vip-table td {
  border: 1px solid #3a3a3d;
  padding: 0.75rem 0.875rem;
  vertical-align: middle;
}

.bloodydm-vip-th {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.bloodydm-vip-th--label,
.bloodydm-vip-td--label {
  width: 34%;
}

.bloodydm-vip-th--label {
  text-align: left;
  color: rgba(255, 255, 255, 0.65);
  text-transform: none;
  font-weight: 400;
}

.bloodydm-vip-td {
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  white-space: nowrap;
}

.bloodydm-vip-td--label {
  text-align: right;
  color: rgba(255, 255, 255, 0.85);
  white-space: normal;
}

.bloodydm-vip-td--price {
  color: #ff7a2f;
  font-weight: 500;
  text-align: center !important;
}

.bloodydm-vip-note {
  text-align: center;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
}

/* DP chip: number + unit stay glued */
.bloodydm-dp-price {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.28em !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}

.bloodydm-service-price .bloodydm-dp-price {
  justify-content: flex-end !important;
}

.bloodydm-dp-num,
.bloodydm-dp-unit {
  display: inline !important;
  color: inherit !important;
  font: inherit !important;
  white-space: nowrap !important;
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}

/* DP-ONLY: converter column + discount */
.bloodydm-hide-currency-row,
.bloodydm-hide-currency,
.bloodydm-hide-rp,
.bloodydm-hide-discount-skeleton {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Keep original 3-col grid: [spacer | pay form | discounts] */
.bloodydm-donate-grid-original {
  /* leave Tailwind lg:grid-cols-[1fr_auto_1fr] intact */
}

.bloodydm-converter-spacer {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  pointer-events: none !important;
}
.bloodydm-converter-spacer > * {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Right discounts — original side panel */
.bloodydm-discount-panel {
  /* keep lg:border-l-0 from original markup */
}

#bloodydm-discount-list,
.bloodydm-discount-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 0.4rem !important;
  margin-top: 0.625rem !important;
}
@media (min-width: 1200px) {
  #bloodydm-discount-list,
  .bloodydm-discount-list {
    margin-top: 1.188rem !important;
    gap: 0.875rem !important;
  }
}
.bloodydm-discount-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.bloodydm-discount-pct {
  color: #ff7a2f !important;
  font-weight: 900 !important;
  min-width: 2.875rem !important;
  text-align: left !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}
@media (min-width: 1200px) {
  .bloodydm-discount-pct {
    min-width: 5.313rem !important;
    font-size: 1.875rem !important;
  }
}
.bloodydm-discount-text {
  text-align: left !important;
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}
@media (min-width: 1200px) {
  .bloodydm-discount-text {
    font-size: 1rem !important;
  }
}
.bloodydm-dollar-rate,
#bloodydm-converter-result,
.bloodydm-hide-converter {
  display: none !important;
  border: 0 !important;
}

/* ── Leaderboard below servers: top 10 kills / playtime / money ── */
.bloodydm-topbar {
  position: relative;
  z-index: 2;
}
.bloodydm-topbar__inner {
  border: 1px solid #3a3a3b;
  border-bottom: 0;
}
@media (min-width: 640px) {
  .bloodydm-topbar__inner {
    border-left: 0;
    border-top: 1px solid #3a3a3b;
  }
}
.bloodydm-topbar__col {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1rem 1rem 1.15rem;
  background: rgba(29, 29, 30, 0.55);
}
@media (min-width: 700px) {
  .bloodydm-topbar__col {
    padding: 1.25rem 1.35rem 1.35rem;
  }
}
@media (min-width: 1280px) {
  .bloodydm-topbar__col {
    padding: 1.5rem 1.75rem 1.65rem;
  }
}
.bloodydm-topbar__label {
  margin-bottom: 0.85rem;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff7a2f;
  font-weight: 600;
  line-height: 1;
}
@media (min-width: 1280px) {
  .bloodydm-topbar__label {
    margin-bottom: 1rem;
    font-size: 0.78rem;
  }
}
.bloodydm-topbar__head,
.bloodydm-topbar__row {
  display: grid;
  grid-template-columns: 2rem 1fr max-content;
  align-items: center;
  gap: 0.5rem 0.65rem;
}
.bloodydm-topbar__head {
  margin-bottom: 0.35rem;
  padding: 0 0.45rem 0.55rem;
  border-bottom: 1px solid #3a3a3b;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  font-weight: 500;
}
.bloodydm-topbar__head span:last-child,
.bloodydm-topbar__val {
  justify-self: end;
  width: max-content;
  max-width: 100%;
  text-align: right;
}
.bloodydm-topbar__rows {
  display: flex;
  flex-direction: column;
}
.bloodydm-topbar__row {
  padding: 0.38rem 0.45rem;
  font-size: 0.78rem;
  line-height: 1.2;
  border-radius: 0.2rem;
}
@media (min-width: 1280px) {
  .bloodydm-topbar__row {
    padding: 0.42rem 0.5rem;
    font-size: 0.84rem;
  }
}
.bloodydm-topbar__row:nth-child(even) {
  background: rgba(255, 255, 255, 0.025);
}
.bloodydm-topbar__rank {
  color: rgba(255, 255, 255, 0.42);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.bloodydm-topbar__name {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bloodydm-topbar__val {
  color: rgba(255, 255, 255, 0.58);
  font-weight: 400;
  white-space: nowrap;
}
.bloodydm-topbar__row--1 {
  background: rgba(255, 122, 47, 0.1) !important;
}
.bloodydm-topbar__row--1 .bloodydm-topbar__rank,
.bloodydm-topbar__row--1 .bloodydm-topbar__name {
  color: #fff;
}
.bloodydm-topbar__row--1 .bloodydm-topbar__rank {
  color: #ff7a2f;
}
.bloodydm-topbar__row--1 .bloodydm-topbar__val {
  color: rgba(255, 255, 255, 0.82);
}
.bloodydm-topbar__row--2 {
  background: rgba(255, 255, 255, 0.04) !important;
}
.bloodydm-topbar__row--2 .bloodydm-topbar__rank {
  color: rgba(255, 255, 255, 0.72);
}
.bloodydm-topbar__row--3 {
  background: rgba(255, 255, 255, 0.03) !important;
}
.bloodydm-topbar__row--3 .bloodydm-topbar__rank {
  color: rgba(255, 122, 47, 0.72);
}
.bloodydm-topbar__empty {
  display: block;
  padding: 0.75rem 0.45rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.35);
}