@font-face {
      font-family: "Better Minecraft";
      src: url("../fonts/better-minecraft.otf") format("opentype");
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }

    @font-face {
      font-family: "Minecraftory";
      src: url("../fonts/Minercraftory.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }

    :root {
      --bg: #07111f;
      --bg-soft: #0b1728;
      --panel: rgba(13, 25, 43, 0.72);
      --panel-strong: rgba(10, 20, 34, 0.92);
      --border: rgba(255, 255, 255, 0.08);
      --text: #e8eef8;
      --muted: #97a6bd;
      --primary: #5db0ff;
      --primary-2: #7d6bff;
      --success: #2fd38b;
      --warning: #ffbf5f;
      --danger: #ff6d7a;
      --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
      --radius-xl: 0;
      --radius-lg: 0;
      --radius-md: 0;
      --bs-border-radius: 0;
      --bs-border-radius-sm: 0;
      --bs-border-radius-lg: 0;
      --bs-border-radius-xl: 0;
      --bs-border-radius-xxl: 0;
      --bs-border-radius-pill: 0;
      --bs-card-border-radius: 0;
      --bs-accordion-border-radius: 0;
      --bs-accordion-inner-border-radius: 0;
      --bs-modal-border-radius: 0;
      --bs-dropdown-border-radius: 0;
      --bs-nav-pills-border-radius: 0;
      --site-nav-height: 5.25rem;
      --site-breadcrumb-height: 2.625rem;
    }

    html {
      scroll-behavior: smooth;
    }

    h2, h3, h4, h5, h6 {
      font-family: "Better Minecraft", system-ui, sans-serif;
    }

    h1 {
      font-family: "Minecraftory", system-ui, sans-serif;
      font-size: 1.85rem;
      letter-spacing: 0.04em;
    }

    h2 {
      font-size: 1.55rem;
    }

    h3 {
      font-size: 1.3rem;
    }

    h4 {
      font-size: 1.1rem;
    }

    h5 {
      font-size: 1rem;
    }

    h6 {
      font-size: 0.9rem;
    }

    .h1 { font-size: 1.85rem !important; }
    .h2 { font-size: 1.55rem !important; }
    .h3 { font-size: 1.3rem !important; }
    .h4 { font-size: 1.1rem !important; }
    .h5 { font-size: 1rem !important; }
    .h6 { font-size: 0.9rem !important; }

    .display-5 {
      font-size: clamp(1.35rem, 2.4vw, 1.6rem) !important;
    }

    .display-6 {
      font-size: clamp(1.15rem, 2.1vw, 1.4rem) !important;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text);
      position: relative;
      background:
        radial-gradient(circle at top left, rgba(93, 176, 255, 0.18), transparent 30%),
        radial-gradient(circle at top right, rgba(125, 107, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #07111f 0%, #081321 40%, #050d19 100%);
      min-height: 100vh;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 100vh;
      z-index: 0;
      pointer-events: none;
      background: url("../images/bg.webp") center 32% / cover no-repeat;
      filter: blur(6px) saturate(1.06) brightness(0.9);
      mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 8%,
        rgba(0, 0, 0, 0.92) 18%,
        rgba(0, 0, 0, 0.72) 28%,
        rgba(0, 0, 0, 0.45) 38%,
        rgba(0, 0, 0, 0.22) 46%,
        rgba(0, 0, 0, 0.1) 56%,
        rgba(0, 0, 0, 0.05) 66%,
        rgba(0, 0, 0, 0.02) 76%,
        transparent 86%,
        transparent 100%
      );
      -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 8%,
        rgba(0, 0, 0, 0.92) 18%,
        rgba(0, 0, 0, 0.72) 28%,
        rgba(0, 0, 0, 0.45) 38%,
        rgba(0, 0, 0, 0.22) 46%,
        rgba(0, 0, 0, 0.1) 56%,
        rgba(0, 0, 0, 0.05) 66%,
        rgba(0, 0, 0, 0.02) 76%,
        transparent 86%,
        transparent 100%
      );
    }

    body > header,
    body > .site-header {
      position: relative;
      z-index: 1040;
    }

    body.has-breadcrumbs > .site-header {
      padding-top: var(--site-nav-height);
    }

    body.has-breadcrumbs .site-breadcrumbs {
      position: relative;
      z-index: 1035;
      width: 100%;
    }

    body.has-breadcrumbs .page-hero {
      margin-top: 0;
      padding-top: calc(2.25rem + var(--site-breadcrumb-height));
      min-height: 0;
    }

    body > main,
    body > footer {
      position: relative;
      z-index: 1;
    }

    main:has(> .page-hero)::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: clamp(28rem, 58vh, 44rem);
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 12% 18%, rgba(93, 176, 255, 0.12), transparent 32%),
        radial-gradient(circle at 86% 14%, rgba(125, 107, 255, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(5, 10, 18, 0.16) 0%, rgba(5, 10, 18, 0.22) 38%, rgba(5, 10, 18, 0.08) 68%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 0%, #000 48%, rgba(0, 0, 0, 0.55) 72%, transparent 100%);
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 48%, rgba(0, 0, 0, 0.55) 72%, transparent 100%);
    }

    main:has(> .page-hero) > .page-hero,
    main:has(> .page-hero) > section {
      position: relative;
      z-index: 1;
    }

    .navbar.fixed-top {
      z-index: 1040;
    }

    a {
      color: var(--primary);
      text-decoration: none;
    }

    a:hover {
      color: #8ac8ff;
    }

    .text-muted-custom {
      color: var(--muted) !important;
    }

    .text-info:not(.icon-box) {
      background: linear-gradient(90deg, #2ecc71 0%, #1e8449 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }

    .icon-box.text-info .bi {
      display: inline-block;
      background: linear-gradient(90deg, #2ecc71 0%, #1e8449 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .section-padding {
      padding: 5rem 0;
    }

    .glass-panel {
      background: var(--panel);
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border-radius: var(--radius-xl);
    }

    .glass-soft {
      background: rgba(17, 29, 47, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.07);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-radius: var(--radius-lg);
    }

    .gradient-card {
      background:
        linear-gradient(180deg, rgba(16, 29, 50, 0.95), rgba(9, 18, 33, 0.98)),
        linear-gradient(135deg, rgba(93, 176, 255, 0.14), transparent 55%);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow);
    }

    .navbar {
      background: rgba(5, 10, 18, 0.55);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      padding-top: 1.1rem;
      padding-bottom: 1.1rem;
      min-height: 5.25rem;
      align-items: center;
    }

    @media (min-width: 1200px) {
      .navbar > .container {
        position: relative;
      }

      .navbar .navbar-collapse {
        flex-grow: 1;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
      }

      .navbar .navbar-nav-main {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        width: max-content;
      }

      .navbar .navbar-nav-main .nav-item {
        flex-shrink: 0;
      }

      .navbar .navbar-nav-main .nav-link,
      .navbar .navbar-nav-main .nav-link span {
        white-space: nowrap;
      }

      .navbar .navbar-nav-cta {
        margin-left: auto;
        flex-direction: row;
      }
    }

    @media (max-width: 1199.98px) {
      .navbar .navbar-collapse {
        padding-top: 0.85rem;
      }

      .navbar .navbar-nav-main,
      .navbar .navbar-nav-cta {
        gap: 0.35rem;
      }

      .navbar .navbar-nav-main .nav-item,
      .navbar .navbar-nav-cta .nav-item {
        width: 100%;
      }

      .navbar .navbar-nav-main .nav-link,
      .navbar .navbar-nav-cta .nav-link,
      .navbar .navbar-nav-main .nav-link span,
      .navbar .navbar-nav-cta .nav-link span {
        font-size: 1.05rem;
      }

      .navbar .nav-link.nav-link-iconed {
        gap: 0.65rem;
        padding-top: 0.85rem !important;
        padding-bottom: 0.85rem !important;
      }

      .navbar .nav-link.nav-link-iconed .nav-link-icon {
        font-size: 1.2rem;
      }

      .navbar .nav-user-toggle {
        width: 100%;
        justify-content: flex-start;
        padding-top: 0.85rem !important;
        padding-bottom: 0.85rem !important;
      }

      .navbar .nav-user-avatar-slot,
      .navbar .nav-user-avatar {
        width: 32px;
        height: 32px;
      }

      .navbar .navbar-nav-cta {
        margin-top: 0.5rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }

      .navbar .navbar-nav-cta .btn {
        width: 100%;
        justify-content: center;
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
        font-size: 1rem;
      }
    }

    .navbar-brand,
    .navbar .nav-link {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    .navbar-brand {
      font-size: 1.05rem;
      line-height: 1.2;
    }

    .nav-link {
      color: rgba(232, 238, 248, 0.84);
    }

    .nav-link:hover,
    .nav-link:focus {
      color: #fff;
    }

    .navbar .nav-link.nav-link-iconed {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      white-space: nowrap;
    }

    .navbar .nav-link.nav-link-iconed span {
      white-space: nowrap;
    }

    .navbar .nav-link.nav-link-iconed .nav-link-icon {
      font-family: "bootstrap-icons" !important;
      font-size: 1.05rem;
      line-height: 1;
      flex-shrink: 0;
      display: inline-block;
      color: #5a9f3a;
      -webkit-text-fill-color: #5a9f3a;
    }

    .navbar .nav-user-toggle {
      gap: 0.5rem;
      border: 0;
      background: transparent;
      cursor: pointer;
    }

    .navbar .nav-user-toggle::after {
      margin-left: 0.15rem;
    }

    .navbar .nav-user-avatar-slot {
      display: inline-flex;
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
    }

    .navbar .nav-user-avatar-fallback {
      font-size: 1.15rem;
      line-height: 1;
      color: #9ab1cf;
    }

    .navbar .nav-user-avatar {
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, 0.18);
      image-rendering: pixelated;
      image-rendering: crisp-edges;
    }

    .minotar-avatar-slot {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .minotar-avatar-slot .js-minotar-img {
      display: block;
    }

    .minotar-avatar-slot .js-minotar-img.d-none,
    .minotar-avatar-slot .js-minotar-fallback.d-none {
      display: none !important;
    }

    .navbar .nav-user-dropdown .dropdown-menu,
    .navbar .nav-user-menu {
      flex-direction: column;
      gap: 0.45rem;
      min-width: 13.5rem;
      margin-top: 0.55rem;
      padding: 0.55rem;
      background: rgba(8, 14, 24, 0.94);
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 22px 48px rgba(0, 0, 0, 0.42);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    .navbar .nav-user-dropdown .dropdown-menu.show {
      display: flex;
    }

    .navbar .nav-user-dropdown .dropdown-menu > li {
      margin: 0;
    }

    .navbar .nav-user-dropdown .dropdown-divider {
      margin: 0.1rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      opacity: 1;
    }

    .navbar .nav-user-dropdown .dropdown-item {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      width: 100%;
      color: #c8d4e6;
      font-weight: 600;
      font-size: 0.92rem;
      line-height: 1.2;
      padding: 0.7rem 0.8rem;
      border: 1px solid transparent;
      background: transparent;
      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
    }

    .navbar .nav-user-dropdown .dropdown-item .bi {
      font-size: 1rem;
      line-height: 1;
      color: #5a9f3a;
      -webkit-text-fill-color: #5a9f3a;
      flex-shrink: 0;
      width: 1.1rem;
      text-align: center;
    }

    .navbar .nav-user-dropdown .dropdown-item:hover,
    .navbar .nav-user-dropdown .dropdown-item:focus,
    .navbar .nav-user-dropdown .dropdown-item:focus-visible {
      color: #fff;
      background: rgba(147, 220, 113, 0.1);
      border-color: rgba(147, 220, 113, 0.18);
    }

    .navbar .nav-user-dropdown .dropdown-item.active,
    .navbar .nav-user-dropdown .dropdown-item:active {
      color: #fff;
      background: rgba(147, 220, 113, 0.16);
      border-color: rgba(147, 220, 113, 0.28);
    }

    .navbar .nav-user-dropdown button.dropdown-item {
      cursor: pointer;
      text-align: left;
    }

    .navbar .nav-user-dropdown .dropdown-item--logout:hover,
    .navbar .nav-user-dropdown .dropdown-item--logout:focus,
    .navbar .nav-user-dropdown .dropdown-item--logout:focus-visible {
      color: #ffd0d4;
      background: rgba(255, 109, 122, 0.1);
      border-color: rgba(255, 109, 122, 0.22);
    }

    .navbar .nav-user-dropdown .dropdown-item--logout .bi {
      color: #ff8e97;
      -webkit-text-fill-color: #ff8e97;
    }

    .navbar .nav-user-dropdown .dropdown-item--logout.active,
    .navbar .nav-user-dropdown .dropdown-item--logout:active {
      color: #ffd0d4;
      background: rgba(255, 109, 122, 0.14);
      border-color: rgba(255, 109, 122, 0.28);
    }

    .navbar .nav-link.nav-link-iconed:hover .nav-link-icon,
    .navbar .nav-link.nav-link-iconed:focus .nav-link-icon {
      color: #6fb84a;
      -webkit-text-fill-color: #6fb84a;
    }

    .site-breadcrumbs {
      padding: 0.75rem 0;
      min-height: var(--site-breadcrumb-height);
      box-sizing: border-box;
      background: rgba(5, 10, 18, 0.45);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .site-breadcrumbs-list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.35rem 0.15rem;
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 0.88rem;
      line-height: 1.3;
    }

    .site-breadcrumbs-item {
      display: inline-flex;
      align-items: center;
      min-width: 0;
    }

    .site-breadcrumbs-item:not(.is-current)::after {
      content: "›";
      margin: 0 0.45rem;
      color: #6b7d96;
      font-size: 0.95rem;
      line-height: 1;
    }

    .site-breadcrumbs-link {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: #8fa0b8;
      text-decoration: none;
      transition: color 0.15s ease;
    }

    .site-breadcrumbs-link:hover,
    .site-breadcrumbs-link:focus {
      color: #c8ffad;
    }

    .site-breadcrumbs-link .bi {
      font-size: 0.95rem;
      line-height: 1;
    }

    .site-breadcrumbs-current {
      color: #fff;
      font-weight: 700;
    }

    .btn-primary-custom.btn-iconed {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding-top: 0.65rem;
      padding-bottom: 0.65rem;
    }

    .btn-primary-custom {
      background: linear-gradient(90deg, #2ecc71 0%, #1e8449 100%);
      border: none;
      color: #fff;
      box-shadow: 0 12px 32px rgba(46, 204, 113, 0.32);
    }

    .btn-primary-custom .bi {
      color: #fff;
    }

    .btn-primary-custom:hover,
    .btn-primary-custom:focus {
      color: #fff;
      filter: brightness(1.06);
    }

    .btn-primary-custom:active {
      filter: brightness(0.96);
    }

    .btn-mc-stripes {
      --bs-btn-color: #fff;
      --bs-btn-bg: #3d7a28;
      --bs-btn-border-color: #3d7a28;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #458c2c;
      --bs-btn-hover-border-color: #3d7a28;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #356622;
      --bs-btn-active-border-color: #2d541c;
      --bs-btn-focus-shadow-rgb: 61, 122, 40;
      font-family: "Minecraftory", system-ui, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #fff !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      border: 2px solid;
      border-top-color: #9ee86a;
      border-left-color: #9ee86a;
      border-right-color: #0f1f0c;
      border-bottom-color: #0f1f0c;
      background: #3d7a28 !important;
      background-color: #3d7a28 !important;
      padding: 0.5rem 1.35rem;
    }

    .btn-mc-stripes .bi {
      color: #fff !important;
    }

    .btn-mc-stripes .mc-chevron-pixel {
      font-family: "Minecraftory", system-ui, sans-serif;
      font-size: 1.1em;
      font-weight: normal;
      line-height: 1;
      letter-spacing: -0.1em;
      margin-left: 0.2rem;
    }

    .btn-mc-stripes.btn-mc-platform.btn-lg,
    .btn-mc-stripes.btn-mc-platform.btn-iconed {
      font-size: 0.78rem !important;
      letter-spacing: 0.04em;
      padding: 0.42rem 0.95rem;
    }

    .btn-mc-stripes.btn-mc-platform.btn-lg .bi,
    .btn-mc-stripes.btn-mc-platform.btn-iconed .bi {
      font-size: 1.22em;
      line-height: 1;
    }

    .btn-mc-stripes:hover,
    .btn-mc-stripes:focus {
      color: #fff !important;
      background: #458c2c !important;
      background-color: #458c2c !important;
      border-top-color: #b4f080;
      border-left-color: #b4f080;
      border-right-color: #0f1f0c;
      border-bottom-color: #0f1f0c;
    }

    .btn-mc-stripes:hover .bi,
    .btn-mc-stripes:focus .bi {
      color: #fff !important;
    }

    .btn-mc-stripes:active {
      color: #fff !important;
      background: #356622 !important;
      background-color: #356622 !important;
      border-top-color: #0f1f0c;
      border-left-color: #0f1f0c;
      border-right-color: #8ad65c;
      border-bottom-color: #8ad65c;
    }

    .btn-mc-stripes:active .bi {
      color: #fff !important;
    }

    .btn-dark-soft {
      --bs-btn-color: var(--text);
      --bs-btn-bg: rgba(255, 255, 255, 0.06);
      --bs-btn-border-color: rgba(255, 255, 255, 0.08);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: rgba(8, 14, 24, 0.88);
      --bs-btn-hover-border-color: rgba(255, 255, 255, 0.14);
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: rgba(6, 10, 18, 0.95);
      --bs-btn-active-border-color: rgba(255, 255, 255, 0.16);
      --bs-btn-focus-shadow-rgb: 93, 176, 255;
      background-color: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: var(--text);
    }

    .btn-dark-soft:hover,
    .btn-dark-soft:focus,
    .btn-dark-soft:focus-visible {
      color: #fff !important;
      background-color: rgba(8, 14, 24, 0.88) !important;
      border-color: rgba(255, 255, 255, 0.14) !important;
    }

    .btn-dark-soft:active {
      color: #fff !important;
      background-color: rgba(6, 10, 18, 0.95) !important;
      border-color: rgba(255, 255, 255, 0.16) !important;
    }

    .form-label {
      color: #eef4ff;
      font-weight: 600;
      margin-bottom: 0.65rem;
    }

    .form-control,
    .form-select,
    .input-group-text {
      background: rgba(255, 255, 255, 0.045);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .form-control::placeholder,
    .form-select::placeholder {
      color: #93a3bb;
    }

    .form-control:focus,
    .form-select:focus {
      background: rgba(255, 255, 255, 0.065);
      border-color: rgba(93, 176, 255, 0.45);
      color: #fff;
      box-shadow:
        0 0 0 0.2rem rgba(93, 176, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .form-control:disabled,
    .form-select:disabled {
      background: rgba(255, 255, 255, 0.025);
      color: rgba(232, 238, 248, 0.55);
      border-color: rgba(255, 255, 255, 0.06);
    }

    .form-select {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dbe6f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 0.85rem center;
      background-size: 16px 12px;
      padding-right: 2.5rem;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
    }

    .form-select option {
      background: #0f1828;
      color: #eef5ff;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      -webkit-text-fill-color: #fff;
      -webkit-box-shadow: 0 0 0 1000px rgba(18, 30, 48, 0.92) inset;
      transition: background-color 9999s ease-out 0s;
      caret-color: #fff;
    }

    .hero {
      --hero-nav-overlap: 6.5rem;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      margin-top: calc(-1 * var(--hero-nav-overlap));
      padding-top: calc(8.75rem + var(--hero-nav-overlap));
      padding-bottom: 4.5rem;
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
    }

    .hero-bg-scrim {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 100% 70% at 50% 28%, rgba(6, 12, 22, 0.06) 0%, rgba(5, 10, 18, 0.18) 45%, transparent 72%),
        linear-gradient(180deg, rgba(5, 10, 18, 0.14) 0%, rgba(5, 10, 18, 0.08) 55%, transparent 85%);
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        radial-gradient(circle at 18% 22%, rgba(56, 189, 248, 0.1), transparent 44%),
        radial-gradient(circle at 88% 16%, rgba(93, 176, 255, 0.08), transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(125, 107, 255, 0.04), transparent 50%),
        radial-gradient(circle at 15% 15%, rgba(93, 176, 255, 0.04), transparent 28%),
        radial-gradient(circle at 85% 10%, rgba(125, 107, 255, 0.035), transparent 24%);
      pointer-events: none;
      mask-image: linear-gradient(to bottom, black 0%, black 45%, transparent 72%);
      -webkit-mask-image: linear-gradient(to bottom, black 0%, black 45%, transparent 72%);
    }

    .hero .container {
      position: relative;
      z-index: 2;
    }

    .home-page-main .hero .col-lg-12 {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .home-page-main .hero .d-flex.flex-wrap {
      justify-content: center;
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.5rem 0.85rem;
      color: #d8eaff;
      font-size: 0.9rem;
      margin-bottom: 1rem;
    }

    .hero h1 {
      font-size: clamp(1.55rem, 3.4vw, 2.55rem);
      line-height: 1.08;
      letter-spacing: 0.06em;
      font-weight: 700;
    }

    .hero p.lead {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--muted);
      max-width: 760px;
      font-size: 1.08rem;
      line-height: 1.5;
      font-weight: 400;
      margin-left: auto;
      margin-right: auto;
    }

    .page-hero {
      --page-hero-nav-overlap: 6.5rem;
      position: relative;
      display: flex;
      align-items: center;
      isolation: isolate;
      overflow: hidden;
      margin-top: calc(-1 * var(--page-hero-nav-overlap));
      padding-top: calc(9rem + var(--page-hero-nav-overlap));
      padding-bottom: 2rem;
      min-height: 23.5rem;
    }

    .page-hero::before {
      content: none;
    }

    .page-hero > .container {
      position: relative;
      z-index: 1;
      width: 100%;
    }

    .page-hero .section-heading {
      max-width: 900px;
      margin-bottom: 3rem;
      position: relative;
      z-index: 1;
    }

    .page-hero .display-5,
    .page-hero .display-6 {
      font-size: clamp(2rem, 4.2vw, 3rem) !important;
      line-height: 1.05;
    }

    .page-hero .text-muted-custom {
      max-width: 780px;
    }

    .page-hero .platform-intro-text.text-muted-custom {
      max-width: none;
      width: 100%;
    }

    .page-hero .platform-view-heading:not(:has(.platform-back-link--below-title)) .platform-intro-text.text-muted-custom {
      max-width: 820px;
      width: auto;
      text-align: center;
    }

    .page-hero .section-heading .text-muted-custom {
      margin-left: auto;
      margin-right: auto;
    }

    .page-hero .section-heading :is(h1, h2),
    .page-hero .platform-view-heading :is(h1, h2) {
      margin-bottom: 0;
    }

    .page-hero .section-heading :is(h1, h2) + p,
    .page-hero .platform-view-heading :is(h1, h2) + p {
      margin-top: 1.5rem;
    }

    .subpage-shell {
      max-width: 1140px;
      margin: 0 auto;
    }

    .subpage-stats-row {
      margin-bottom: 1rem;
    }

    .subpage-stat-card,
    .subpage-info-card,
    .subpage-side-card,
    .subpage-bottom-cta {
      position: relative;
      overflow: hidden;
      padding: 1.4rem;
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.92), rgba(8, 14, 24, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 22px 46px rgba(0, 0, 0, 0.24);
    }

    .subpage-stat-card::before,
    .subpage-info-card::before,
    .subpage-side-card::before,
    .subpage-bottom-cta::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(135deg, rgba(93, 176, 255, 0.08), transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 35%);
    }

    .subpage-stat-card > *,
    .subpage-info-card > *,
    .subpage-side-card > *,
    .subpage-bottom-cta > * {
      position: relative;
      z-index: 1;
    }

    .subpage-stat-value {
      font-family: "Minecraftory", system-ui, sans-serif;
      font-size: clamp(1.6rem, 3vw, 2.3rem);
      line-height: 1;
      color: #f5fbff;
      margin-bottom: 0.55rem;
    }

    .subpage-stat-label {
      font-size: 0.78rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #9ab1cf;
      font-weight: 700;
    }

    .subpage-info-icon {
      width: 52px;
      height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: #96dc73;
      font-size: 1.15rem;
    }

    .subpage-info-card h2,
    .subpage-info-card h3,
    .subpage-side-card h3 {
      margin-bottom: 0.75rem;
      color: #fff;
    }

    .subpage-side-kicker {
      display: inline-block;
      margin-bottom: 0.8rem;
      color: #96dc73;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .subpage-list {
      margin: 0;
      padding-left: 1rem;
      color: var(--muted);
    }

    .subpage-list li + li {
      margin-top: 0.6rem;
    }

    .partners-content {
      position: relative;
      z-index: 1;
    }

    .contact-page-content {
      position: relative;
      z-index: 1;
    }

    .contact-hero-highlights {
      margin-top: 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      justify-content: center;
    }

    .contact-hero-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0.42rem 0.72rem;
      font-size: 0.74rem;
      font-weight: 700;
      color: #dcf8cb;
      background: rgba(150, 220, 115, 0.12);
      border: 1px solid rgba(150, 220, 115, 0.26);
    }

    .contact-notice,
    .contact-form-card,
    .contact-side-card {
      padding: 1.6rem;
    }

    .contact-notice {
      margin: 0;
      max-width: none;
      display: flex;
      flex-direction: column;
      gap: 0.95rem;
      background:
        linear-gradient(180deg, rgba(13, 24, 40, 0.94), rgba(8, 15, 26, 0.98));
    }

    .contact-notice-header,
    .contact-card-heading {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      margin-bottom: 1rem;
      text-align: center;
    }

    .contact-card-heading {
      justify-content: flex-start;
      margin-bottom: 1.35rem;
    }

    .contact-notice-header .bi,
    .contact-card-heading .bi {
      color: #91b36a;
      line-height: 1;
    }

    .contact-notice-header .icon-box {
      margin-bottom: 0;
    }

    .contact-notice .text-muted-custom {
      max-width: none;
      text-align: left;
      line-height: 1.6;
    }

    .contact-notice-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      margin-bottom: 0.4rem;
    }

    .contact-notice-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0.38rem 0.65rem;
      font-size: 0.74rem;
      font-weight: 700;
      color: #d9e7fb;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .contact-notice-pill .bi {
      color: #96dc73;
    }

    .contact-outline-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.6rem;
      width: 100%;
      min-height: 48px;
      padding: 0.85rem 1.2rem;
      border: 1px solid rgba(255, 124, 124, 0.38);
      background: rgba(255, 88, 88, 0.03);
      color: #ffb6b6;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 0.74rem;
      font-weight: 700;
      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    .contact-outline-btn:hover {
      color: #ffd8d8;
      border-color: rgba(255, 146, 146, 0.55);
      background: rgba(255, 88, 88, 0.08);
    }

    .contact-form-card {
      background:
        linear-gradient(180deg, rgba(10, 17, 28, 0.96), rgba(7, 12, 22, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.06);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
      position: relative;
      overflow: hidden;
    }

    .contact-form-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 92% 10%, rgba(93, 176, 255, 0.15), transparent 38%),
        radial-gradient(circle at 12% 88%, rgba(150, 220, 115, 0.12), transparent 35%);
    }

    .contact-form-card > * {
      position: relative;
      z-index: 1;
    }

    .contact-form-card .form-label {
      display: block;
      margin-bottom: 0.65rem;
      text-align: left;
      color: #f3f7ff;
      font-weight: 700;
    }

    .contact-form-card .form-control {
      background: rgba(255, 255, 255, 0.02);
      border-color: rgba(255, 255, 255, 0.08);
      color: #fff;
      min-height: 52px;
    }

    .contact-form-card textarea.form-control {
      min-height: 170px;
      resize: vertical;
    }

    .contact-form-card .form-control::placeholder {
      color: rgba(151, 166, 189, 0.72);
    }

    .contact-submit-btn {
      margin-bottom: 1rem;
    }

    .contact-response-note {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      padding: 0.9rem 1rem;
      color: #c8d6b4;
      background: rgba(126, 152, 60, 0.08);
      border-left: 3px solid #91b36a;
      font-size: 0.88rem;
    }

    .contact-response-note .bi {
      color: #91b36a;
      line-height: 1;
    }

    .contact-sidebar-stack {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .contact-side-card {
      background:
        linear-gradient(180deg, rgba(10, 17, 28, 0.96), rgba(7, 12, 22, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.06);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22);
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
    }

    .contact-info-row + .contact-info-row {
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      margin-top: 1rem;
      padding-top: 1rem;
    }

    .contact-info-meta {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.48rem;
    }

    .contact-info-icon {
      width: 30px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(150, 220, 115, 0.24);
      background: rgba(150, 220, 115, 0.1);
      color: #96dc73;
      font-size: 0.88rem;
    }

    .contact-info-label {
      display: block;
      margin-bottom: 0;
      color: #9fabc0;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.68rem;
      text-align: center;
    }

    .contact-info-value {
      display: block;
      text-align: center;
      color: #f0f5ff;
      font-weight: 700;
      word-break: break-word;
      margin-top: 0.55rem;
    }

    .contact-side-note {
      margin-top: 1.1rem;
      padding-top: 1.1rem;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      color: #b5c5dd;
      font-size: 0.88rem;
      line-height: 1.55;
      text-align: center;
    }

    .contact-side-btn {
      min-height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .contact-social-list {
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
    }

    .contact-social-btn {
      min-height: 46px;
    }

    .contact-action-btn {
      min-height: 48px;
    }

    .auth-form-card {
      background:
        linear-gradient(180deg, rgba(12, 20, 34, 0.94), rgba(8, 14, 24, 0.98));
    }

    .auth-input-wrap {
      position: relative;
    }

    .auth-input-wrap .auth-input-control {
      padding-left: 2.65rem;
    }

    .auth-input-icon {
      position: absolute;
      left: 0.8rem;
      top: 50%;
      z-index: 2;
      display: flex;
      width: 22px;
      height: 22px;
      align-items: center;
      justify-content: center;
      color: #7f93ad;
      pointer-events: none;
      transform: translateY(-50%);
    }

    .auth-input-icon .bi {
      font-size: 1.05rem;
      line-height: 1;
    }

    .auth-input-avatar {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, 0.18);
      image-rendering: pixelated;
      image-rendering: crisp-edges;
    }

    .auth-turnstile-wrap {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 1.25rem 0 0;
    }

    .auth-turnstile-wrap .cf-turnstile {
      margin: 0;
      line-height: 0;
    }

    .auth-turnstile-wrap + .btn {
      margin-top: 1.25rem;
    }

    .auth-field-rules,
    .auth-password-rules {
      margin: 0.55rem 0 0;
      padding-left: 1.1rem;
      font-size: 0.8rem;
      line-height: 1.45;
      color: #8fa3bc;
    }

    .auth-field-rules li + li,
    .auth-password-rules li + li {
      margin-top: 0.2rem;
    }

    .auth-password-rules[data-active] [data-rule].is-met {
      color: #5a9f3a;
    }

    .auth-password-rules[data-active] [data-rule].is-unmet {
      color: #ff6e6e;
    }

    .auth-username-rules {
      display: none;
      margin-top: 0.55rem;
    }

    .auth-username-rules.is-visible {
      display: block;
    }

    .auth-username-rules[data-active] [data-rule].is-met {
      color: #5a9f3a;
    }

    .auth-username-rules[data-active] [data-rule].is-unmet {
      color: #ff6e6e;
    }

    .auth-input-wrap.is-invalid .auth-input-control {
      border-color: rgba(255, 110, 110, 0.75) !important;
      box-shadow: 0 0 0 0.12rem rgba(255, 80, 80, 0.18);
    }

    .auth-input-wrap.is-invalid .auth-input-control:focus {
      border-color: rgba(255, 120, 120, 0.9) !important;
      box-shadow: 0 0 0 0.15rem rgba(255, 80, 80, 0.22);
    }

    .auth-card-kicker {
      display: inline-block;
      margin-bottom: 0.85rem;
      color: #96dc73;
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .auth-side-stack {
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
      gap: 1.5rem;
      height: 100%;
    }

    .auth-side-stack:not(:has(.auth-latest-member-card)) {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .auth-latest-member {
      display: flex;
      align-items: center;
      gap: 0.9rem;
    }

    .auth-latest-member-avatar {
      display: inline-flex;
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
    }

    .auth-latest-member-avatar .js-minotar-fallback {
      font-size: 1.35rem;
      color: #9ab1cf;
    }

    .auth-latest-member-head {
      width: 40px;
      height: 40px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      image-rendering: pixelated;
      image-rendering: crisp-edges;
    }

    .auth-latest-member-meta {
      display: flex;
      min-width: 0;
      flex-direction: column;
      gap: 0.15rem;
    }

    .auth-latest-member-label {
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #8fa3bc;
    }

    .auth-latest-member-name {
      font-size: 1.05rem;
      line-height: 1.2;
      color: #e8eef8;
      word-break: break-word;
    }

    .auth-latest-member-card {
      height: auto;
    }

    .auth-side-card,
    .auth-mini-card {
      height: 100%;
    }

    .auth-side-card {
      padding-bottom: 1.7rem;
    }

    .auth-side-card .subpage-list {
      padding-bottom: 0.25rem;
    }

    .partner-tier {
      max-width: 980px;
      margin: 0 auto 4rem;
    }

    .partner-tier:last-of-type {
      margin-bottom: 3.25rem;
    }

    .partner-tier-header {
      max-width: 720px;
      margin: 0 auto 2rem;
    }

    .partner-tier-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-bottom: 0.9rem;
      font-size: 1.1rem;
    }

    .partner-tier--gold .partner-tier-icon,
    .partner-tier--gold h2 {
      color: #ffd86d;
    }

    .partner-tier--diamond .partner-tier-icon,
    .partner-tier--diamond h2 {
      color: #b9f2ff;
    }

    .partner-tier--silver .partner-tier-icon,
    .partner-tier--silver h2 {
      color: #e7edf7;
    }

    .partner-tier--iron .partner-tier-icon,
    .partner-tier--iron h2 {
      color: #c6d0dc;
    }

    .partner-tier--community .partner-tier-icon,
    .partner-tier--community h2 {
      color: #91d0ff;
    }

    .partner-card {
      padding: 1.6rem 1.5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      min-height: 100%;
      background:
        linear-gradient(180deg, rgba(12, 20, 34, 0.96), rgba(7, 13, 24, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.07);
      box-shadow: 0 26px 50px rgba(0, 0, 0, 0.28);
    }

    .partner-card-logo-wrap {
      width: 96px;
      height: 96px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
      padding: 0.85rem;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .partner-card-logo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .partner-card-title {
      margin-bottom: 0.75rem;
      font-size: 1.2rem;
      color: #fff;
    }

    .partner-card-description {
      margin-bottom: 1.4rem;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.6;
      flex-grow: 1;
    }

    .partner-card-tags {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.45rem;
      margin-bottom: 1rem;
    }

    .partner-card-tag {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.35rem 0.65rem;
      background: rgba(255, 255, 255, 0.05);
      color: #dce8f7;
      border: 1px solid rgba(255, 255, 255, 0.07);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .partner-card-link {
      min-width: 180px;
      min-height: 42px;
      margin-top: auto;
    }

    .partner-card-link:hover {
      color: #fff;
    }

    .partner-cta {
      max-width: 980px;
      margin: 0 auto;
      padding: 1.75rem;
    }

    .partner-cta-copy .icon-box {
      margin-bottom: 1rem;
    }

    .partner-cta-highlights {
      align-items: center;
    }

    .partner-highlight-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      color: #dce9fb;
      font-size: 0.82rem;
    }

    .partner-highlight-pill .bi {
      color: #95db71;
      line-height: 1;
    }

    .partner-cta-link {
      min-width: 200px;
      min-height: 48px;
    }

    .partner-cta-link:hover {
      color: #fff;
    }

    .error-main-card {
      background:
        linear-gradient(180deg, rgba(12, 20, 34, 0.95), rgba(8, 14, 24, 0.99));
    }

    .search-shell {
      padding: 1rem;
      margin-top: 2rem;
    }

    .search-shell .form-control,
    .search-shell .form-select {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: #fff;
      min-height: 52px;
    }

    .search-shell .form-control::placeholder {
      color: #93a3bb;
    }

    .stat-card {
      padding: 1.25rem;
      height: 100%;
    }

    .stat-value {
      font-family: "Minecraftory", system-ui, sans-serif;
      font-size: 1.9rem;
      font-weight: normal;
    }

    .stat-card > p:first-of-type {
      font-family: "Minecraftory", system-ui, sans-serif;
    }

    .stat-card > p:last-of-type {
      font-family: "Better Minecraft", system-ui, sans-serif;
      font-size: 0.78rem;
      line-height: 1.4;
    }

    .section-heading {
      max-width: 760px;
      margin-bottom: 2rem;
    }

    .server-list {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .server-table-head {
      display: none;
      padding: 0.35rem 1rem 0.35rem 0.5rem;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      margin-bottom: 0.25rem;
    }

    @media (min-width: 1200px) {
      .server-table-head {
        display: grid;
        grid-template-columns: 88px minmax(220px, 468px) minmax(0, 1fr) minmax(148px, 196px);
        gap: 1rem;
        align-items: center;
      }

      .server-table-head .col-votes {
        text-align: right;
      }
    }

    .server-row-card {
      padding: 1rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(255, 255, 255, 0.08);
      background:
        linear-gradient(180deg, rgba(18, 30, 48, 0.92), rgba(10, 18, 32, 0.96));
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .server-row-card:hover {
      transform: translateY(-2px);
      border-color: rgba(93, 176, 255, 0.2);
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    }

    .server-owner-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem;
      margin-top: 0.75rem;
    }

    .server-card-action-form {
      display: inline-flex;
      margin: 0;
    }

    .server-card-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      min-width: 4.75rem;
      padding: 0.25rem 0.75rem;
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1.2;
      text-decoration: none;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: var(--text);
      cursor: pointer;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }

    .server-card-action .bi {
      font-size: 0.82rem;
      line-height: 1;
      flex-shrink: 0;
    }

    .server-card-action:hover,
    .server-card-action:focus,
    .server-card-action:focus-visible {
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      outline: none;
      box-shadow: none;
    }

    .server-card-action--view {
      border-color: rgba(145, 208, 255, 0.35);
      color: #c8e6ff;
    }

    .server-card-action--view:hover,
    .server-card-action--view:focus,
    .server-card-action--view:focus-visible {
      border-color: rgba(145, 208, 255, 0.5);
      color: #e8f4ff;
    }

    .server-card-action--edit {
      border-color: rgba(113, 239, 178, 0.35);
      color: #b8f5d4;
    }

    .server-card-action--edit:hover,
    .server-card-action--edit:focus,
    .server-card-action--edit:focus-visible {
      border-color: rgba(113, 239, 178, 0.5);
      color: #d8fbe8;
    }

    .server-card-action--delete {
      border-color: rgba(255, 120, 120, 0.35);
      color: #ffb8b8;
    }

    .server-card-action--delete:hover,
    .server-card-action--delete:focus,
    .server-card-action--delete:focus-visible {
      border-color: rgba(255, 120, 120, 0.5);
      color: #ffd4d4;
    }

    .server-card-action--reactivate {
      border-color: rgba(255, 212, 121, 0.35);
      color: #ffe2a8;
    }

    .server-card-action--reactivate:hover,
    .server-card-action--reactivate:focus,
    .server-card-action--reactivate:focus-visible {
      border-color: rgba(255, 212, 121, 0.55);
      color: #fff0cc;
    }

    .server-card-action--transfer {
      border-color: rgba(145, 208, 255, 0.35);
      color: #d6eeff;
    }

    .server-card-action--transfer:hover,
    .server-card-action--transfer:focus,
    .server-card-action--transfer:focus-visible {
      border-color: rgba(145, 208, 255, 0.55);
      color: #f0f8ff;
    }

    .server-card-action--test-vote {
      border-color: rgba(90, 159, 58, 0.35);
      color: #c4f5d2;
    }

    .server-card-action--test-vote:hover,
    .server-card-action--test-vote:focus,
    .server-card-action--test-vote:focus-visible {
      border-color: rgba(90, 159, 58, 0.55);
      color: #eaffef;
    }

    .server-row-card.is-inactive-listing {
      border-color: rgba(255, 120, 120, 0.35);
      background:
        linear-gradient(180deg, rgba(56, 22, 28, 0.95), rgba(24, 12, 18, 0.98));
      box-shadow: inset 0 0 0 1px rgba(255, 120, 120, 0.12);
    }

    .server-row-card.is-banned-listing {
      border-color: rgba(255, 80, 80, 0.45);
      background:
        linear-gradient(180deg, rgba(70, 16, 16, 0.96), rgba(28, 8, 8, 0.98));
      box-shadow: inset 0 0 0 1px rgba(255, 80, 80, 0.18);
    }

    .server-listing-state-banner {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 0.65rem;
      padding: 0.35rem 0.65rem;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      border: 1px solid transparent;
    }

    .server-listing-state-banner--inactive {
      color: #ffb8b8;
      background: rgba(120, 28, 36, 0.45);
      border-color: rgba(255, 120, 120, 0.35);
    }

    .server-listing-state-banner--banned {
      color: #ffd4d4;
      background: rgba(120, 20, 20, 0.5);
      border-color: rgba(255, 90, 90, 0.4);
    }

    .server-listing-ban-reason {
      font-weight: 500;
      text-transform: none;
      letter-spacing: normal;
      color: #ffe0e0;
    }

    .server-card-media-link.is-disabled {
      display: block;
      cursor: default;
      opacity: 0.88;
    }

    .my-servers-alert {
      color: #e8f4ff;
      background: rgba(18, 42, 68, 0.88);
      border: 1px solid rgba(145, 208, 255, 0.28);
    }

    .my-servers-alert.alert-success {
      color: #d8fbe8;
      background: rgba(20, 68, 44, 0.9);
      border-color: rgba(113, 239, 178, 0.35);
    }

    .my-servers-alert.alert-danger {
      color: #ffd4d4;
      background: rgba(72, 20, 24, 0.92);
      border-color: rgba(255, 120, 120, 0.35);
    }

    .alert {
      color: var(--text);
      border-width: 1px;
      border-style: solid;
    }

    .alert.alert-success {
      color: #d8fbe8;
      background-color: rgba(20, 68, 44, 0.92);
      border-color: rgba(113, 239, 178, 0.35);
    }

    .alert.alert-success .alert-link {
      color: #9ff5c8;
      font-weight: 600;
    }

    .alert.alert-success .alert-link:hover,
    .alert.alert-success .alert-link:focus {
      color: #d8fbe8;
    }

    .alert.alert-danger {
      color: #ffd4d4;
      background-color: rgba(72, 20, 24, 0.92);
      border-color: rgba(255, 120, 120, 0.35);
    }

    .alert.alert-danger .alert-link {
      color: #ffb4b4;
      font-weight: 600;
    }

    .alert.alert-danger .alert-link:hover,
    .alert.alert-danger .alert-link:focus {
      color: #ffd4d4;
    }

    .alert.alert-info {
      color: #d6ecff;
      background-color: rgba(18, 52, 88, 0.94);
      border-color: rgba(93, 176, 255, 0.38);
    }

    .alert.alert-info .alert-link {
      color: #9fd4ff;
      font-weight: 600;
      text-decoration: underline;
      text-underline-offset: 0.15em;
    }

    .alert.alert-info .alert-link:hover,
    .alert.alert-info .alert-link:focus {
      color: #c8e6ff;
    }

    .alert.alert-warning {
      color: #ffe8c4;
      background-color: rgba(72, 52, 16, 0.94);
      border-color: rgba(255, 191, 95, 0.42);
    }

    .alert.alert-warning .alert-link {
      color: #ffd479;
      font-weight: 600;
    }

    .alert.alert-warning .alert-link:hover,
    .alert.alert-warning .alert-link:focus {
      color: #ffe8c4;
    }

    .alert.alert-success.glass-panel,
    .alert.alert-danger.glass-panel,
    .alert.alert-info.glass-panel,
    .alert.alert-warning.glass-panel {
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    .my-server-delete-modal .modal-content {
      background: rgba(12, 22, 36, 0.98);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
    }

    .my-server-delete-modal .modal-header,
    .my-server-delete-modal .modal-footer {
      border-color: rgba(255, 255, 255, 0.08);
    }

    .profile-delete-account-form .form-label {
      color: #f4f8ff;
      font-weight: 700;
    }

    .profile-delete-account-modal .modal-footer {
      justify-content: flex-end;
      gap: 0.6rem;
    }

    @media (max-width: 575.98px) {
      .profile-delete-account-modal .modal-footer {
        align-items: stretch;
        flex-direction: column-reverse;
      }

      .profile-delete-account-modal .modal-footer .btn {
        width: 100%;
      }
    }

    .my-server-transfer-modal .modal-content {
      background: rgba(12, 22, 36, 0.98);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
    }

    .my-server-transfer-modal .modal-header,
    .my-server-transfer-modal .modal-footer {
      border-color: rgba(255, 255, 255, 0.08);
    }

    .my-server-transfer-code-input {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      letter-spacing: 0.02em;
    }

    .my-server-transfer-code-row {
      display: flex;
      gap: 0.65rem;
      align-items: stretch;
    }

    .my-server-transfer-code-row .form-control {
      flex: 1 1 auto;
      min-width: 0;
    }

    .my-server-transfer-code-panel {
      padding: 0.85rem 0.95rem;
      border: 1px solid rgba(145, 208, 255, 0.22);
      background: rgba(18, 42, 68, 0.45);
    }

    .server-row-featured {
      border-color: rgba(255, 194, 88, 0.45);
      box-shadow: 0 0 0 1px rgba(255, 194, 88, 0.25), 0 12px 36px rgba(0, 0, 0, 0.35);
    }

    .server-ip-text.js-copy-ip-trigger {
      background: transparent;
      border: 0;
      padding: 0;
      color: inherit;
      font: inherit;
      cursor: pointer;
      text-align: left;
    }

    .server-ip-text.js-copy-ip-trigger.is-copied {
      color: var(--success);
    }

    .admin-sponsored-list {
      display: grid;
      gap: 0.75rem;
    }

    .admin-sponsored-item {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem 1rem;
      padding: 0.85rem 1rem;
    }

    .admin-sponsored-item__meta {
      display: flex;
      align-items: center;
      gap: 0.85rem;
    }

    .admin-sponsored-item__rank {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 2rem;
      height: 2rem;
      border-radius: 999px;
      background: rgba(255, 191, 95, 0.16);
      color: #ffbf5f;
      font-weight: 700;
      font-size: 0.85rem;
    }

    .admin-sponsored-add-input {
      max-width: 12rem;
    }

    .server-card-action--dashboard {
      color: #9fd0ff;
    }

    .server-list--sponsored {
      margin-bottom: 2rem;
    }

    .server-row-inner {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
      .server-row-inner {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr) minmax(148px, 196px);
        grid-template-areas:
          "rank details stats"
          "rank media stats";
        gap: 1rem;
        align-items: start;
      }

      .server-rank-col {
        grid-area: rank;
        align-self: center;
        justify-content: center;
      }

      .server-media-col {
        grid-area: media;
        max-width: none;
        width: auto;
      }

      .server-desc-col {
        grid-area: details;
      }

      .server-desc-col .server-desc-text {
        display: none;
      }

      .server-votes-col {
        grid-area: stats;
        align-self: stretch;
      }
    }

    @media (min-width: 1200px) {
      .server-row-inner {
        display: grid;
        grid-template-columns: 88px minmax(220px, 468px) minmax(0, 1fr) minmax(148px, 196px);
        gap: 1rem;
        align-items: center;
      }
    }

    .server-media-col {
      min-width: 0;
      max-width: 468px;
      width: 100%;
    }

    .server-desc-col {
      min-width: 0;
    }

    .server-rank-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-align: center;
    }

    .server-icon-img {
      width: 64px;
      height: 64px;
      border-radius: 0;
      object-fit: cover;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .server-card-media-link {
      display: block;
      color: inherit;
      text-decoration: none;
    }

    .server-card-media-link:hover .server-icon-img,
    .server-card-media-link:hover .server-banner-img {
      filter: brightness(1.08);
    }

    .server-rank-label {
      font-size: 0.95rem;
      font-weight: 800;
      color: #ffd479;
      line-height: 1.2;
    }

    .server-rank-label .bi-star-fill {
      font-size: 1.35rem;
    }

    .server-rank-label--sponsored .server-sponsored-crown {
      display: block;
      font-size: 1.35rem;
      line-height: 1;
    }

    .server-banner-wrap {
      position: relative;
      width: 100%;
      max-width: 468px;
      min-height: 60px;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: linear-gradient(145deg, #1a2838 0%, #0f1828 100%);
      overflow: hidden;
    }

    .server-banner-wrap.banner-missing::after {
      content: "468 × 60";
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      color: rgba(151, 166, 189, 0.85);
      font-family: ui-monospace, monospace;
      pointer-events: none;
    }

    .server-banner-img {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 60px;
      max-height: 60px;
      object-fit: cover;
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
      .server-media-col {
        max-width: none;
      }

      .server-banner-wrap {
        max-width: none;
      }

      .server-banner-img {
        object-fit: contain;
      }
    }

    @media (max-width: 991.98px) {
      .server-media-col {
        max-width: 100%;
      }

      .server-banner-wrap {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        aspect-ratio: 468 / 60;
        height: auto;
      }

      .server-banner-img {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: contain;
        object-position: center;
      }
    }

    .server-ip-bar {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 0.5rem;
      padding: 0.45rem 0.65rem;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .server-ip-bar .flag-img {
      width: 20px;
      height: 12px;
      object-fit: cover;
      border-radius: 0;
      flex-shrink: 0;
    }

    .server-ip-text {
      font-family: ui-monospace, "Cascadia Code", monospace;
      font-size: 0.88rem;
      color: #dbe6f6;
      flex: 1;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .btn-copy-ip {
      flex-shrink: 0;
      font-size: 0.75rem;
      font-weight: 700;
      padding: 0.25rem 0.6rem;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: var(--text);
      --bs-btn-hover-border-color: rgba(255, 255, 255, 0.12);
      --bs-btn-active-border-color: rgba(255, 255, 255, 0.12);
      --bs-btn-focus-box-shadow: none;
      box-shadow: none;
    }

    .btn-ip-platform {
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2rem;
      min-width: 2rem;
      height: 2rem;
      padding: 0;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: var(--text);
      --bs-btn-hover-border-color: rgba(255, 255, 255, 0.12);
      --bs-btn-active-border-color: rgba(255, 255, 255, 0.12);
      --bs-btn-focus-box-shadow: none;
      box-shadow: none;
    }

    .server-ip-actions {
      display: inline-flex;
      flex-shrink: 0;
      align-items: stretch;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
    }

    .server-ip-actions .btn-ip-platform,
    .server-ip-actions .btn-copy-ip {
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .server-ip-actions .btn-ip-platform {
      border-right: 1px solid rgba(255, 255, 255, 0.12);
    }

    .server-ip-actions .btn-ip-platform:hover:not(:disabled),
    .server-ip-actions .btn-copy-ip:hover,
    .server-ip-actions .btn-copy-ip:focus,
    .server-ip-actions .btn-copy-ip:focus-visible,
    .server-ip-actions .btn-ip-platform:focus,
    .server-ip-actions .btn-ip-platform:focus-visible {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.12);
      box-shadow: none;
      outline: none;
    }

    .server-ip-actions .btn-ip-platform:hover:not(:disabled),
    .server-ip-actions .btn-ip-platform:focus,
    .server-ip-actions .btn-ip-platform:focus-visible {
      border-right-color: rgba(255, 255, 255, 0.12);
    }

    .btn-ip-platform .bi {
      font-size: 0.95rem;
      line-height: 1;
    }

    .btn-ip-platform.is-java .bi {
      color: #ffd479;
    }

    .btn-ip-platform.is-bedrock .bi {
      color: #91d0ff;
    }

    .btn-ip-platform:hover:not(:disabled),
    .btn-ip-platform:focus,
    .btn-ip-platform:focus-visible,
    .btn-ip-platform:active:not(:disabled) {
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      border-color: rgba(255, 255, 255, 0.12);
      box-shadow: none;
    }

    .btn-ip-platform:disabled {
      opacity: 0.72;
      cursor: default;
    }

    .btn-copy-ip:hover,
    .btn-copy-ip:focus,
    .btn-copy-ip:focus-visible,
    .btn-copy-ip:active {
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      border-color: rgba(255, 255, 255, 0.12);
      box-shadow: none;
    }

    .btn-copy-ip.is-copied .bi {
      color: #71efb2;
    }

    .btn-copy-ip.is-copied {
      color: #dbe6f6;
    }

    .server-desc-col .server-name {
      color: #fff;
      font-size: 1.1rem;
      margin-bottom: 0;
      line-height: 1.2;
      max-width: 28ch;
    }

    .server-name-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.45rem 0.55rem;
      margin-bottom: 0.35rem;
    }

    .server-edition-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0.08rem 0.42rem;
      border-radius: 0;
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.15;
      white-space: nowrap;
      border: 1px solid transparent;
    }

    .server-edition-badge .bi {
      font-size: 0.72rem;
      line-height: 1;
      flex-shrink: 0;
    }

    .server-edition-badge.is-java {
      color: #ffd479;
      background: rgba(255, 212, 121, 0.1);
      border-color: rgba(255, 212, 121, 0.28);
    }

    .server-edition-badge.is-bedrock {
      color: #91d0ff;
      background: rgba(145, 208, 255, 0.1);
      border-color: rgba(145, 208, 255, 0.28);
    }

    .server-edition-badge.is-crossplay {
      color: #96dc73;
      background: rgba(147, 220, 113, 0.1);
      border-color: rgba(147, 220, 113, 0.28);
    }

    .server-similar-edition {
      min-height: 1.1rem;
    }

    .server-similar-quick-stats {
      font-size: 0.78rem;
      gap: 0.5rem 0.6rem;
    }

    .server-similar-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      margin-bottom: 0.65rem;
    }

    .server-desc-col .server-name a {
      color: #fff !important;
      text-decoration: none;
    }

    .server-desc-col .server-name a:hover {
      color: #c8ffad;
    }

    .server-desc-text {
      font-size: 0.9rem;
      color: var(--muted);
      line-height: 1.45;
      display: -webkit-box;
      line-clamp: 3;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 0.5rem;
    }

    .server-votes-col {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-width: 0;
    }

    @media (min-width: 1200px) {
      .server-votes-col {
        align-self: stretch;
      }
    }

    .server-stats-panel {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: 100%;
      overflow: hidden;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
      container-type: inline-size;
    }

    .server-stats-panel.is-online {
      border-color: rgba(47, 211, 139, 0.2);
      box-shadow:
        inset 3px 0 0 rgba(47, 211, 139, 0.72),
        0 8px 18px rgba(0, 0, 0, 0.1);
    }

    .server-stats-panel.is-offline {
      border-color: rgba(255, 109, 122, 0.18);
      box-shadow:
        inset 3px 0 0 rgba(255, 109, 122, 0.55),
        0 8px 18px rgba(0, 0, 0, 0.1);
    }

    .server-stats-panel.is-unmonitored {
      border-color: rgba(255, 196, 108, 0.2);
      box-shadow:
        inset 3px 0 0 rgba(255, 196, 108, 0.45),
        0 8px 18px rgba(0, 0, 0, 0.1);
    }

    .server-stats-status {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.42rem;
      padding: 0.36rem 0.65rem;
      border-radius: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      font-size: 0.66rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      flex-shrink: 0;
    }

    .server-stats-status.is-online {
      color: #71efb2;
      background: linear-gradient(
        90deg,
        rgba(47, 211, 139, 0.16) 0%,
        rgba(47, 211, 139, 0.05) 55%,
        transparent 100%
      );
      border-bottom-color: rgba(47, 211, 139, 0.16);
    }

    .server-stats-status.is-offline {
      color: #ff9aa3;
      background: linear-gradient(
        90deg,
        rgba(255, 109, 122, 0.14) 0%,
        rgba(255, 109, 122, 0.04) 55%,
        transparent 100%
      );
      border-bottom-color: rgba(255, 109, 122, 0.14);
    }

    .server-stats-status.is-unmonitored {
      color: #ffd89a;
      background: linear-gradient(
        90deg,
        rgba(255, 196, 108, 0.16) 0%,
        rgba(255, 196, 108, 0.05) 55%,
        transparent 100%
      );
      border-bottom-color: rgba(255, 196, 108, 0.16);
    }

    .server-stats-last-known {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.35rem 0.5rem;
      padding: 0.42rem 0.65rem 0.35rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      font-size: 0.62rem;
      line-height: 1.35;
      text-align: center;
    }

    .server-stats-last-known-label {
      color: rgba(232, 238, 248, 0.62);
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .server-stats-last-known-value {
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .server-stats-last-known-value.is-online {
      color: #8fdcb8;
    }

    .server-stats-last-known-value.is-offline {
      color: #ff9aa3;
    }

    .server-stats-last-known-time {
      flex: 0 0 100%;
      color: rgba(232, 238, 248, 0.5);
      font-size: 0.58rem;
      letter-spacing: 0.02em;
    }

    .server-stats-status-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      flex-shrink: 0;
      background: currentColor;
      animation: server-status-dot-breathe 2.2s ease-in-out infinite;
    }

    .server-stats-status.is-online .server-stats-status-dot {
      box-shadow: 0 0 8px rgba(113, 239, 178, 0.55);
    }

    .server-stats-status.is-offline .server-stats-status-dot {
      animation: none;
      opacity: 0.9;
      box-shadow: none;
    }

    .server-stats-status.is-unmonitored .server-stats-status-dot {
      animation: none;
      opacity: 0.75;
      box-shadow: none;
    }

    .server-stats-panel.is-offline .server-stats-metric-value {
      color: rgba(232, 238, 248, 0.88);
    }

    .server-stats-metrics {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      gap: 0;
      padding: 0.4rem 0.65rem;
    }

    .server-stats-metric {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      column-gap: 0.45rem;
      padding: 0.34rem 0;
      background: transparent;
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .server-stats-metric:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .server-stats-metric-label {
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      min-width: 0;
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #8b9cb8;
      white-space: nowrap;
    }

    .server-stats-metric-label .bi {
      font-size: 0.88rem;
      line-height: 1;
      color: rgba(151, 166, 189, 0.95);
      flex-shrink: 0;
    }

    .server-stats-metric-value {
      justify-self: end;
      min-width: 0;
      font-size: clamp(0.78rem, 0.68rem + 1.35cqi, 0.94rem);
      font-weight: 800;
      line-height: 1.1;
      color: #fff;
      text-align: right;
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .server-stats-metric-value .stat-current {
      font-size: 1em;
    }

    .server-stats-metric-value .stat-max {
      font-size: 0.88em;
      font-weight: 600;
    }

    .server-stats-metric-value--votes {
      letter-spacing: 0;
    }

    .server-stats-edition {
      display: flex;
      margin-top: auto;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .server-stats-edition .server-edition-badge {
      width: 100%;
      justify-content: center;
      gap: 0.32rem;
      padding: 0.34rem 0.65rem;
      border-radius: 0;
      border: 0;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      background: rgba(255, 255, 255, 0.03);
    }

    .server-stats-panel.is-online .server-stats-edition .server-edition-badge.is-crossplay {
      background: rgba(147, 220, 113, 0.08);
    }

    .server-stats-panel.is-offline .server-stats-edition .server-edition-badge {
      opacity: 0.92;
    }

    .server-stats-edition .server-edition-badge .bi {
      font-size: 0.72rem;
    }

    .server-online-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
      padding: 0.5rem 0.85rem;
      margin-bottom: 0.9rem;
      border-radius: 0;
      font-size: 0.7rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
    }

    .server-online-badge.is-online {
      color: #5fe9a8;
      background: rgba(4, 14, 12, 0.92);
      border: 1px solid rgba(47, 211, 139, 0.55);
    }

    .server-online-badge.is-offline {
      color: #ff8e97;
      background: rgba(32, 6, 10, 0.92);
      border: 1px solid rgba(255, 80, 96, 0.58);
    }

    .server-stat-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      width: 100%;
      margin-bottom: 0.55rem;
    }

    .server-stat-row--votes {
      align-items: flex-start;
      margin-bottom: 0;
    }

    .server-stat-left {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      flex-shrink: 0;
    }

    .server-stat-icon {
      font-size: 1rem;
      color: rgba(151, 166, 189, 0.95);
      line-height: 1;
    }

    .server-stat-label {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #8b9cb8;
    }

    .server-stat-right {
      text-align: right;
      font-size: 0.88rem;
      line-height: 1.25;
      min-width: 0;
    }

    .server-stat-right--stack {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-start;
      gap: 0.2rem;
    }

    .stat-current {
      font-weight: 800;
      color: #fff;
    }

    .stat-max {
      font-weight: 500;
      color: var(--muted);
    }

    .server-votes-big {
      font-size: 1.25rem;
      font-weight: 800;
      color: #fff;
      line-height: 1.1;
    }

    .server-votes-col .server-alltime {
      font-size: 0.72rem;
      font-weight: 500;
      color: var(--muted);
      line-height: 1.2;
      margin-top: 0;
    }

    .server-card-edition {
      display: flex;
      justify-content: flex-end;
      min-height: 1.05rem;
    }

    .server-stat-right--stack .server-edition-badge {
      font-size: 0.58rem;
      padding: 0.06rem 0.36rem;
      letter-spacing: 0.03em;
    }

    .server-stat-right--stack .server-edition-badge .bi {
      font-size: 0.66rem;
    }

    .tag-orange { background: rgba(255, 149, 71, 0.2); color: #ffb380; }
    .tag-pink { background: rgba(255, 107, 157, 0.18); color: #ff9ec4; }

    .status-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      padding: 0.2rem 0.58rem;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.02em;
    }

    .tag-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.28rem;
      border-radius: 0;
      padding: 0.08rem 0.4rem;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.03em;
      line-height: 1.15;
    }

    .tag-pill .bi {
      font-size: 0.72rem;
      line-height: 1;
      color: inherit;
    }

    .status-pill {
      background: rgba(47, 211, 139, 0.14);
      border: 1px solid rgba(47, 211, 139, 0.24);
      color: #71efb2;
    }

    .tag-pill {
      --tag-color: #d8e3f2;
      background: color-mix(in srgb, var(--tag-color) 22%, transparent);
      border: 1px solid color-mix(in srgb, var(--tag-color) 58%, transparent);
      color: var(--tag-color);
    }

    .tag-pill-link,
    .tag-pill-link:hover,
    .tag-pill-link:focus,
    .tag-pill-link:focus-visible {
      color: var(--tag-color);
      text-decoration: none;
    }

    .tag-pill-link span,
    .tag-pill-link .bi {
      color: inherit;
    }

    .servers-filter-shell {
      padding: 1.35rem;
      margin-bottom: 1.5rem;
    }

    .search-page-main .servers-filter-shell {
      padding: 0;
      overflow: visible;
      position: relative;
      z-index: 5;
    }

    .server-detail-search-section .servers-filter-shell {
      margin-bottom: 0;
    }

    .search-page-main .search-finder-title {
      padding: 1.15rem 1.35rem;
      background: linear-gradient(180deg, #85cf4f, #66ad34);
      color: #f5ffeb;
      font-size: 1.85rem;
      line-height: 1.1;
      font-family: "Better Minecraft", system-ui, sans-serif;
      letter-spacing: 0.02em;
    }

    .search-page-main .search-filter-form {
      display: flex;
      flex-direction: column;
      gap: 1.15rem;
      padding: 1.35rem;
      background: rgba(8, 14, 24, 0.82);
      overflow: visible;
      position: relative;
    }

    .search-page-main .search-finder-top-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0.85rem;
    }

    .search-page-main .search-finder-options-row {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0.85rem;
      align-items: end;
    }

    .search-page-main .search-finder-editions {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0.65rem;
    }

    .search-filter-field {
      min-width: 0;
    }

    .search-page-main .search-filter-input-wrap {
      display: flex;
      align-items: stretch;
      min-width: 0;
    }

    .search-page-main .search-filter-input-icon {
      display: flex;
      width: 2.65rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      color: #96dc73;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: 0;
      background: rgba(255, 255, 255, 0.03);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      pointer-events: none;
    }

    .search-page-main .search-filter-input-icon .bi {
      font-size: 1rem;
      line-height: 1;
    }

    .search-page-main .search-filter-input-body {
      flex: 1 1 auto;
      min-width: 0;
    }

    .search-page-main .search-filter-input-body > .search-filter-input-control {
      width: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    .search-page-main .search-filter-input-wrap--select2 .select2-container .select2-selection--single,
    .search-page-main .search-filter-input-wrap--select2 .select2-container .select2-selection--multiple {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    .search-page-main .search-filter-field--country {
      grid-column: auto;
    }

    .search-page-main .search-finder-divider {
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .search-page-main .search-toggle-item--field {
      min-height: 2.35rem;
      padding-bottom: 0.35rem;
    }

    .search-page-main .search-toggle-item--edition {
      min-height: 2.35rem;
      padding: 0.55rem 0.75rem;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      gap: 0.4rem;
    }

    .search-page-main .search-toggle-item--edition:hover {
      border-color: rgba(255, 255, 255, 0.2);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    }

    .search-page-main .search-toggle-item--edition:has(input:checked) {
      border-color: rgba(116, 190, 66, 0.35);
      background: linear-gradient(180deg, rgba(116, 190, 66, 0.08), rgba(255, 255, 255, 0.02));
    }

    .search-page-main .search-toggle-item--edition .server-edition-badge {
      font-size: 0.58rem;
      padding: 0.06rem 0.34rem;
    }

    .search-page-main .search-toggle-item--edition .server-edition-badge .bi {
      font-size: 0.66rem;
    }

    .search-page-main .search-toggle-item--edition:not(:has(input:checked)) .server-edition-badge,
    .search-page-main .search-toggle-item--edition:not(:has(input:checked)) .search-toggle-edition-text {
      opacity: 0.42;
    }

    .search-page-main .search-toggle-item--edition:not(:has(input:checked)) .server-edition-badge {
      filter: grayscale(0.35);
    }

    .search-page-main .search-toggle-edition-text {
      font-size: 0.78rem;
      font-weight: 700;
      color: #c8d8eb;
      white-space: nowrap;
    }

    .search-page-main .search-toggle-item {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      color: #dce8f7;
      font-weight: 700;
      font-size: 0.9rem;
      cursor: pointer;
    }

    .search-page-main .search-toggle-item input[type="checkbox"] {
      width: 18px;
      height: 18px;
      margin: 0;
      accent-color: #74be42;
    }

    .search-page-main .select2-container {
      width: 100% !important;
    }

    .search-country-option {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }

    .search-country-flag {
      width: 20px;
      height: 12px;
      object-fit: cover;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .search-page-main .select2-container--default .select2-selection--single .select2-selection__rendered .search-country-option {
      line-height: 1.2;
    }

    .search-page-main .select2-container--default .select2-selection--single {
      height: 2.35rem;
      display: flex;
      align-items: center;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .search-page-main .select2-container--default.select2-container--focus .select2-selection--single,
    .search-page-main .select2-container--default.select2-container--open .select2-selection--single {
      border-color: rgba(93, 176, 255, 0.45);
      box-shadow:
        0 0 0 0.2rem rgba(93, 176, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      background: rgba(255, 255, 255, 0.065);
    }

    .search-page-main .select2-container--default .select2-selection--single .select2-selection__rendered {
      display: flex;
      align-items: center;
      height: 100%;
      padding-left: 0.75rem;
      padding-right: 2.25rem;
      color: #ffffff;
      line-height: 1.2;
    }

    .search-page-main .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #ffffff;
    }

    .search-page-main .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 0;
      right: 0.55rem;
      width: 1.3rem;
      height: 100%;
    }

    .search-page-main .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #dbe6f6 transparent transparent transparent;
    }

    .search-page-main .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #dbe6f6 transparent;
    }

    .search-page-main .select2-container--default .select2-selection--multiple {
      min-height: 0 !important;
      height: 2rem !important;
      padding: 0 0.22rem !important;
      display: flex;
      align-items: center;
      position: relative;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .search-page-main .select2-container--default.has-mode-tags .select2-selection--multiple {
      min-height: 0 !important;
      height: 2rem !important;
      padding: 0 0.22rem !important;
      display: block;
      position: relative;
    }

    .search-page-main .select2-container--default.select2-container--focus .select2-selection--multiple {
      border-color: rgba(93, 176, 255, 0.45);
      box-shadow:
        0 0 0 0.2rem rgba(93, 176, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      background: rgba(255, 255, 255, 0.065);
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice {
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 0;
      padding: 0.08rem 0.34rem 0.08rem 0.24rem;
      min-height: 1.12rem;
      border-radius: 0;
      border: 1px solid var(--tag-pill-border, rgba(255, 255, 255, 0.12));
      background: var(--tag-pill-bg, rgba(255, 255, 255, 0.06));
      color: var(--tag-pill-text, #d8e3f2);
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.03em;
      line-height: 1.15;
      display: inline-flex;
      align-items: center;
      align-self: center;
      gap: 0.24rem;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice.tag-pill {
      background: color-mix(in srgb, var(--tag-color) 22%, transparent);
      border-color: color-mix(in srgb, var(--tag-color) 58%, transparent);
      color: var(--tag-color);
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
      display: inline-flex;
      align-items: center;
      gap: 0.24rem;
      color: inherit !important;
      padding-left: 0;
      padding-right: 0;
      line-height: 1;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice .tag-pill,
    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice .search-mode-tag-option {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      border: 0;
      background: transparent;
      padding: 0;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice__display .bi {
      font-size: 0.72rem;
      line-height: 1;
      color: inherit;
    }

    .search-page-main .select2-results__option .search-mode-tag-option {
      display: inline-flex;
      align-items: center;
      gap: 0.24rem;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      color: currentColor;
      position: static !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 0.75rem;
      height: 0.75rem;
      margin: 0;
      border-right: 0;
      padding: 0;
      opacity: 0.9;
      line-height: 1;
      transform: none;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background: transparent !important;
      color: #ffffff !important;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.22rem;
      min-height: 100%;
      height: 100%;
      padding: 0 !important;
      color: #d8e3f2;
    }

    .search-page-main .select2-container--default.has-mode-tags .select2-selection--multiple .select2-selection__rendered {
      display: inline-flex !important;
      width: 100%;
      align-items: center;
      align-content: center;
      min-height: 0 !important;
      height: auto !important;
      padding: 0 !important;
      gap: 0.22rem;
      position: absolute;
      top: 50%;
      left: 0.22rem;
      right: 0.22rem;
      transform: translateY(-50%);
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-search--inline {
      display: inline-flex;
      align-items: center;
      flex: 0 1 auto;
      min-height: 100%;
      height: 100%;
      line-height: 2rem;
    }

    .search-page-main .select2-container--default.has-mode-tags .select2-selection--multiple .select2-search--inline {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__rendered:has(.select2-selection__choice) .select2-search--inline {
      width: 0 !important;
      flex: 0 0 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      overflow: hidden;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-selection__rendered:has(.select2-selection__choice) .select2-search__field {
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      line-height: 0 !important;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-search__field {
      color: #d8e3f2 !important;
      height: 2rem !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 2rem !important;
      overflow: hidden;
      resize: none;
    }

    .search-page-main .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
      color: #93a3bb;
      opacity: 1;
    }

    .search-page-main .select2-dropdown {
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: #0f1828;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
      z-index: 9999;
    }

    .search-page-main .select2-container--open {
      z-index: 9999;
    }

    .search-page-main .select2-results__options {
      background: #0f1828 !important;
      color: #eef5ff;
    }

    .search-page-main .select2-container--default .select2-results__option {
      background: #0f1828 !important;
      color: #eef5ff !important;
      padding: 0.52rem 0.7rem;
    }

    .search-page-main .select2-container--default .select2-results__option--selected {
      background: rgba(93, 176, 255, 0.18) !important;
      color: #e6f3ff !important;
    }

    .search-page-main .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background: rgba(116, 190, 66, 0.28);
      color: #f2ffea;
    }

    .search-page-main .select2-search--dropdown .select2-search__field {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #fff;
      border-radius: 0;
    }

    .search-page-main .select2-search--dropdown .select2-search__field:focus {
      outline: none;
      border-color: rgba(93, 176, 255, 0.45);
      box-shadow: 0 0 0 0.18rem rgba(93, 176, 255, 0.12);
    }

    .search-page-main .search-filter-actions {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 0.8rem;
      align-items: stretch;
      width: 100%;
    }

    .search-page-main .search-filter-actions > .search-finder-submit {
      min-width: 0;
      width: calc(50% - 0.4rem);
      min-height: 48px;
      justify-content: center;
      font-size: 1.02rem;
    }

    .search-page-main .search-filter-actions-secondary {
      display: flex;
      gap: 0.65rem;
      flex-wrap: wrap;
      width: calc(50% - 0.4rem);
    }

    .search-page-main .search-filter-actions-secondary .btn {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .servers-filter-shell .form-label {
      display: block;
      margin-bottom: 0.55rem;
      color: #f3f7ff;
      font-weight: 700;
      text-align: left;
    }

    .servers-page-list {
      display: flex;
      flex-direction: column;
      gap: 0.9rem;
    }

    .servers-pagination {
      margin-top: 1.5rem;
    }

    .pagination-status {
      margin-bottom: 0.85rem;
      text-align: center;
      color: var(--muted);
      font-size: 0.92rem;
      font-weight: 800;
    }

    .pagination-shell {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 0.65rem;
    }

    .pagination-ellipsis {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 32px;
      min-height: 40px;
      color: var(--muted);
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.28em;
      text-align: center;
      transform: translateX(0.12em);
    }

    .pagination-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      min-height: 44px;
      padding: 0.75rem 1rem;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: #dce8f7;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .pagination-link:hover {
      color: #fff;
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(147, 220, 113, 0.25);
      transform: translateY(-1px);
    }

    .pagination-link.is-active {
      color: #08120d;
      background: linear-gradient(180deg, #a1ef7b, #7bd45b);
      border-color: rgba(161, 239, 123, 0.7);
    }

    .pagination-link.is-disabled {
      opacity: 0.5;
      pointer-events: none;
    }

    .pagination-jump-form {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      margin-top: 0.9rem;
      text-align: center;
    }

    .pagination-jump-form label {
      color: var(--muted);
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .pagination-jump-input {
      width: 92px;
      min-height: 42px;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(9, 18, 31, 0.88);
      color: var(--text);
      text-align: center;
      font-weight: 800;
      outline: none;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .pagination-jump-input:focus {
      border-color: rgba(147, 220, 113, 0.55);
      box-shadow: 0 0 0 0.15rem rgba(147, 220, 113, 0.15);
    }

    .pagination-jump-button {
      min-width: 58px;
    }

    .server-detail-hero {
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .server-detail-banner-wrap {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      margin-bottom: 1.25rem;
      width: min(100%, 468px);
    }

    .server-detail-hero .server-detail-banner-wrap {
      margin-bottom: 0;
    }

    .server-detail-hero .server-detail-aside {
      gap: 0.35rem;
    }

    .server-detail-hero .server-detail-ip-bar {
      margin-top: 0;
      max-width: 468px;
      width: 100%;
    }

    .server-detail-hero .server-detail-identity {
      gap: 0.35rem;
    }

    .server-detail-hero .server-detail-title-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.35rem;
    }

    .server-detail-banner {
      display: block;
      width: 468px;
      max-width: 100%;
      height: 60px;
      object-fit: cover;
    }

    .server-detail-hero .server-detail-banner {
      width: 100%;
    }

    .server-detail-meta {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 1.25rem;
    }

    .server-detail-brand {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-width: 0;
    }

    .server-detail-identity {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1 1 0;
      min-width: 0;
      max-width: 100%;
      gap: 0.75rem;
    }

    .server-detail-title-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem 0.75rem;
    }

    .server-detail-name-tags {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.28rem;
      min-width: 0;
    }

    .server-detail-hero .server-edition-badge-link {
      text-decoration: none;
      transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
    }

    .server-detail-hero .server-edition-badge-link:hover,
    .server-detail-hero .server-edition-badge-link:focus,
    .server-detail-hero .server-edition-badge-link:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.08);
    }

    .server-detail-name-tags .tag-pill-link {
      text-decoration: none;
      transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
    }

    .server-detail-name-tags .tag-pill-link:hover,
    .server-detail-name-tags .tag-pill-link:focus,
    .server-detail-name-tags .tag-pill-link:focus-visible {
      color: var(--tag-color);
      transform: translateY(-1px);
      filter: brightness(1.12);
    }

    .server-detail-info-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.75rem 1.25rem;
    }

    .server-detail-quick-stats {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.65rem 0.75rem;
      color: #9fabc0;
      font-size: 0.88rem;
    }

    .server-detail-stat {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      white-space: nowrap;
    }

    .server-detail-stat-divider {
      width: 1px;
      height: 1rem;
      flex-shrink: 0;
      align-self: center;
      background: rgba(159, 171, 192, 0.55);
      box-shadow:
        0 0 0 1px rgba(93, 176, 255, 0.12),
        0 0 10px rgba(93, 176, 255, 0.22);
    }

    .server-detail-stat--country .flag-img {
      width: 20px;
      height: 12px;
      object-fit: cover;
      border-radius: 0;
      flex-shrink: 0;
    }

    .server-detail-stat--edition {
      line-height: 1;
    }

    .server-detail-stat--edition .server-edition-badge {
      margin: 0;
    }

    .server-detail-stat--status.is-online {
      color: #5fe9a8;
    }

    .server-detail-stat--status.is-offline {
      color: #ff8e97;
    }

    @keyframes server-status-dot-breathe {
      0%, 100% {
        opacity: 1;
      }

      50% {
        opacity: 0.35;
      }
    }

    .server-detail-status-dot {
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 50%;
      background: currentColor;
      flex-shrink: 0;
      animation: server-status-dot-breathe 2.2s ease-in-out infinite;
    }

    .server-detail-stat--status.is-offline .server-detail-status-dot {
      animation: none;
    }

    @media (prefers-reduced-motion: reduce) {
      .server-detail-status-dot {
        animation: none;
      }
    }

    .server-detail-aside {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--vote-action-gap, 1rem);
      width: 100%;
    }

    .server-detail-aside-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      width: 100%;
      max-width: 468px;
      padding-inline: var(--vote-action-gap, 1rem);
      box-sizing: border-box;
    }

    .server-detail-icon {
      width: 88px;
      height: 88px;
      object-fit: cover;
      border: 1px solid rgba(255, 255, 255, 0.1);
      flex-shrink: 0;
      border-radius: 0;
    }

    .server-detail-name {
      color: #fff;
      font-size: clamp(1.15rem, 2.2vw, 1.55rem);
      line-height: 1.15;
      overflow-wrap: anywhere;
      word-break: break-word;
      hyphens: auto;
      max-width: 28ch;
    }

    .server-detail-actions {
      --vote-action-gap: 1rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: var(--vote-action-gap);
    }

    .server-detail-hero-banner-wrap {
      flex: 0 0 auto;
      width: 100%;
      max-width: 468px;
      margin: 0;
    }

    .modal-backdrop {
      z-index: 1050;
    }

    .server-vote-modal {
      z-index: 1060;
    }

    .server-vote-modal .modal-dialog {
      position: relative;
      z-index: 1061;
    }

    .server-vote-modal .modal-content {
      overflow: hidden;
      border-radius: var(--radius-xl);
      border: 1px solid rgba(116, 190, 66, 0.28);
      background:
        radial-gradient(circle at top left, rgba(116, 190, 66, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(17, 29, 47, 0.98), rgba(8, 14, 24, 0.98));
      color: #e8eef8;
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55);
    }

    .server-vote-modal .modal-header,
    .server-vote-modal .modal-footer {
      border-color: rgba(255, 255, 255, 0.09);
      padding: 1.15rem 1.25rem;
    }

    .server-vote-modal .modal-body {
      padding: 1.25rem;
    }

    .server-vote-modal-kicker {
      display: block;
      margin-bottom: 0.25rem;
      color: #95db71;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .server-gallery-card {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(18, 30, 48, 0.9), rgba(9, 16, 28, 0.95));
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
    }

    .server-gallery-card img {
      display: block;
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .server-detail-feature-list {
      display: grid;
      gap: 0.8rem;
    }

    .server-detail-feature-item {
      display: flex;
      align-items: flex-start;
      gap: 0.7rem;
      color: #dce8f7;
    }

    .server-detail-feature-item .bi {
      color: #95db71;
      line-height: 1.2;
    }

    .server-detail-side-list {
      display: grid;
      gap: 0.85rem;
    }

    .server-detail-side-list div {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      padding-bottom: 0.85rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .server-detail-side-list div:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .server-detail-side-list span {
      color: #9fabc0;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.68rem;
      font-weight: 700;
    }

    .server-detail-side-list strong {
      color: #f0f5ff;
      font-weight: 700;
      word-break: break-word;
    }

    .server-snapshot-panel {
      overflow: hidden;
    }

    .server-snapshot-row .bi,
    .server-snapshot-tags > span .bi {
      color: #5a9f3a;
    }

    .server-snapshot-connect {
      display: grid;
      justify-items: center;
      gap: 0.7rem;
      padding: 0 0 0.95rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .server-snapshot-addresses {
      display: grid;
      gap: 0.75rem;
      width: 100%;
    }

    .server-snapshot-address {
      display: grid;
      gap: 0.35rem;
      width: 100%;
    }

    .server-snapshot-address-label {
      display: block;
      color: #9fabc0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-align: center;
    }

    .server-snapshot-ip-bar {
      max-width: 100%;
      margin: 0;
    }

    .server-snapshot-ip-bar .btn-copy-ip {
      min-width: 40px;
      padding-right: 0.65rem;
      padding-left: 0.65rem;
    }

    .server-snapshot-vote-btn {
      width: 100%;
      justify-self: stretch;
      padding: 0.45rem 1rem;
    }

    .server-snapshot-list {
      display: grid;
    }

    .server-snapshot-row,
    .server-snapshot-tags {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.85rem;
      padding: 0.68rem 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .server-snapshot-row > span,
    .server-snapshot-tags > span {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      color: #f0f5ff;
      font-weight: 800;
      line-height: 1.2;
    }

    .server-snapshot-row strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 58%;
      padding: 0.22rem 0.52rem;
      border-radius: 0;
      background: #5a9f3a;
      color: #ffffff;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.2;
      text-align: right;
      text-decoration: none;
      word-break: break-word;
    }

    .server-status-value.is-online {
      background: #5a9f3a;
      color: #ffffff;
    }

    .server-status-value.is-offline {
      background: #b63a48;
      color: #ffffff;
    }

    .server-snapshot-row strong a {
      color: inherit;
      text-decoration: none;
    }

    .server-snapshot-tags {
      align-items: flex-start;
      flex-direction: column;
    }

    .server-snapshot-tags div {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
    }

    .server-snapshot-actions {
      display: grid;
      gap: 0.75rem;
      padding: 1rem;
    }

    .server-snapshot-link-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      width: 100%;
      min-height: 46px;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #f5f9ff;
      font-weight: 800;
      letter-spacing: 0.01em;
      backdrop-filter: blur(14px);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 28px rgba(0, 0, 0, 0.18);
    }

    .server-snapshot-link-btn .bi {
      color: inherit;
      font-size: 1.05rem;
    }

    .server-snapshot-link-btn--website {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(120, 136, 160, 0.12));
      border-color: rgba(214, 224, 240, 0.18);
    }

    .server-snapshot-link-btn--discord {
      background: linear-gradient(135deg, rgba(88, 101, 242, 0.34), rgba(76, 154, 255, 0.2));
      border-color: rgba(122, 169, 255, 0.35);
    }

    .server-snapshot-link-btn--youtube {
      background: linear-gradient(135deg, rgba(255, 0, 0, 0.34), rgba(180, 0, 0, 0.22));
      border-color: rgba(255, 96, 96, 0.35);
    }

    .server-snapshot-link-btn--twitter {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(120, 120, 120, 0.16));
      border-color: rgba(214, 224, 240, 0.22);
    }

    .server-snapshot-link-btn:hover,
    .server-snapshot-link-btn:focus,
    .server-snapshot-link-btn:focus-visible {
      color: #fff !important;
      border-color: rgba(255, 255, 255, 0.28) !important;
      transform: translateY(-1px);
    }

    .server-snapshot-link-btn--website:hover,
    .server-snapshot-link-btn--website:focus,
    .server-snapshot-link-btn--website:focus-visible {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(145, 160, 184, 0.18)) !important;
    }

    .server-snapshot-link-btn--discord:hover,
    .server-snapshot-link-btn--discord:focus,
    .server-snapshot-link-btn--discord:focus-visible {
      background: linear-gradient(135deg, rgba(88, 101, 242, 0.46), rgba(76, 154, 255, 0.28)) !important;
    }

    .server-snapshot-link-btn--youtube:hover,
    .server-snapshot-link-btn--youtube:focus,
    .server-snapshot-link-btn--youtube:focus-visible {
      background: linear-gradient(135deg, rgba(255, 0, 0, 0.46), rgba(180, 0, 0, 0.3)) !important;
    }

    .server-snapshot-link-btn--twitter:hover,
    .server-snapshot-link-btn--twitter:focus,
    .server-snapshot-link-btn--twitter:focus-visible {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(145, 145, 145, 0.22)) !important;
    }

    @media (min-width: 992px) {
      .server-detail-meta {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }

      .server-detail-hero .server-detail-meta {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 468px;
        align-items: center;
        gap: 1.5rem;
      }

      .server-detail-hero .server-detail-brand {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        align-self: center;
      }

      .server-detail-hero .server-detail-aside {
        align-items: flex-end;
        justify-self: end;
        width: 468px;
        max-width: 100%;
      }

      .server-detail-hero .server-detail-ip-bar {
        align-self: stretch;
      }

      .server-detail-hero-banner-wrap {
        width: 468px;
        max-width: 100%;
      }
    }

    @media (max-width: 767.98px) {
      .servers-filter-shell,
      .server-detail-hero {
        padding: 1rem;
      }

      .search-filter-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .search-page-main .search-filter-actions .btn {
        width: 100%;
      }

      .search-page-main .search-filter-actions-secondary {
        width: 100%;
      }

      .search-page-main .search-filter-actions-secondary .btn {
        width: 100%;
      }

      .search-page-main .search-finder-title {
        font-size: 1.45rem;
      }

      .server-detail-brand {
        flex-direction: column;
        align-items: center;
      }

      .server-detail-hero .server-detail-title-row {
        align-items: center;
        width: 100%;
      }

      .server-detail-name {
        text-align: center;
        width: 100%;
      }

      .server-detail-name-tags {
        justify-content: flex-start;
        width: 100%;
      }

      .server-detail-identity {
        width: 100%;
        align-items: stretch;
      }

      .server-detail-icon {
        width: 72px;
        height: 72px;
      }
    }

    .tag-primary { background: rgba(93, 176, 255, 0.14); color: #7fc0ff; }
    .tag-success { background: rgba(47, 211, 139, 0.14); color: #6ee9ad; }
    .tag-warning { background: rgba(255, 191, 95, 0.14); color: #ffd07f; }
    .tag-danger { background: rgba(255, 109, 122, 0.14); color: #ff9aa4; }
    .tag-purple { background: rgba(125, 107, 255, 0.14); color: #b3a7ff; }

    .mode-card-link {
      position: relative;
      display: block;
      min-height: 200px;
      height: 100%;
      border-radius: var(--radius-lg);
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(10, 18, 32, 0.75);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      color: inherit;
      transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    }

    .mode-card-link:hover {
      transform: translateY(-4px);
      border-color: rgba(93, 176, 255, 0.28);
      box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
      color: inherit;
    }

    .mode-card-link:focus-visible {
      outline: 2px solid rgba(93, 176, 255, 0.7);
      outline-offset: 3px;
    }

    .mode-card-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transform: scale(1.03);
      transition: transform 0.4s ease;
    }

    .mode-card-link:hover .mode-card-bg {
      transform: scale(1.1);
    }

    .mode-card-overlay {
      position: absolute;
      inset: 0;
      z-index: 0;
      background: linear-gradient(165deg, rgba(5, 10, 18, 0.45) 0%, rgba(5, 10, 18, 0.82) 45%, rgba(5, 10, 18, 0.92) 100%);
      pointer-events: none;
    }

    .mode-card-body {
      position: relative;
      z-index: 1;
      padding: 1.5rem;
      min-height: 200px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .country-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.4rem 0.85rem 0.4rem 0.55rem;
      border-radius: 0;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--text);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.1);
      text-decoration: none;
      transition: background 0.2s ease, border-color 0.2s ease;
    }

    .country-pill:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(93, 176, 255, 0.25);
      color: #fff;
    }

    .country-pill .country-flag {
      width: 22px;
      height: 15px;
      object-fit: cover;
      border-radius: 0;
      flex-shrink: 0;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
    }

    .feature-card,
    .country-card,
    .footer-card {
      padding: 1.5rem;
      height: 100%;
    }

    .icon-box {
      width: 52px;
      height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      font-size: 1.2rem;
      margin-bottom: 1rem;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .faq-wrap .accordion-item {
      background: rgba(14, 24, 40, 0.75);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 0;
      overflow: hidden;
      margin-bottom: 1rem;
    }

    .faq-wrap .accordion-button {
      background: transparent;
      color: var(--text);
      font-weight: 700;
      box-shadow: none;
      padding: 1.25rem 1.4rem;
    }

    .faq-wrap .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2396dc73' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-size: 1rem;
    }

    .faq-wrap .accordion-button:not(.collapsed) {
      color: #fff;
      background: rgba(255, 255, 255, 0.02);
    }

    .faq-wrap .accordion-body {
      color: var(--muted);
      padding-top: 0;
    }

    .footer {
      padding: 4rem 0 2rem;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      background: linear-gradient(180deg, rgba(6, 12, 22, 0.2), rgba(4, 9, 16, 0.8));
    }

    .footer-logo {
      font-weight: 800;
      font-size: 1.35rem;
      line-height: 1.1;
      letter-spacing: 0.04em;
    }

    .footer-site-stats {
      margin-top: 0.85rem;
    }

    .footer-links a {
      display: block;
      color: var(--muted);
      margin-bottom: 0.7rem;
    }

    .footer-links a:hover {
      color: #fff;
    }

    .social-links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      margin-right: 0.5rem;
      border-radius: 0;
      color: var(--text);
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .social-links a:hover {
      color: #fff;
      border-color: rgba(93, 176, 255, 0.25);
    }

    @media (max-width: 991.98px) {
      .hero {
        padding-top: calc(7.6rem + var(--hero-nav-overlap));
      }

      .page-hero {
        padding-top: calc(7.6rem + var(--page-hero-nav-overlap));
        padding-bottom: 2.5rem;
        min-height: 21.5rem;
      }

      body.has-breadcrumbs .page-hero {
        margin-top: 0;
        padding-top: calc(2rem + var(--site-breadcrumb-height));
        min-height: 0;
      }
    }

    @media (max-width: 767.98px) {
      .section-padding {
        padding: 4rem 0;
      }

      .hero h1 {
        font-size: 1.6rem;
      }

      .page-hero {
        padding-top: calc(6.5rem + var(--page-hero-nav-overlap));
        padding-bottom: 2rem;
        min-height: 18.5rem;
      }

      body.has-breadcrumbs .page-hero {
        margin-top: 0;
        padding-top: calc(1.75rem + var(--site-breadcrumb-height));
        min-height: 0;
      }

      .page-hero .display-5,
      .page-hero .display-6 {
        font-size: 1.8rem !important;
      }

      .partner-tier {
        margin-bottom: 3rem;
      }

      .partner-card {
        padding: 1.4rem 1.2rem;
      }

      .partner-cta,
      .contact-notice,
      .contact-form-card,
      .contact-side-card,
      .subpage-stat-card,
      .subpage-info-card,
      .subpage-side-card,
      .subpage-bottom-cta {
        padding: 1.25rem;
      }

      .partner-card-link,
      .partner-cta-link,
      .contact-action-btn,
      .contact-outline-btn {
        min-width: 100%;
      }

      .contact-card-heading,
      .contact-notice-header {
        align-items: flex-start;
      }
    }

    .rounded,
    .rounded-1,
    .rounded-2,
    .rounded-3,
    .rounded-4,
    .rounded-5,
    .rounded-top,
    .rounded-bottom,
    .rounded-start,
    .rounded-end,
    .rounded-circle,
    .rounded-pill {
      border-radius: 0 !important;
    }

    .btn,
    .card,
    .accordion-item,
    .accordion-button,
    .modal-content,
    .dropdown-menu,
    .list-group-item,
    .img-thumbnail,
    .pagination .page-link,
    .badge,
    .alert,
    .form-control,
    .form-select,
    .input-group-text,
    .navbar-toggler,
    .form-check-input {
      border-radius: 0 !important;
    }

    .platform-choice-grid {
      max-width: 1080px;
      margin: 0 auto;
    }

    .platform-choice-card {
      position: relative;
      overflow: hidden;
      height: 100%;
      padding: 1.75rem;
      text-align: center;
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.94), rgba(8, 14, 24, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.26);
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .platform-choice-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(135deg, rgba(93, 176, 255, 0.08), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 40%);
    }

    .platform-choice-card > * {
      position: relative;
      z-index: 1;
    }

    .platform-choice-card:hover {
      transform: translateY(-4px);
      border-color: rgba(147, 220, 113, 0.28);
      box-shadow: 0 28px 56px rgba(0, 0, 0, 0.32);
    }

    .platform-choice-icon {
      width: 72px;
      height: 72px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
      font-size: 1.6rem;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .platform-choice-card--java .platform-choice-icon {
      color: #ffd479;
      border-color: rgba(255, 212, 121, 0.25);
    }

    .platform-choice-card--java {
      --tag-color: #ffd479;
    }

    .platform-choice-card--bedrock .platform-choice-icon {
      color: #91d0ff;
      border-color: rgba(145, 208, 255, 0.25);
    }

    .platform-choice-card--bedrock {
      --tag-color: #91d0ff;
    }

    .platform-choice-card--crossplay .platform-choice-icon {
      color: #96dc73;
      border-color: rgba(147, 220, 113, 0.25);
    }

    .platform-choice-card--crossplay {
      --tag-color: #96dc73;
    }

    .platform-choice-card .home-discovery-card-stats {
      margin-bottom: 1.15rem;
      text-align: left;
    }

    .platform-choice-card .btn-mc-platform.btn-iconed {
      position: relative;
      justify-content: center;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }

    .platform-choice-card .btn-mc-platform.btn-iconed > .bi:first-child {
      position: absolute;
      left: 0.95rem;
      top: 50%;
      transform: translateY(-50%);
    }

    .platform-view-heading {
      max-width: 1140px;
    }

    .platform-back-link {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      color: #96dc73;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .platform-back-link--below-title {
      margin-top: 1rem;
    }

    .platform-back-link:hover {
      color: #c4f3a8;
    }

    .platform-stats-line {
      color: #f5fbff;
      font-size: 1.02rem;
      margin-top: 1.25rem;
    }

    .platform-toolbar-stats {
      font-size: 0.95rem;
      line-height: 1.4;
    }

    .platform-intro-text {
      width: 100%;
      max-width: none;
      margin-top: 1.25rem;
      line-height: 1.65;
    }

    .platform-view-heading:has(.platform-back-link--below-title) .platform-intro-text {
      text-align: justify;
    }

    .tag-view-main .tag-view-hero,
    .platform-view-main .tag-view-hero,
    .country-view-main .tag-view-hero,
    .version-view-main .tag-view-hero {
      padding-bottom: 2rem;
    }

    .tag-view-main .tag-view-hero .section-heading,
    .platform-view-main .tag-view-hero .section-heading,
    .country-view-main .tag-view-hero .section-heading,
    .version-view-main .tag-view-hero .section-heading {
      margin-bottom: 0;
    }

    .tag-view-main .tag-view-stats,
    .platform-view-main .tag-view-stats,
    .country-view-main .tag-view-stats,
    .version-view-main .tag-view-stats {
      margin-top: 1.25rem;
      text-align: center;
    }

    .tag-view-main .tag-subdesc,
    .platform-view-main .tag-subdesc,
    .country-view-main .tag-subdesc,
    .version-view-main .tag-subdesc {
      margin-top: 1.25rem;
    }

    .tag-view-main .tag-faq-wrap {
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-right: 0;
    }

    .tag-view-main .platform-faq-section .section-heading {
      max-width: none;
    }

    .country-hero-flag-wrap {
      display: flex;
      justify-content: center;
    }

    .country-hero-flag {
      display: block;
      width: 48px;
      height: auto;
      aspect-ratio: 3 / 2;
      object-fit: contain;
    }

    .dev-mail-panel code {
      color: #96dc73;
    }

    .status-query-form {
      padding: 1.25rem 1.35rem;
    }

    .status-result-panel {
      padding: 1.25rem 1.35rem;
    }

    .status-result-heading {
      margin-bottom: 0.75rem;
    }

    .status-var-dump {
      margin: 0;
      padding: 1rem 1.1rem;
      max-height: 520px;
      overflow: auto;
      font-size: 0.82rem;
      line-height: 1.45;
      color: #d8e8ff;
      background: rgba(0, 0, 0, 0.35);
      border: 1px solid rgba(255, 255, 255, 0.08);
      white-space: pre-wrap;
      word-break: break-word;
    }

    .status-result-favicon img {
      border: 1px solid rgba(255, 255, 255, 0.12);
      image-rendering: pixelated;
    }

    .add-server-topbar {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      margin-bottom: 1.25rem;
    }

    .my-servers-empty {
      padding: 2.5rem 1.5rem;
    }

    .my-servers-empty .icon-box {
      font-size: 1.35rem;
    }

    .profile-card {
      padding: 1.5rem;
    }

    .profile-card-head {
      margin-bottom: 1.25rem;
    }

    .profile-avatar-slot {
      display: inline-flex;
      width: 96px;
      height: 96px;
      align-items: center;
      justify-content: center;
    }

    .profile-avatar,
    .profile-avatar-fallback {
      width: 96px;
      height: 96px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      image-rendering: pixelated;
      image-rendering: crisp-edges;
    }

    .profile-avatar-fallback {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 2.4rem;
      color: #9ab1cf;
      background: rgba(255, 255, 255, 0.04);
    }

    .profile-card-actions {
      padding-top: 0.25rem;
    }

    .profile-details-panel {
      padding: 1.5rem;
    }

    .profile-details-panel h2 {
      display: flex;
      align-items: center;
      gap: 0.55rem;
    }

    .profile-details-panel h2 .bi {
      color: #96dc73;
    }

    .profile-details-list {
      display: grid;
    }

    .profile-details-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.85rem;
      padding: 0.68rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .profile-details-row:last-child {
      border-bottom: 0;
    }

    .profile-details-row > span {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      color: #f0f5ff;
      font-weight: 800;
      line-height: 1.2;
    }

    .profile-details-row > span .bi {
      color: #96dc73;
    }

    .profile-details-row strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 58%;
      padding: 0.22rem 0.52rem;
      border-radius: 0;
      background: #5a9f3a;
      color: #ffffff;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.2;
      text-align: right;
      word-break: break-word;
    }

    .profile-status-badge.is-pending {
      background: #9a6b2f;
    }

    .profile-status-badge.is-verified {
      background: #5a9f3a;
    }

    .profile-settings-stack {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .profile-settings-panel {
      padding: 1.35rem 1.5rem;
    }

    .profile-settings-panel h2 {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      color: #eef4ff;
    }

    .profile-settings-panel h2 .bi {
      color: #5a9f3a;
      -webkit-text-fill-color: #5a9f3a;
    }

    .profile-settings-lead {
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .profile-settings-panel--danger {
      border: 1px solid rgba(255, 120, 120, 0.28);
      background: linear-gradient(180deg, rgba(72, 20, 24, 0.35) 0%, rgba(12, 22, 36, 0.55) 100%);
    }

    .profile-settings-panel--danger h2 .bi {
      color: #ff8a8a;
      -webkit-text-fill-color: #ff8a8a;
    }

    .profile-pending-email-notice {
      font-size: 0.92rem;
      line-height: 1.45;
      border-color: rgba(93, 176, 255, 0.35);
      background: rgba(18, 52, 88, 0.94);
      color: #d6ecff;
    }

    .profile-pending-email-notice strong {
      color: #fff;
    }

    .profile-email-reveal {
      display: inline-block;
      max-width: 100%;
      cursor: help;
      outline: none;
    }

    .profile-email-reveal__text {
      display: inline-block;
      max-width: 100%;
      filter: blur(6px);
      opacity: 0.72;
      transition: filter 0.2s ease, opacity 0.2s ease;
      user-select: none;
      pointer-events: none;
    }

    .profile-email-reveal:hover .profile-email-reveal__text,
    .profile-email-reveal:focus .profile-email-reveal__text,
    .profile-email-reveal:focus-visible .profile-email-reveal__text {
      filter: blur(0);
      opacity: 1;
      user-select: text;
    }

    .profile-email-reveal--badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 58%;
      padding: 0.22rem 0.52rem;
      border-radius: 0;
      background: #5a9f3a;
      color: #ffffff;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.2;
      text-align: right;
    }

    .profile-email-reveal--badge .profile-email-reveal__text {
      color: inherit;
      font: inherit;
      word-break: break-all;
    }

    .profile-email-reveal--inline {
      font-weight: 700;
      color: #fff;
      vertical-align: baseline;
    }

    .profile-email-reveal--inline .profile-email-reveal__text {
      color: inherit;
      font: inherit;
    }

    @media (min-width: 768px) {
      .add-server-topbar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
    }

    .add-server-wizard,
    .add-server-form-panel,
    .add-server-final-panel,
    .add-server-side-card,
    .add-server-help-card {
      overflow: hidden;
    }

    .add-server-panel-header,
    .add-server-side-header {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      padding: 1.1rem 1.25rem;
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(8, 14, 24, 0.98));
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .add-server-panel-header--slate {
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(8, 14, 24, 0.98));
    }

    .add-server-panel-header--amber {
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(8, 14, 24, 0.98));
    }

    .add-server-panel-header--blue {
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(8, 14, 24, 0.98));
    }

    .add-server-form-panel .add-server-panel-header {
      padding: 0.85rem 1.25rem;
    }

    .add-server-form-panel .add-server-panel-header > div {
      min-width: 0;
    }

    .add-server-form-panel .add-server-panel-header h2 {
      line-height: 1.2;
    }

    .add-server-panel-header h2,
    .add-server-side-header h2 {
      color: #fff;
    }

    .add-server-panel-header .subpage-side-kicker {
      color: #96dc73;
    }

    .add-server-panel-icon,
    .add-server-side-header > i {
      width: 38px;
      height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: #96dc73;
      background: rgba(147, 220, 113, 0.08);
      border: 1px solid rgba(147, 220, 113, 0.18);
    }

    .add-server-panel-body {
      padding: 1.25rem;
    }

    @media (min-width: 992px) {
      .add-server-panel-body {
        padding: 1.45rem 1.55rem 1.55rem;
      }
    }

    .add-server-step + .add-server-step {
      margin-top: 1.6rem;
    }

    .add-server-step-heading {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .add-server-edition-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.85rem;
    }

    @media (min-width: 768px) {
      .add-server-edition-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .add-server-edition-card {
      position: relative;
      display: flex;
      align-items: center;
      gap: 0.85rem;
      min-height: 92px;
      margin: 0;
      padding: 1rem;
      cursor: pointer;
      color: #fff;
      background:
        linear-gradient(180deg, rgba(14, 24, 40, 0.94), rgba(8, 14, 24, 0.98));
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .add-server-edition-card:hover,
    .add-server-edition-card:focus-within {
      transform: translateY(-2px);
      border-color: rgba(147, 220, 113, 0.26);
      box-shadow: 0 18px 34px rgba(0, 0, 0, 0.3);
    }

    .add-server-edition-card.is-selected {
      border-color: rgba(147, 220, 113, 0.7);
      box-shadow:
        0 18px 34px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(147, 220, 113, 0.25);
    }

    .add-server-edition-card.is-selected::after {
      content: "\F26A";
      font-family: "bootstrap-icons";
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      color: #96dc73;
      font-size: 1.05rem;
      line-height: 1;
    }

    .add-server-edition-card.is-locked {
      opacity: 0.72;
      cursor: not-allowed;
      pointer-events: none;
    }

    .add-server-edition-card.is-locked:hover,
    .add-server-edition-card.is-locked:focus-within {
      transform: none;
      border-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
    }

    .add-server-edition-card input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .add-server-edition-icon {
      width: 48px;
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: #96dc73;
      font-size: 1.25rem;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .add-server-edition-card strong,
    .add-server-edition-card small {
      display: block;
    }

    .add-server-edition-card strong {
      line-height: 1.2;
    }

    .add-server-edition-card small {
      margin-top: 0.2rem;
      color: #9ab1cf;
      font-size: 0.78rem;
    }

    .add-server-address-box {
      padding: 1rem;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.07);
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .add-server-address-box .form-label span {
      color: #ff7b7b;
    }

    .add-server-actions {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      align-items: flex-start;
      margin-top: 1.35rem;
    }

    .add-server-status-panel {
      margin-top: 1rem;
      padding: 1.2rem 1.25rem;
    }

    .add-server-status-heading {
      margin-bottom: 1rem;
    }

    .add-server-status-error {
      margin-bottom: 1rem;
      color: #ff9aa3;
      font-size: 0.92rem;
    }

    .add-server-status-grid {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .add-server-status-card {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr) auto;
      gap: 0.85rem;
      align-items: center;
      padding: 0.85rem 0.95rem;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .add-server-status-card.is-online {
      border-color: rgba(47, 211, 139, 0.24);
    }

    .add-server-status-card.is-offline {
      border-color: rgba(255, 109, 122, 0.24);
    }

    .add-server-status-icon {
      width: 64px;
      height: 64px;
      object-fit: cover;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .add-server-status-edition {
      display: inline-block;
      margin-bottom: 0.2rem;
      color: #96dc73;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .add-server-status-name {
      margin: 0 0 0.15rem;
      color: #fff;
      font-size: 1rem;
      line-height: 1.25;
    }

    .add-server-status-name.mc-motd,
    .mc-motd {
      font-family: "Better Minecraft", "Minecraftory", monospace;
      font-weight: normal;
      letter-spacing: 0.02em;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);
      word-break: break-word;
    }

    .mc-motd span {
      font-family: inherit;
    }

    .mc-color-000000 {
      color: #000000;
    }

    .mc-color-0000aa {
      color: #0000aa;
    }

    .mc-color-00aa00 {
      color: #00aa00;
    }

    .mc-color-00aaaa {
      color: #00aaaa;
    }

    .mc-color-aa0000 {
      color: #aa0000;
    }

    .mc-color-aa00aa {
      color: #aa00aa;
    }

    .mc-color-ffaa00 {
      color: #ffaa00;
    }

    .mc-color-aaaaaa {
      color: #aaaaaa;
    }

    .mc-color-555555 {
      color: #555555;
    }

    .mc-color-5555ff {
      color: #5555ff;
    }

    .mc-color-55ff55 {
      color: #55ff55;
    }

    .mc-color-55ffff {
      color: #55ffff;
    }

    .mc-color-ff5555 {
      color: #ff5555;
    }

    .mc-color-ff55ff {
      color: #ff55ff;
    }

    .mc-color-ffff55 {
      color: #ffff55;
    }

    .mc-color-ffffff {
      color: #ffffff;
    }

    .mc-bold {
      font-weight: 700;
    }

    .mc-italic {
      font-style: italic;
    }

    .mc-underline {
      text-decoration-line: underline;
    }

    .mc-strikethrough {
      text-decoration-line: line-through;
    }

    .mc-underline.mc-strikethrough {
      text-decoration-line: underline line-through;
    }

    .add-server-status-address {
      color: #8b9cb8;
      font-size: 0.82rem;
    }

    .add-server-status-meta {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 0.45rem;
      text-align: right;
    }

    .add-server-status-badge {
      display: inline-flex;
      align-items: center;
      padding: 0.18rem 0.45rem;
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .add-server-status-badge.is-online {
      color: #5fe9a8;
      background: rgba(47, 211, 139, 0.12);
      border: 1px solid rgba(47, 211, 139, 0.24);
    }

    .add-server-status-badge.is-offline {
      color: #ff8e97;
      background: rgba(255, 109, 122, 0.12);
      border: 1px solid rgba(255, 109, 122, 0.24);
    }

    .add-server-status-players {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: #e8eef8;
      font-size: 0.88rem;
      font-weight: 700;
      white-space: nowrap;
    }

    .add-server-status-players .bi {
      color: #96dc73;
    }

    #add-server-test-connection.is-tested {
      opacity: 0.92;
    }

    #add-server-test-connection.is-loading {
      opacity: 0.78;
    }

    @media (min-width: 768px) {
      .add-server-actions {
        flex-direction: row;
        align-items: center;
      }
    }

    .add-server-side-stack {
      display: grid;
      gap: 1rem;
    }

    .add-server-tip-list {
      display: grid;
      gap: 1rem;
      margin: 0;
      padding: 1.15rem 1.25rem 1.25rem;
      list-style: none;
    }

    .add-server-tip-list li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 0.75rem;
      color: #c8d7eb;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .add-server-tip-list i {
      color: #96dc73;
      font-size: 1rem;
      line-height: 1.45;
    }

    .add-server-tip-list strong {
      color: #fff;
    }

    .add-server-help-card {
      padding: 1.25rem;
    }

    .add-server-advanced {
      display: grid;
      gap: 1.1rem;
      margin-top: 1.1rem;
    }

    .add-server-advanced[hidden] {
      display: none !important;
    }

    .add-server-form-panel {
      animation: addServerReveal 0.22s ease-out both;
    }

    @keyframes addServerReveal {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .add-server-form-panel .form-label span {
      color: #ff7b7b;
    }

    .add-server-field-hint {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-top: 0.4rem;
      color: #8b9cb8;
      font-size: 0.78rem;
      line-height: 1.35;
    }

    .add-server-field-hint-text {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }

    .add-server-field-hint-text i {
      color: #96dc73;
      font-size: 0.82rem;
    }

    .add-server-field-hint-text.is-error,
    .add-server-field-hint-text.is-error i {
      color: #ff6e6e;
    }

    .add-server-field-hint-count {
      flex-shrink: 0;
      color: #c7d4e8;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
    }

    .add-server-field-hint--compact {
      margin-top: 0;
      margin-bottom: 0.55rem;
    }

    .add-server-page-main .select2-container {
      width: 100% !important;
    }

    .add-server-page-main .select2-container--default .select2-selection--single .select2-selection__rendered .search-country-option {
      line-height: 1.2;
    }

    .add-server-page-main .select2-container--default .select2-selection--single {
      height: 2.35rem;
      display: flex;
      align-items: center;
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .add-server-page-main .select2-container--default.select2-container--focus .select2-selection--single,
    .add-server-page-main .select2-container--default.select2-container--open .select2-selection--single {
      border-color: rgba(93, 176, 255, 0.45);
      box-shadow:
        0 0 0 0.2rem rgba(93, 176, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      background: rgba(255, 255, 255, 0.065);
    }

    .add-server-page-main .select2-container--default .select2-selection--single .select2-selection__rendered {
      display: flex;
      align-items: center;
      height: 100%;
      padding-left: 0.75rem;
      padding-right: 2.25rem;
      color: #ffffff;
      line-height: 1.2;
    }

    .add-server-page-main .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #ffffff;
    }

    .add-server-page-main .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 0;
      right: 0.55rem;
      width: 1.3rem;
      height: 100%;
    }

    .add-server-page-main .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #dbe6f6 transparent transparent transparent;
    }

    .add-server-page-main .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #dbe6f6 transparent;
    }

    .add-server-page-main .select2-dropdown {
      border-radius: 0;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: #0f1828;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
      z-index: 9999;
    }

    .add-server-page-main .select2-container--open {
      z-index: 9999;
    }

    .add-server-page-main .select2-results__options {
      background: #0f1828 !important;
      color: #eef5ff;
    }

    .add-server-page-main .select2-container--default .select2-results__option {
      background: #0f1828 !important;
      color: #eef5ff !important;
      padding: 0.52rem 0.7rem;
    }

    .add-server-page-main .select2-container--default .select2-results__option--selected {
      background: rgba(93, 176, 255, 0.18) !important;
      color: #e6f3ff !important;
    }

    .add-server-page-main .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background: rgba(116, 190, 66, 0.28);
      color: #f2ffea;
    }

    .add-server-page-main .select2-search--dropdown .select2-search__field {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #fff;
      border-radius: 0;
    }

    .add-server-page-main .select2-search--dropdown .select2-search__field:focus {
      outline: none;
      border-color: rgba(93, 176, 255, 0.45);
      box-shadow: 0 0 0 0.18rem rgba(93, 176, 255, 0.12);
    }

    .add-server-upload-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 150px;
      padding: 1.4rem;
      text-align: center;
      color: #c8d7eb;
      background: rgba(255, 255, 255, 0.035);
      border: 1px dashed rgba(147, 220, 113, 0.35);
      transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
    }

    .add-server-upload-box.is-dragover {
      background: rgba(147, 220, 113, 0.08);
      border-color: rgba(147, 220, 113, 0.75);
      box-shadow: inset 0 0 0 1px rgba(147, 220, 113, 0.25);
    }

    .add-server-upload-drop-hint {
      margin-top: 0.35rem;
      color: #8b9cb8;
      font-size: 0.82rem;
    }

    .add-server-upload-box > i {
      margin-bottom: 0.5rem;
      color: #96dc73;
      font-size: 1.8rem;
    }

    .add-server-upload-box strong {
      color: #fff;
    }

    .add-server-upload-rules {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      margin-top: 0.45rem;
      color: #9ab1cf;
      font-size: 0.86rem;
      line-height: 1.45;
    }

    .add-server-upload-rules-note {
      margin-top: 0.15rem;
      color: #8b9cb8;
      font-style: italic;
    }

    .add-server-upload-error {
      margin-top: 0.65rem;
      color: #ff8f9a;
      font-size: 0.82rem;
    }

    .add-server-upload-filename {
      margin-top: 0.45rem;
      color: #c7d4e8;
      font-size: 0.8rem;
    }

    .add-server-upload-preview {
      display: block;
      max-width: 100%;
      height: auto;
      margin-top: 0.75rem;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
    }

    .add-server-upload-box span {
      margin-top: 0.25rem;
      color: #9ab1cf;
      font-size: 0.86rem;
    }

    .add-server-banner-promo {
      color: #8b9cb8;
      font-size: 0.78rem;
      line-height: 1.45;
      text-align: center;
    }

    .add-server-banner-promo a {
      color: #93c8ff;
      font-weight: 600;
      text-decoration: none;
      transition: color 0.15s ease;
    }

    .add-server-banner-promo a:hover {
      color: #b9dcff;
      text-decoration: underline;
    }

    .add-server-editor {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.18);
      overflow: hidden;
    }

    /* Quill inserts .ql-toolbar as a sibling before #server-description-editor */
    .add-server-editor .ql-toolbar.ql-snow {
      background: rgba(255, 255, 255, 0.06);
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-formats {
      margin-right: 0.65rem;
    }

    .add-server-editor .ql-toolbar.ql-snow button,
    .add-server-editor .ql-toolbar.ql-snow .ql-picker,
    .add-server-editor .ql-toolbar.ql-snow .ql-picker-label,
    .add-server-editor .ql-toolbar.ql-snow .ql-picker-label::before {
      color: #ffffff !important;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-stroke,
    .add-server-editor .ql-toolbar.ql-snow .ql-stroke-miter,
    .add-server-editor .ql-toolbar.ql-snow svg .ql-stroke,
    .add-server-editor .ql-toolbar.ql-snow svg .ql-stroke-miter,
    .add-server-editor .ql-toolbar.ql-snow svg path,
    .add-server-editor .ql-toolbar.ql-snow svg line,
    .add-server-editor .ql-toolbar.ql-snow svg polyline,
    .add-server-editor .ql-toolbar.ql-snow svg rect {
      stroke: #ffffff !important;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-fill,
    .add-server-editor .ql-toolbar.ql-snow .ql-stroke.ql-fill,
    .add-server-editor .ql-toolbar.ql-snow svg .ql-fill {
      fill: #ffffff !important;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
      color: #ffffff !important;
      border-color: rgba(147, 220, 113, 0.45) !important;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-picker-options {
      background: #0f1828;
      border-color: rgba(255, 255, 255, 0.14);
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-picker-item {
      color: #dce8f7;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-picker-item:hover,
    .add-server-editor .ql-toolbar.ql-snow .ql-picker-item.ql-selected {
      color: #96dc73;
    }

    .add-server-editor .ql-toolbar.ql-snow button:hover,
    .add-server-editor .ql-toolbar.ql-snow button.ql-active,
    .add-server-editor .ql-toolbar.ql-snow .ql-picker-label:hover {
      color: #96dc73 !important;
      background: rgba(255, 255, 255, 0.08);
    }

    .add-server-editor .ql-toolbar.ql-snow button:hover .ql-stroke,
    .add-server-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke,
    .add-server-editor .ql-toolbar.ql-snow button:hover .ql-stroke-miter,
    .add-server-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke-miter,
    .add-server-editor .ql-toolbar.ql-snow button:hover .ql-stroke.ql-fill,
    .add-server-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke.ql-fill {
      stroke: #96dc73 !important;
    }

    .add-server-editor .ql-toolbar.ql-snow button:hover .ql-fill,
    .add-server-editor .ql-toolbar.ql-snow button.ql-active .ql-fill {
      fill: #96dc73 !important;
    }

    .add-server-editor .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item {
      border-color: rgba(255, 255, 255, 0.18);
    }

    .add-server-quill-editor.ql-container.ql-snow {
      min-height: 220px;
      border: 0;
      background: #0b1728;
      color: #e8eef8;
      font-size: 0.95rem;
    }

    .add-server-quill-editor .ql-editor {
      min-height: 220px;
      padding: 0.85rem 1rem 1rem;
      line-height: 1.55;
    }

    .add-server-quill-editor .ql-editor.ql-blank::before {
      color: #8b9cb8;
      font-style: normal;
    }

    .add-server-quill-editor .ql-editor h1 {
      font-size: 1.45rem;
      margin: 0 0 0.65rem;
    }

    .add-server-quill-editor .ql-editor h2 {
      font-size: 1.2rem;
      margin: 0 0 0.55rem;
    }

    .add-server-editor .ql-snow .ql-tooltip {
      background: #0f1828;
      border-color: rgba(255, 255, 255, 0.12);
      color: #e8eef8;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
      z-index: 10060;
    }

    .add-server-editor .ql-snow .ql-tooltip::before {
      color: #c8d7eb;
    }

    .add-server-editor .ql-snow .ql-tooltip a {
      color: #93c8ff;
    }

    .add-server-editor .ql-snow .ql-tooltip a.ql-action::after {
      border-right-color: rgba(255, 255, 255, 0.2);
    }

    .add-server-editor .ql-snow .ql-tooltip input[type="text"] {
      background: rgba(255, 255, 255, 0.04);
      border-color: rgba(255, 255, 255, 0.12);
      color: #fff;
    }

    .add-server-quill-toolbar-contrast {
      color: #ffffff;
    }

    .add-server-tag-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }

    .add-server-tag-chip {
      margin: 0;
      cursor: pointer;
    }

    .add-server-tag-chip input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .add-server-tag-chip.is-disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

    .add-server-tag-chip.is-disabled .add-server-tag-pill {
      cursor: not-allowed;
    }

    .add-server-tag-chip .add-server-tag-pill {
      gap: 0.28rem;
      min-height: 24px;
      padding: 0.1rem 0.45rem;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #8b9cb8;
      box-shadow: none;
      transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    }

    .add-server-tag-chip .add-server-tag-pill .bi {
      font-size: 0.72rem;
      line-height: 1;
      color: inherit;
    }

    .add-server-tag-chip:hover input:not(:checked) + .add-server-tag-pill {
      background: rgba(255, 255, 255, 0.07);
      border-color: rgba(255, 255, 255, 0.16);
      color: #c8d7eb;
    }

    .add-server-tag-chip input:checked + .add-server-tag-pill {
      background: color-mix(in srgb, var(--tag-color) 38%, transparent);
      border-color: color-mix(in srgb, var(--tag-color) 78%, transparent);
      color: var(--tag-color);
      box-shadow: 0 0 0 1px color-mix(in srgb, var(--tag-color) 35%, transparent);
    }

    .add-server-tag-chip:hover input:checked + .add-server-tag-pill {
      background: color-mix(in srgb, var(--tag-color) 45%, transparent);
      border-color: color-mix(in srgb, var(--tag-color) 82%, transparent);
    }

    .add-server-tag-chip input:focus-visible + .add-server-tag-pill {
      outline: 2px solid rgba(147, 176, 255, 0.55);
      outline-offset: 2px;
    }

    .add-server-tag-chip input:checked:focus-visible + .add-server-tag-pill {
      outline-color: color-mix(in srgb, var(--tag-color) 70%, #ffffff);
    }

    .add-server-range {
      accent-color: #5a9f3a;
    }

    .add-server-version-range {
      padding: 1rem 1.05rem 1.15rem;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .add-server-version-range-labels {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .add-server-version-range-badge {
      display: inline-flex;
      align-items: center;
      min-height: 2rem;
      padding: 0.35rem 0.7rem;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #dce8f7;
      font-size: 0.82rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .add-server-version-range-track-wrap {
      position: relative;
      height: 2.2rem;
    }

    .add-server-version-range-track {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 6px;
      background: rgba(255, 255, 255, 0.1);
      transform: translateY(-50%);
    }

    .add-server-version-range-fill {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, rgba(90, 159, 58, 0.95), rgba(150, 220, 115, 0.95));
      pointer-events: none;
    }

    .add-server-version-range-input {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 6px;
      margin: 0;
      transform: translateY(-50%);
      pointer-events: none;
      appearance: none;
      -webkit-appearance: none;
      background: transparent;
    }

    .add-server-version-range-input--min {
      z-index: 3;
    }

    .add-server-version-range-input--max {
      z-index: 4;
    }

    .add-server-version-range-input:focus {
      outline: none;
    }

    .add-server-version-range-input:focus-visible::-webkit-slider-thumb {
      box-shadow: 0 0 0 3px rgba(150, 220, 115, 0.28);
    }

    .add-server-version-range-input:focus-visible::-moz-range-thumb {
      box-shadow: 0 0 0 3px rgba(150, 220, 115, 0.28);
    }

    .add-server-version-range-input::-webkit-slider-runnable-track {
      height: 6px;
      background: transparent;
    }

    .add-server-version-range-input::-webkit-slider-thumb {
      -webkit-appearance: none;
      pointer-events: auto;
      width: 18px;
      height: 18px;
      margin-top: -6px;
      border: 2px solid #5a9f3a;
      border-radius: 50%;
      background: #96dc73;
      cursor: pointer;
      box-shadow: 0 0 0 2px rgba(7, 17, 31, 0.85);
    }

    .add-server-version-range-input::-moz-range-track {
      height: 6px;
      background: transparent;
      border: 0;
    }

    .add-server-version-range-input::-moz-range-thumb {
      pointer-events: auto;
      width: 18px;
      height: 18px;
      border: 2px solid #5a9f3a;
      border-radius: 50%;
      background: #96dc73;
      cursor: pointer;
      box-shadow: 0 0 0 2px rgba(7, 17, 31, 0.85);
    }

    .add-server-toggle-row {
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 0.9rem;
      align-items: center;
      margin: 0;
      padding: 1rem;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }

    .add-server-toggle-row input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .add-server-toggle-ui {
      position: relative;
      width: 52px;
      height: 28px;
      background: rgba(255, 255, 255, 0.12);
      border: 1px solid rgba(255, 255, 255, 0.1);
      transition: background 0.2s ease, border-color 0.2s ease;
    }

    .add-server-toggle-ui::before {
      content: "";
      position: absolute;
      top: 4px;
      left: 4px;
      width: 18px;
      height: 18px;
      background: #dce8f8;
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .add-server-toggle-row input:checked + .add-server-toggle-ui {
      background: rgba(90, 159, 58, 0.55);
      border-color: rgba(147, 220, 113, 0.55);
    }

    .add-server-toggle-row input:checked + .add-server-toggle-ui::before {
      transform: translateX(24px);
      background: #fff;
    }

    .add-server-toggle-row strong,
    .add-server-toggle-row small {
      display: block;
    }

    .add-server-toggle-row strong {
      color: #fff;
    }

    .add-server-toggle-row small {
      margin-top: 0.15rem;
      color: #9ab1cf;
    }

    .add-server-final-panel {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: stretch;
      padding: 1rem 1.25rem;
    }

    .add-server-terms-row {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      margin: 0;
      padding: 0.95rem 1rem;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: border-color 0.2s ease, background 0.2s ease;
      flex: 1;
      min-width: 0;
    }

    .add-server-terms-row:hover {
      background: rgba(255, 255, 255, 0.045);
      border-color: rgba(255, 255, 255, 0.12);
    }

    .add-server-terms-ui {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.14);
      transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .add-server-terms-ui .bi {
      color: #fff;
      font-size: 0.9rem;
      line-height: 1;
      opacity: 0;
      transform: scale(0.75);
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .add-server-terms-row input:checked + .add-server-terms-ui {
      background: rgba(90, 159, 58, 0.72);
      border-color: rgba(147, 220, 113, 0.72);
      box-shadow: 0 0 0 1px rgba(147, 220, 113, 0.18);
    }

    .add-server-terms-row input:checked + .add-server-terms-ui .bi {
      opacity: 1;
      transform: scale(1);
    }

    .add-server-terms-row input:focus-visible + .add-server-terms-ui {
      outline: 2px solid rgba(147, 220, 113, 0.55);
      outline-offset: 2px;
    }

    .add-server-terms-copy {
      color: #c8d7eb;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .add-server-terms-row.is-invalid {
      border-color: rgba(220, 83, 83, 0.72);
      background: rgba(220, 83, 83, 0.08);
    }

    .add-server-terms-error {
      margin: 0;
      color: #ff9a9a;
      font-size: 0.9rem;
      line-height: 1.45;
    }

    .add-server-terms-error[hidden] {
      display: none !important;
    }

    .add-server-form .form-control.is-field-invalid,
    .add-server-form .form-select.is-field-invalid,
    .add-server-form .auth-input-wrap.is-field-invalid .auth-input-control {
      border: 2px solid #dc5353 !important;
      box-shadow: 0 0 0 0.15rem rgba(220, 83, 83, 0.18) !important;
    }

    .add-server-edition-grid.is-field-invalid {
      outline: 2px solid rgba(220, 83, 83, 0.85);
      outline-offset: 4px;
      border-radius: 1rem;
    }

    .add-server-editor.is-field-invalid,
    .add-server-tag-grid.is-field-invalid,
    .add-server-version-range.is-field-invalid,
    #add-server-votifier-fields.is-field-invalid {
      outline: 2px solid rgba(220, 83, 83, 0.85);
      outline-offset: 3px;
      border-radius: 0.85rem;
    }

    .add-server-page-main .add-server-form .search-filter-field--country.is-field-invalid .select2-container .select2-selection--single,
    .add-server-page-main .add-server-form .select2-container.is-field-invalid .select2-selection--single,
    .add-server-form .search-filter-field--country.is-field-invalid .select2-container--default .select2-selection--single,
    .add-server-form .select2-container.is-field-invalid .select2-container--default .select2-selection--single,
    .add-server-form #server-country.is-field-invalid {
      border: 2px solid #dc5353 !important;
      box-shadow: 0 0 0 0.15rem rgba(220, 83, 83, 0.18) !important;
    }

    .add-server-page-main .add-server-form .search-filter-field--country.is-field-invalid .select2-container.select2-container--focus .select2-selection--single,
    .add-server-page-main .add-server-form .search-filter-field--country.is-field-invalid .select2-container.select2-container--open .select2-selection--single,
    .add-server-page-main .add-server-form .select2-container.is-field-invalid.select2-container--focus .select2-selection--single,
    .add-server-page-main .add-server-form .select2-container.is-field-invalid.select2-container--open .select2-selection--single,
    .add-server-form .search-filter-field--country.is-field-invalid .select2-container--default.select2-container--focus .select2-selection--single,
    .add-server-form .select2-container.is-field-invalid.select2-container--default.select2-container--focus .select2-selection--single,
    .add-server-form .search-filter-field--country.is-field-invalid .select2-container--default.select2-container--open .select2-selection--single,
    .add-server-form .select2-container.is-field-invalid.select2-container--default.select2-container--open .select2-selection--single {
      border: 2px solid #dc5353 !important;
      box-shadow: 0 0 0 0.15rem rgba(220, 83, 83, 0.18) !important;
    }

    .add-server-page-main .add-server-form .search-filter-field--country.is-field-invalid {
      outline: 2px solid rgba(220, 83, 83, 0.85);
      outline-offset: 2px;
    }

    #add-server-connection-hint.is-field-error-text {
      color: #ff9a9a !important;
      font-weight: 600;
    }

    .add-server-submit-btn {
      width: 100%;
      white-space: nowrap;
    }

    .add-server-submit-btn span {
      white-space: nowrap;
    }

    .add-server-terms,
    .auth-terms-check {
      color: #c8d7eb;
    }

    .auth-terms-check {
      margin: 1.25rem 0;
    }

    .auth-terms-check .form-check-label a {
      color: #5a9f3a;
      text-decoration: underline;
      text-underline-offset: 0.12em;
    }

    .auth-terms-check .form-check-label a:hover {
      color: #7bc45a;
    }

    .country-index-choice-grid {
      max-width: none;
    }

    .platform-choice-icon--flag {
      padding: 0.35rem;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .platform-choice-flag {
      display: block;
      width: 48px;
      height: 34px;
      object-fit: cover;
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .platform-choice-card--country .platform-choice-icon--flag {
      color: inherit;
      border-color: rgba(147, 220, 113, 0.2);
    }

    .platform-view-toolbar {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1.25rem 1.35rem;
      margin-bottom: 1.25rem;
    }

    .platform-view-toolbar-links {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
    }

    .platform-servers-list {
      margin-bottom: 2.5rem;
    }

    .platform-faq-section {
      padding-top: 0.5rem;
    }

    .platform-view-main--java .platform-choice-icon,
    .platform-view-main--java .platform-back-link {
      color: #ffd479;
    }

    .platform-view-main--bedrock .platform-back-link {
      color: #91d0ff;
    }

    .platform-view-main--crossplay .platform-choice-icon,
    .platform-view-main--crossplay .platform-back-link {
      color: #96dc73;
    }

    @media (min-width: 768px) {
      .platform-view-toolbar {
        flex-direction: row;
        align-items: center;
      }
    }

    .legal-content-shell {
      max-width: 900px;
      margin: 0 auto;
    }

    .legacy-policy-content {
      color: #d8e3f2;
      font-size: 0.98rem;
      line-height: 1.7;
    }

    .legacy-policy-content h1,
    .legacy-policy-content h2,
    .legacy-policy-content h3,
    .legacy-policy-content h4,
    .legacy-policy-content h5,
    .legacy-policy-content h6 {
      color: #f4f8ff;
      font-weight: 800;
      line-height: 1.25;
      margin: 2rem 0 1rem;
    }

    .legacy-policy-content h1:first-child,
    .legacy-policy-content h2:first-child,
    .legacy-policy-content h3:first-child {
      margin-top: 0;
    }

    .legacy-policy-content h1 {
      font-size: clamp(1.7rem, 4vw, 2.35rem);
    }

    .legacy-policy-content h2 {
      font-size: clamp(1.25rem, 3vw, 1.65rem);
    }

    .legacy-policy-content .legacy-policy-title,
    .legacy-policy-content .legacy-policy-subtitle {
      text-align: center;
    }

    .legacy-policy-content .legacy-policy-title {
      margin-bottom: 1rem;
    }

    .legacy-policy-content .legacy-policy-subtitle {
      color: #c9d7e8;
      font-weight: 700;
      font-size: 0.98rem;
      line-height: 1.5;
      margin: 0 0 1.2rem;
    }

    .legacy-policy-content h3 {
      font-size: 1.15rem;
    }

    .legacy-policy-content h4,
    .legacy-policy-content h5,
    .legacy-policy-content h6 {
      font-size: 1rem;
    }

    .legacy-policy-content p,
    .legacy-policy-content ul,
    .legacy-policy-content ol {
      margin: 0 0 1.1rem;
    }

    .legacy-policy-content ul,
    .legacy-policy-content ol {
      padding-left: 1.35rem;
    }

    .legacy-policy-content li {
      margin-bottom: 0.45rem;
      padding-left: 0.15rem;
    }

    .legacy-policy-content strong {
      color: #f7fbff;
      font-weight: 800;
    }

    .legacy-policy-content a {
      color: #a6f27b;
      text-decoration: none;
      overflow-wrap: anywhere;
    }

    .legacy-policy-content a:hover {
      color: #c8ffad;
      text-decoration: underline;
    }

    .legacy-policy-content hr {
      border: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      margin: 1.35rem 0 1.6rem;
      opacity: 1;
    }

    .legal-table-wrap {
      margin: 1.25rem 0 1.6rem;
      overflow-x: auto;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 0;
      background: rgba(255, 255, 255, 0.025);
    }

    .legal-policy-table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
      color: #d8e3f2;
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .legal-policy-table th,
    .legal-policy-table td {
      padding: 1rem;
      vertical-align: top;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .legal-policy-table th:last-child,
    .legal-policy-table td:last-child {
      border-right: 0;
    }

    .legal-policy-table tbody tr:last-child td {
      border-bottom: 0;
    }

    .legal-policy-table th {
      color: #f7fbff;
      font-weight: 800;
      background: rgba(116, 190, 66, 0.1);
    }

    .legal-policy-table td {
      min-width: 170px;
      overflow-wrap: anywhere;
    }

    .legal-section-block + .legal-section-block {
      margin-top: 2rem;
      padding-top: 2rem;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .faq-section-block + .faq-section-block {
      margin-top: 2.5rem;
    }

    .search-results-count {
      color: #96dc73;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    @media (min-width: 768px) {
      .search-page-main .search-finder-editions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
      }
    }

    @media (max-width: 1199.98px) and (min-width: 768px) {
      .search-page-main .search-finder-top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .search-page-main .search-finder-options-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (min-width: 1200px) {
      .search-page-main .search-finder-top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .search-page-main .search-finder-options-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .search-no-results {
      margin-top: 1rem;
    }

    .home-faq-grid {
      display: grid;
      gap: 1rem;
    }

    .home-faq-item {
      padding: 1.25rem 1.35rem;
    }

    .home-faq-item h3 {
      color: #fff;
    }

    .home-discovery-panel {
      padding: 1.75rem;
    }

    .home-discovery-heading {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 1.2rem;
    }

    .home-discovery-btn {
      align-self: flex-start;
      min-height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.7rem 1.1rem;
      white-space: nowrap;
    }

    .home-discovery-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0.9rem;
    }

    .home-discovery-card {
      --tag-color: #71efb2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-height: 160px;
      padding: 1.15rem 1.15rem 1.05rem;
      border: 1px solid color-mix(in srgb, var(--tag-color) 42%, transparent);
      color: #fff;
      text-decoration: none;
      background: linear-gradient(180deg, rgba(14, 24, 40, 0.94), rgba(8, 14, 24, 0.98));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }

    .home-discovery-card-icon {
      width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.85rem;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid color-mix(in srgb, var(--tag-color) 34%, transparent);
      color: var(--tag-color);
      font-size: 1.05rem;
      flex-shrink: 0;
    }

    .home-discovery-card h3,
    .home-discovery-card-title {
      color: var(--tag-color);
      font-size: 1.35rem;
      margin-top: 0;
    }

    .home-discovery-card h2 {
      color: var(--tag-color);
    }

    .home-discovery-card p {
      color: #cedaeb;
      font-size: 0.98rem;
      line-height: 1.45;
      max-width: 95%;
    }

    .home-discovery-card-stats {
      display: flex;
      align-items: stretch;
      width: 100%;
      max-width: 100%;
      margin: 0 0 0.85rem;
      border: 1px solid color-mix(in srgb, var(--tag-color) 30%, transparent);
      background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tag-color) 8%, rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.015)
      );
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .home-discovery-stat {
      display: flex;
      flex: 1 1 0;
      align-items: center;
      gap: 0.6rem;
      min-width: 0;
      min-height: 2.65rem;
      padding: 0.5rem 0.7rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .home-discovery-stat + .home-discovery-stat {
      border-left: 1px solid color-mix(in srgb, var(--tag-color) 22%, rgba(255, 255, 255, 0.08));
    }

    .home-discovery-stat-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.85rem;
      height: 1.85rem;
      border-radius: 0;
      border: 1px solid color-mix(in srgb, var(--tag-color) 34%, transparent);
      background: color-mix(in srgb, var(--tag-color) 12%, rgba(255, 255, 255, 0.03));
      color: var(--tag-color);
      font-size: 0.84rem;
      flex-shrink: 0;
    }

    .home-discovery-stat-body {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.12rem;
      min-width: 0;
    }

    .home-discovery-stat-value {
      color: #f8fbff;
      font-size: 0.98rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.01em;
      font-variant-numeric: tabular-nums;
    }

    .home-discovery-stat-label {
      color: color-mix(in srgb, var(--tag-color) 38%, #8b9cb8);
      font-size: 0.62rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .home-discovery-card:hover {
      transform: translateY(-3px);
      border-color: color-mix(in srgb, var(--tag-color) 68%, transparent);
      background: linear-gradient(180deg, rgba(18, 30, 48, 0.98), rgba(10, 18, 30, 1));
      box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
      color: #fff;
    }

    .home-discovery-card:hover .home-discovery-card-icon {
      border-color: color-mix(in srgb, var(--tag-color) 56%, transparent);
      background: color-mix(in srgb, var(--tag-color) 12%, transparent);
    }

    .home-discovery-card:hover .home-discovery-stat-icon {
      border-color: color-mix(in srgb, var(--tag-color) 48%, transparent);
      background: color-mix(in srgb, var(--tag-color) 18%, rgba(255, 255, 255, 0.04));
    }

    .home-discovery-card:hover .home-discovery-card-stats {
      border-color: color-mix(in srgb, var(--tag-color) 46%, transparent);
      background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tag-color) 12%, rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.025)
      );
    }

    .home-faq-wrap {
      width: 100%;
      max-width: 100%;
    }

    .home-countries-panel {
      padding: 1.75rem;
    }

    .home-countries-row {
      display: flex;
      flex-direction: column;
      gap: 1.15rem;
    }

    .home-countries-actions {
      display: flex;
      flex-direction: column;
      gap: 0.9rem;
    }

    .home-country-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }

    .home-country-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0.4rem 0.62rem;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.04);
      color: #dce8f7;
      font-size: 0.78rem;
      font-weight: 700;
      text-decoration: none;
      transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    .home-country-pill:hover {
      border-color: rgba(150, 220, 115, 0.35);
      background: rgba(150, 220, 115, 0.12);
      color: #e6ffd7;
    }

    @media (min-width: 992px) {
      .home-discovery-heading {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
      }

      .home-discovery-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .home-countries-row {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }

      .home-countries-copy {
        max-width: 48%;
      }

      .home-countries-actions {
        align-items: flex-end;
        max-width: 48%;
      }
    }

    .home-video-card {
      overflow: hidden;
    }

    .home-video-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1rem;
    }

    @media (min-width: 768px) {
      .home-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .home-video-grid--count-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .tag-index-grid {
      margin-top: 0;
    }

    .tag-index-grid .home-discovery-card-icon,
    .version-index-grid .home-discovery-card-icon,
    .country-index-grid .home-discovery-card-icon {
      align-self: center;
    }

    .tag-index-grid .home-discovery-card h2,
    .version-index-grid .home-discovery-card h2,
    .country-index-grid .home-discovery-card h2,
    .tag-index-grid .home-discovery-card-title,
    .version-index-grid .home-discovery-card-title,
    .country-index-grid .home-discovery-card-title {
      width: 100%;
      text-align: center;
    }

    .tag-index-grid .home-discovery-card-title,
    .version-index-grid .home-discovery-card-title,
    .country-index-grid .home-discovery-card-title {
      font-family: "Better Minecraft", "Minecraftory", system-ui, sans-serif;
      font-weight: normal;
      letter-spacing: 0.02em;
      line-height: 1.2;
    }

    .version-index-grid {
      margin-top: 0;
    }

    .home-discovery-card--version {
      --tag-color: #71efb2;
    }

    .home-discovery-card-icon--flag {
      width: auto;
      height: auto;
      min-width: 0;
      padding: 0;
      overflow: visible;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .home-discovery-card:hover .home-discovery-card-icon--flag {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
    }

    .home-discovery-card-flag-icon {
      display: block;
      width: 40px;
      height: auto;
      aspect-ratio: 3 / 2;
      object-fit: cover;
    }

    .home-discovery-card-flag {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .country-index-grid .home-discovery-card--country {
      min-height: 0;
      padding: 1.15rem;
    }

    .country-index-grid .home-discovery-card--country .home-discovery-card-stats {
      margin-bottom: 0;
    }

    .country-index-grid .home-discovery-card--country h2,
    .country-index-grid .home-discovery-card--country .home-discovery-card-title {
      margin-bottom: 0.85rem;
    }

    .tag-hero-icon-wrap {
      --tag-color: #71efb2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 4.5rem;
      height: 4.5rem;
      border-radius: 1rem;
      background: color-mix(in srgb, var(--tag-color) 12%, transparent);
      border: 1px solid color-mix(in srgb, var(--tag-color) 42%, transparent);
    }

    .tag-hero-icon {
      color: var(--tag-color);
      font-size: 2rem;
      line-height: 1;
    }

    .home-video-embed-wrap {
      background: #0b1424;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .home-video-embed-wrap::before,
    .server-video-embed-wrap::before {
      pointer-events: none;
    }

    .home-video-embed-wrap iframe {
      width: 100%;
      height: 100%;
      border: 0;
      z-index: 1;
    }

    .home-video-body {
      padding: 1rem 1.1rem 1.15rem;
    }

    .home-video-server {
      display: inline-block;
      margin-bottom: 0.45rem;
      color: #96dc73;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    a.home-video-server:hover,
    a.home-video-server:focus-visible {
      color: #b8ef98;
    }

    .home-video-server-name {
      color: inherit;
    }

    .home-video-server-name:hover,
    .home-video-server-name:focus-visible {
      color: #96dc73;
    }

    .server-detail-panel {
      padding: 1.5rem;
    }

    .server-detail-panel.add-server-form-panel {
      padding: 0;
    }

    .server-detail-layout {
      align-items: stretch;
    }

    .server-detail-layout .server-detail-panel {
      height: auto;
    }

    .server-detail-layout > [class*="col-"] {
      display: flex;
      flex-direction: column;
    }

    .server-detail-tabs-panel {
      padding: 0;
      overflow: hidden;
    }

    .server-detail-tabs {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.025);
    }

    .server-detail-tabs .nav-link {
      width: 100%;
      min-height: 58px;
      border: 0;
      border-radius: 0;
      color: #96dc73;
      font-weight: 800;
      background: transparent;
      letter-spacing: 0.02em;
    }

    .server-detail-tabs .nav-link.active {
      color: #fff;
      background: rgba(255, 255, 255, 0.08);
      box-shadow: inset 0 -2px 0 #96dc73;
    }

    .server-detail-tab-content {
      padding: 1.5rem;
    }

    .server-statistics-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.85rem 1rem;
      padding: 0 0 1rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .server-statistics-heading {
      margin: 0;
      flex: 1 1 220px;
    }

    .server-statistics-select {
      flex: 0 1 163px;
      width: 163px;
      max-width: 100%;
      margin-left: auto;
    }

    .server-chart-section,
    .server-voters-section {
      padding: 1.15rem 0;
    }

    .server-chart-section h2 .bi,
    .server-voters-section h2 .bi {
      color: #96dc73;
      margin-right: 0.35rem;
    }

    .server-voters-section h2 span {
      color: #9fabc0;
      font-size: 0.82em;
    }

    .server-chart-legend {
      display: flex;
      justify-content: center;
      gap: 1.2rem;
      margin-bottom: 0.85rem;
      color: #c9d7ea;
      font-size: 0.82rem;
    }

    .server-chart-legend span {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }

    .server-chart-key {
      width: 34px;
      height: 10px;
      display: inline-block;
      border: 2px solid currentColor;
      background: rgba(255, 255, 255, 0.04);
    }

    .server-chart-key--this { color: #c8ff7a; }
    .server-chart-key--last { color: #1a4d24; }
    .server-chart-key--votes { color: #8fd3ff; }
    .server-chart-key--rank { color: #ffb347; }

    .server-chart-wrap {
      padding: 1rem;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.025);
      overflow: hidden;
    }

    .server-chart-canvas {
      width: 100%;
      min-height: 280px;
      display: block;
      position: relative;
    }

    .server-chart-wrap .apexcharts-gridline {
      stroke: rgba(255, 255, 255, 0.08);
    }

    .server-chart-wrap .apexcharts-tooltip,
    .server-chart-wrap .apexcharts-xaxistooltip {
      display: none !important;
    }

    .server-chart-custom-tooltip {
      position: absolute;
      z-index: 12;
      min-width: 170px;
      max-width: min(260px, calc(100% - 16px));
      pointer-events: none;
      opacity: 0;
      background: #0f1a2c;
      border: 1px solid rgba(127, 206, 88, 0.35);
      color: #e8eef8;
      font-size: 0.78rem;
      line-height: 1.35;
    }

    .server-chart-custom-tooltip.is-visible {
      opacity: 1;
    }

    .server-chart-custom-tooltip-title {
      padding: 0.32rem 0.5rem;
      background: rgba(255, 255, 255, 0.04);
      border-bottom: 1px solid rgba(127, 206, 88, 0.2);
      color: #cde8bf;
      font-weight: 700;
    }

    .server-chart-custom-tooltip-body {
      padding: 0.42rem 0.5rem;
      white-space: pre-line;
    }

    .server-chart-custom-markers {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 11;
    }

    .server-chart-custom-marker {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, -50%);
      background: #c8ff7a;
      border: 2px solid #e8eef8;
    }

    .server-chart-custom-marker.is-visible {
      opacity: 1;
    }

    .server-chart-custom-hover-line {
      position: absolute;
      z-index: 10;
      width: 0;
      opacity: 0;
      pointer-events: none;
      border-left: 1px dashed rgba(232, 238, 248, 0.72);
    }

    .server-chart-custom-hover-line.is-visible {
      opacity: 1;
    }

    .server-chart-canvas[data-chart-type="players"] .server-chart-custom-marker--0 {
      background: #c8ff7a;
      border-color: #e8eef8;
    }

    .server-chart-canvas[data-chart-type="players"] .server-chart-custom-marker--0.is-series-1,
    .server-chart-canvas[data-chart-type="players"] .server-chart-custom-marker--1 {
      background: #1a4d24;
      border-color: #cde8bf;
    }

    .server-chart-canvas[data-chart-type="votes"] .server-chart-custom-marker--0 {
      background: #8fd3ff;
      border-color: #e8eef8;
    }

    .server-chart-canvas[data-chart-type="rank"] .server-chart-custom-marker--0 {
      background: #ffb347;
      border-color: #fff3d6;
    }

    .server-voters-table-wrap {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.025);
    }

    .server-voters-table {
      --bs-table-bg: transparent;
      --bs-table-color: #dce8f7;
      --bs-table-border-color: rgba(255, 255, 255, 0.08);
    }

    .server-voters-table th {
      color: #f4f8ff;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 0.9rem 1rem;
    }

    .server-voters-table td {
      color: #cbd9ed;
      padding: 0.75rem 1rem;
    }

    .server-voter-user {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      color: #eef5ff;
      font-weight: 700;
    }

    .server-voter-user img {
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .server-voter-crown {
      color: #ffd86d;
    }

    @media (min-width: 768px) {
      .server-statistics-select {
        flex: 0 0 175px;
        width: 175px;
      }
    }

    .server-detail-panel h2,
    .server-detail-panel h3 {
      color: #fff;
    }

    .server-info-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.85rem 1.25rem;
    }

    @media (min-width: 768px) {
      .server-info-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (min-width: 1200px) {
      .server-info-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }

    .server-info-item {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      padding: 0.85rem 1rem;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .server-info-item span {
      color: #9fabc0;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .server-info-item strong {
      color: #f0f5ff;
      font-weight: 700;
      word-break: break-word;
    }

    .server-info-item a {
      color: #96dc73;
    }

    .server-detail-ip-bar {
      margin-top: 0;
      max-width: 420px;
    }

    .server-description-text {
      line-height: 1.65;
    }

    .server-description-rich h2 {
      font-size: 1.45rem;
      margin: 0 0 0.65rem;
    }

    .server-description-rich h3 {
      font-size: 1.2rem;
      margin: 0 0 0.55rem;
    }

    .server-description-rich h4,
    .server-description-rich h5 {
      font-size: 1.05rem;
      margin: 0 0 0.5rem;
    }

    .server-description-rich p,
    .server-description-rich ul,
    .server-description-rich ol,
    .server-description-rich blockquote {
      margin-bottom: 1rem;
    }

    .server-description-rich p:last-child,
    .server-description-rich ul:last-child,
    .server-description-rich ol:last-child,
    .server-description-rich blockquote:last-child {
      margin-bottom: 0;
    }

    .server-description-rich a {
      color: #95db71;
      text-decoration: none;
    }

    .server-description-rich a:hover {
      color: #c5f6a7;
      text-decoration: underline;
    }

    .server-description-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.28rem;
      margin-bottom: 0.25rem;
    }

    .server-stat-box {
      padding: 1rem;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
      height: 100%;
    }

    .server-stat-box span {
      display: block;
      margin-bottom: 0.35rem;
      color: #9fabc0;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .server-stat-box strong {
      color: #fff;
      font-size: 1.15rem;
    }

    .server-vote-cta-wrap {
      scroll-margin-top: 7rem;
      scroll-margin-bottom: 2rem;
      padding: 1rem 0 1.5rem;
    }

  /* 1.5× scale (half of previous 3×) from .btn-mc-stripes.btn-mc-platform.btn-lg */
    .server-vote-cta-wrap .server-vote-btn.btn-mc-stripes.btn-lg {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center;
      width: auto;
      max-width: 100%;
      min-width: 0;
      min-height: calc((0.42rem * 2 + 0.78rem * 1.15) * 1.5 + 3px);
      padding: 0.63rem 1.43rem !important;
      font-size: 1.17rem !important;
      line-height: 1.15;
      letter-spacing: 0.04em;
      gap: 0.53rem;
      border-width: 3px;
    }

    .server-vote-cta-wrap .server-vote-btn.btn-mc-stripes.btn-lg .bi {
      font-size: 1.43rem !important;
      line-height: 1;
      flex-shrink: 0;
    }

    .server-vote-cta-wrap .server-vote-btn.btn-mc-stripes.btn-lg span {
      display: inline-block;
      text-align: center;
    }

    .server-vote-btn {
      min-width: 180px;
    }

    @media (max-width: 767.98px) {
      .server-vote-cta-wrap .server-vote-btn.btn-mc-stripes.btn-lg {
        min-height: calc((0.42rem * 2 + 0.78rem * 1.15) * 1.1 + 2px);
        padding: 0.46rem 0.83rem !important;
        font-size: clamp(0.95rem, 4.5vw, 1.2rem) !important;
        gap: 0.33rem;
        border-width: 2px;
      }

      .server-vote-cta-wrap .server-vote-btn.btn-mc-stripes.btn-lg .bi {
        font-size: clamp(1rem, 5vw, 1.25rem) !important;
      }
    }

    .server-detail-actions--stack {
      flex-direction: column;
      align-items: stretch;
    }

    .server-detail-actions--stack .btn {
      width: 100%;
      justify-content: center;
    }

    .server-similar-card {
      display: block;
      padding: 1.15rem;
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .server-similar-main-link {
      color: inherit;
    }

    .server-similar-name {
      line-height: 1.22;
      min-height: calc(1.22em * 2);
      display: flex;
      align-items: flex-end;
      overflow: hidden;
    }

    .server-similar-name span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .server-similar-card:hover {
      transform: translateY(-3px);
      border-color: rgba(147, 220, 113, 0.25);
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
    }

    .server-similar-card .server-ip-bar {
      margin-top: 0;
    }

    .server-inactivity-banner {
      border: 1px solid rgba(220, 90, 90, 0.55);
      background: linear-gradient(180deg, #ffe8e8 0%, #ffd4d4 100%);
      color: #6d1a1a;
      text-align: center;
      padding: 1.15rem 1.35rem;
      border-radius: var(--radius-xl);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.65),
        0 10px 28px rgba(0, 0, 0, 0.18);
    }

    .server-inactivity-banner__lead {
      font-weight: 700;
      color: #5c1414;
    }

    .server-inactivity-banner__body {
      color: #6d1a1a;
      line-height: 1.55;
    }

    .server-inactivity-banner__body a {
      color: #5c1414;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 0.15em;
    }

    .server-inactivity-banner__body a:hover,
    .server-inactivity-banner__body a:focus {
      color: #3d0d0d;
    }

    .server-detail-page.is-inactivity-inactive .page-hero .platform-intro-text {
      color: rgba(232, 238, 248, 0.88);
    }

    .server-detail-page.is-inactivity-stale .server-detail-hero.glass-panel,
    .server-detail-page.is-inactivity-stale .server-detail-panel.glass-panel,
    .server-detail-page.is-inactivity-stale .server-detail-tabs-panel.glass-panel,
    .server-detail-page.is-inactivity-stale .server-similar-card.glass-panel {
      background: linear-gradient(180deg, rgba(18, 12, 16, 0.92), rgba(10, 8, 12, 0.96));
      border-color: rgba(120, 70, 80, 0.28);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      filter: saturate(0.72) brightness(0.88);
    }

    .server-detail-page.is-inactivity-stale .server-detail-name,
    .server-detail-page.is-inactivity-stale .server-detail-panel h2,
    .server-detail-page.is-inactivity-stale .server-detail-panel h3 {
      color: rgba(244, 232, 236, 0.94);
    }

    .server-detail-page .server-similar-section {
      margin-bottom: 2.4rem;
    }

    .server-detail-page > section.section-padding.pt-0 {
      padding-bottom: 6.25rem;
    }

    .server-detail-page {
      padding-bottom: 1.75rem;
    }

    .server-detail-page + .footer {
      margin-top: 2rem;
    }

    .contact-page-main .contact-notice h2 {
      color: #fff;
    }

    .contact-page-main .contact-hero-heading :is(h1, h2) + p {
      margin-top: 1.5rem;
    }

    .admin-page-main .subpage-shell {
      max-width: none;
      overflow-x: hidden;
    }

    .admin-section-nav {
      padding: 0.45rem;
      border-radius: 1rem;
    }

    .admin-section-nav__list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .admin-section-nav__link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.65rem 1rem;
      border-radius: 0.75rem;
      color: #c8d7eb;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.92rem;
      transition: background 0.15s ease, color 0.15s ease;
    }

    .admin-section-nav__link .bi {
      color: #7ea86a;
      -webkit-text-fill-color: #7ea86a;
    }

    .admin-section-nav__link:hover,
    .admin-section-nav__link:focus {
      color: #fff;
      background: rgba(255, 255, 255, 0.06);
    }

    .admin-section-nav__link.is-active {
      color: #fff;
      background: linear-gradient(135deg, rgba(90, 159, 58, 0.35), rgba(42, 74, 28, 0.55));
      box-shadow: inset 0 0 0 1px rgba(122, 181, 82, 0.35);
    }

    .admin-panel {
      overflow: hidden;
    }

    .admin-panel__header {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      padding: 1.35rem 1.5rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    }

    .admin-panel__icon {
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 0.85rem;
      display: grid;
      place-items: center;
      background: rgba(90, 159, 58, 0.16);
      color: #8fd067;
      flex-shrink: 0;
    }

    .admin-panel__title {
      margin: 0;
      font-size: 1.35rem;
      color: #eef4ff;
    }

    .admin-panel__lead {
      margin: 0.35rem 0 0;
      color: #9db0c9;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .admin-panel__body {
      padding: 1.25rem 1.5rem 1.5rem;
    }

    .admin-filter-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 1.25rem;
    }

    .admin-filter-chip {
      display: inline-flex;
      align-items: center;
      padding: 0.45rem 0.85rem;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.03);
      color: #c8d7eb;
      text-decoration: none;
      font-size: 0.84rem;
      font-weight: 600;
      transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    }

    .admin-filter-chip:hover,
    .admin-filter-chip:focus {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.06);
    }

    .admin-filter-chip.is-active {
      color: #fff;
      border-color: rgba(122, 181, 82, 0.45);
      background: rgba(90, 159, 58, 0.18);
    }

    .admin-empty-state {
      text-align: center;
      padding: 2.5rem 1rem;
      color: #9db0c9;
    }

    .admin-empty-state .bi {
      font-size: 2rem;
      margin-bottom: 0.75rem;
      display: block;
      opacity: 0.65;
    }

    .admin-table-wrap {
      position: relative;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 0.9rem;
      background: rgba(8, 14, 24, 0.45);
      padding: 1rem;
      max-width: 100%;
      overflow: hidden;
    }

    .admin-dt-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem 1rem;
      width: 100%;
      margin-bottom: 1rem;
    }

    .admin-dt-toolbar--footer {
      margin-bottom: 0;
      margin-top: 1rem;
    }

    .admin-dt-toolbar__filter {
      flex: 1 1 14rem;
      margin-left: auto;
    }

    .admin-dt-toolbar__pages {
      margin-left: auto;
    }

    .admin-table-wrap .dataTables_processing {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 0;
      background: rgba(15, 17, 23, 0.72);
      color: var(--text-muted-custom, #9aa3b2);
      font-size: 0.9rem;
      z-index: 2;
    }

    .admin-table {
      width: 100% !important;
      margin: 0 !important;
      border-collapse: collapse;
      font-size: 0.88rem;
      table-layout: fixed;
    }

    .admin-table thead th {
      padding: 0.7rem 0.75rem;
      text-align: left;
      font-size: 0.78rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #8fa3bd;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      white-space: nowrap;
    }

    .admin-table tbody td {
      padding: 0.7rem 0.75rem;
      vertical-align: middle;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      color: #dbe7f7;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .admin-table tbody tr:last-child td {
      border-bottom: 0;
    }

    .admin-table tbody tr:hover {
      background: rgba(255, 255, 255, 0.025);
    }

    .admin-table__id {
      color: #8fa3bd;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }

    .admin-table__primary strong {
      display: block;
      color: #f3f7ff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .admin-table__meta {
      display: block;
      margin-top: 0.2rem;
      color: #8fa3bd;
      font-size: 0.78rem;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .admin-table__actions-head {
      text-align: right;
      width: 9rem;
    }

    .admin-status-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.22rem 0.6rem;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      border: 1px solid transparent;
    }

    .admin-status-pill.is-enabled,
    .admin-status-pill.is-online {
      color: #b8f0a0;
      background: rgba(90, 159, 58, 0.16);
      border-color: rgba(122, 181, 82, 0.35);
    }

    .admin-status-pill.is-inactive {
      color: #c8d7eb;
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.1);
    }

    .admin-status-pill.is-banned,
    .admin-status-pill.is-offline {
      color: #ffb4b4;
      background: rgba(120, 32, 38, 0.28);
      border-color: rgba(255, 120, 120, 0.28);
    }

    .admin-role-badge {
      display: inline-flex;
      padding: 0.22rem 0.55rem;
      border-radius: 0.45rem;
      background: rgba(255, 255, 255, 0.06);
      color: #dbe7f7;
      font-size: 0.82rem;
      font-weight: 600;
    }

    .admin-action-group {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      gap: 0.25rem;
    }

    .admin-table .admin-action-btn span {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .admin-table .admin-action-btn {
      padding: 0.38rem 0.42rem;
    }

    .admin-table tbody td:last-child {
      overflow: visible;
    }

    .admin-action-form {
      display: contents;
    }

    .admin-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.38rem 0.65rem;
      border-radius: 0.55rem;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.04);
      color: #dbe7f7;
      font-size: 0.78rem;
      font-weight: 600;
      line-height: 1;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }

    .admin-action-btn:hover,
    .admin-action-btn:focus {
      color: #fff;
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.18);
    }

    .admin-action-btn--positive {
      color: #b8f0a0;
      border-color: rgba(122, 181, 82, 0.35);
      background: rgba(90, 159, 58, 0.12);
    }

    .admin-action-btn--positive:hover,
    .admin-action-btn--positive:focus {
      background: rgba(90, 159, 58, 0.2);
      color: #d7ffbf;
    }

    .admin-action-btn--warn {
      color: #ffd59a;
      border-color: rgba(255, 193, 94, 0.35);
      background: rgba(120, 82, 20, 0.22);
    }

    .admin-action-btn--warn:hover,
    .admin-action-btn--warn:focus {
      background: rgba(120, 82, 20, 0.34);
      color: #ffe5b8;
    }

    .admin-action-btn--danger {
      color: #ffb4b4;
      border-color: rgba(255, 120, 120, 0.35);
      background: rgba(120, 32, 38, 0.22);
    }

    .admin-action-btn--danger:hover,
    .admin-action-btn--danger:focus {
      background: rgba(120, 32, 38, 0.34);
      color: #ffd4d4;
    }

    .admin-modal .modal-content {
      background: rgba(12, 22, 36, 0.98);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
    }

    .admin-modal .modal-header,
    .admin-modal .modal-footer {
      border-color: rgba(255, 255, 255, 0.08);
    }

    .admin-modal-textarea {
      min-height: 6rem;
      resize: vertical;
    }

    @media (max-width: 991.98px) {
      .admin-action-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .admin-action-btn {
        padding: 0.45rem;
      }

      .admin-table__actions-head,
      .admin-action-group {
        justify-content: flex-start;
      }
    }

    .admin-panel .dataTables_wrapper {
      width: 100%;
      max-width: 100%;
      color: #c8d7eb;
    }

    .admin-panel .dataTables_scroll {
      width: 100% !important;
    }

    .admin-panel .dataTables_scrollHead,
    .admin-panel .dataTables_scrollBody {
      width: 100% !important;
    }

    .admin-panel .dataTables_scrollBody {
      overflow-x: auto !important;
    }

    .admin-panel table.dataTable {
      width: 100% !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    .admin-panel .dataTables_length,
    .admin-panel .dataTables_filter,
    .admin-panel .dataTables_info,
    .admin-panel .dataTables_paginate {
      color: #9db0c9;
      font-size: 0.86rem;
    }

    .admin-panel .dataTables_length label,
    .admin-panel .dataTables_filter label {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 0;
      white-space: nowrap;
    }

    .admin-panel .dataTables_filter label {
      justify-content: flex-end;
      width: 100%;
    }

    .admin-panel .dataTables_filter {
      margin-bottom: 0;
      text-align: right;
    }

    .admin-panel .dataTables_filter input,
    .admin-panel .dataTables_length select {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #eef4ff;
      border-radius: 0.55rem;
      padding: 0.35rem 0.65rem;
      min-height: 2.1rem;
    }

    .admin-panel .dataTables_filter input {
      width: min(100%, 14rem);
    }

    .admin-panel .dataTables_paginate {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 0.25rem;
    }

    .admin-panel .dataTables_info {
      padding-top: 0.15rem;
    }

    .admin-panel .dataTables_filter input:focus,
    .admin-panel .dataTables_length select:focus {
      outline: none;
      border-color: rgba(122, 181, 82, 0.45);
      box-shadow: 0 0 0 0.15rem rgba(90, 159, 58, 0.15);
    }

    .admin-panel .page-item .page-link {
      background: rgba(255, 255, 255, 0.04);
      border-color: rgba(255, 255, 255, 0.12);
      color: #dbe7f7;
    }

    .admin-panel .page-item.active .page-link {
      background: rgba(90, 159, 58, 0.25);
      border-color: rgba(122, 181, 82, 0.45);
      color: #fff;
    }

    .admin-activity-calendar__weekdays,
    .admin-activity-calendar__grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 0.35rem;
    }

    .admin-activity-calendar__weekdays span {
      font-size: 0.75rem;
      color: rgba(219, 231, 247, 0.65);
      text-align: center;
    }

    .admin-activity-day {
      position: relative;
      min-height: 2.5rem;
      border-radius: 0.45rem;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: default;
    }

    .admin-activity-day.is-empty {
      border: none;
      background: transparent;
    }

    .admin-activity-day.is-future {
      opacity: 0.45;
    }

    .admin-activity-day.has-activity {
      border-color: rgba(122, 181, 82, 0.45);
      background: rgba(90, 159, 58, 0.12);
    }

    .admin-activity-day__num {
      font-size: 0.85rem;
      font-weight: 600;
    }

    .admin-activity-day__tooltip {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 0.45rem);
      transform: translateX(-50%);
      min-width: 9rem;
      padding: 0.45rem 0.6rem;
      border-radius: 0.45rem;
      background: rgba(12, 18, 28, 0.96);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #e8f1ff;
      font-size: 0.75rem;
      line-height: 1.35;
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 0.15rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.15s ease, visibility 0.15s ease;
      z-index: 5;
    }

    .admin-activity-day__tooltip-line {
      display: block;
      white-space: nowrap;
    }

    .admin-activity-day:hover .admin-activity-day__tooltip,
    .admin-activity-day:focus-visible .admin-activity-day__tooltip {
      opacity: 1;
      visibility: visible;
    }

    .admin-panel .page-item.disabled .page-link {
      background: rgba(255, 255, 255, 0.02);
      color: #6f8198;
    }

    .admin-panel table.dataTable thead > tr > th.sorting,
    .admin-panel table.dataTable thead > tr > th.sorting_asc,
    .admin-panel table.dataTable thead > tr > th.sorting_desc {
      padding-right: 1.5rem;
    }