body .wbs-home-main {
  width:min(1305px,calc(100% - 18px));
  max-width:1305px;
  margin:18px auto 35px;
  box-sizing:border-box;
}
body .wbs-home-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,350px);
  gap:18px;
  align-items:start;
}
body .wbs-home-grid>* {min-width:0;}
body .wbs-home-side,body .wbs-news-list {display:grid;gap:15px;}
body .wbs-section-title {font-size:28px;color:#fff;margin:0 0 15px;}

body .wbs-home-server,
body .wbs-external-card {
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(240,235,255,.65);
  border-radius:24px;
  padding:clamp(18px,2.3vw,28px);
  box-sizing:border-box;
  min-width:0;
  box-shadow:
    0 17px 44px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.55),
    inset 0 -1px rgba(116,216,255,.27);
  backdrop-filter:blur(9px) saturate(130%) brightness(1.22);
  -webkit-backdrop-filter:blur(9px) saturate(130%) brightness(1.22);
  transition:transform .25s ease,border-color .25s ease;
}
body .wbs-home-server:hover {
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.9);
}
body .wbs-news-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  color:#dedaf2;
  font-size:11px;
  margin-bottom:13px;
}
body .wbs-news-card h3 {
  color:#fff;
  font-size:clamp(20px,2.7vw,32px);
  line-height:1.18;
  margin:0 0 12px;
}
body .wbs-news-card p {
  color:#ede9fa;
  font-size:14px;
  line-height:1.7;
  margin:0 0 14px;
}
body .wbs-news-card>a,
body .wbs-news-older,
body .wbs-home-votes a,
body .wbs-external-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  color:#fff;
  padding:9px 12px;
  min-height:36px;
  border-radius:12px;
  background:transparent!important;
  border:1px solid rgba(237,231,255,.43);
  box-shadow:inset 0 1px rgba(255,255,255,.24);
  font-size:12px;
}
body .wbs-news-card>a:hover,
body .wbs-news-older:hover,
body .wbs-home-votes a:hover,
body .wbs-external-actions a:hover {
  border-color:#a7efff;
}
body .wbs-news-older {margin-top:15px;}
body .wbs-home-rank h2,
body .wbs-home-server h2 {
  font-size:clamp(20px,2.5vw,28px);
  color:#fff;
  margin:0 0 14px;
}
body .wbs-home-rank-message {
  text-align:center;
  color:#eee9fa;
  padding:16px 0;
}
body .wbs-home-rank-message h3 {font-size:17px;margin:0 0 10px;}
body .wbs-home-rank-message p {font-size:13px;line-height:1.6;}
body .wbs-home-rank-message small {font-size:11px;}




body .wbs-archive-title {color:#fff;font-size:32px;margin:10px 0 20px;}
body .wbs-external-wrap {
  width:min(720px,calc(100% - 22px));
  margin:60px auto;
}
body .wbs-external-card {
  text-align:center;
  color:#eeeafa;
  line-height:1.7;
}
body .wbs-external-card h1 {color:#fff;}
body .wbs-external-actions {
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
@media(max-width:880px) {
  body .wbs-home-grid {grid-template-columns:minmax(0,1fr);}
  body .wbs-home-side {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:570px) {
  body .wbs-home-side {grid-template-columns:minmax(0,1fr);}
  body .wbs-external-actions a {width:100%;}
}
@media(prefers-reduced-motion:reduce) {
body .wbs-home-server {
    transition:none;
    transform:none!important;
  }
}

/* wbs-niderland-v4 — Server UI */

body .wbs-home-server,
body .wbs-detail-glass {
  position:relative;
  isolation:isolate;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(242,236,255,.68);
  border-radius:24px;
  background:transparent!important;
  background-image:none!important;
  box-shadow:
    0 20px 45px rgba(0,0,0,.20),
    inset 0 2px rgba(255,255,255,.55),
    inset 0 -2px rgba(136,218,255,.27),
    inset 2px 0 rgba(255,255,255,.17);
  backdrop-filter:blur(10px) saturate(135%);
  -webkit-backdrop-filter:blur(10px) saturate(135%);
}

body .wbs-home-server {
  padding:22px;
  transition:transform .28s ease,box-shadow .28s ease;
}

body .wbs-home-server:hover {
  transform:translateY(-2px);
  box-shadow:
    0 24px 52px rgba(0,0,0,.25),
    inset 0 2px rgba(255,255,255,.66),
    inset 0 -2px rgba(136,218,255,.38);
}

body .wbs-home-server::after,
body .wbs-detail-glass::after {
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(255,255,255,.13);
  border-top-color:rgba(255,255,255,.34);
  border-radius:21px;
  pointer-events:none;
}

body .wbs-home-server > * {
  position:relative;
  z-index:2;
}

body .wbs-home-server > .wbs-server-open {
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
}

body .wbs-home-server > :not(.wbs-server-open) {
  pointer-events:none;
}

body .wbs-home-server .wbs-home-votes a,
body .wbs-home-server .wbs-server-ip-copy {
  pointer-events:auto;
}

body .wbs-server-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

body .wbs-server-head h2 {
  margin:0 0 5px;
  font-size:clamp(22px,2vw,29px);
  color:#fff;
}

body .wbs-server-ip-copy {
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  padding:5px 2px;
  border:0;
  background:none;
  color:#f5f2ff;
  font:inherit;
  font-size:14px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  border-bottom:1px dashed rgba(212,224,255,.34);
}

body .wbs-server-ip-copy:hover,
body .wbs-server-ip-copy:focus-visible {
  color:#9eebff;
  border-bottom-color:#9eebff;
  outline-offset:4px;
}

body .wbs-server-ip-copy span {
  font-size:16px;
  opacity:.75;
}

body .wbs-server-copy-msg {
  display:block;
  min-height:17px;
  font-size:11px;
  color:#9ff2cf;
}

body .wbs-home-badge {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(230,223,255,.40);
  color:#edf0ff;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

body .wbs-home-badge::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 8px currentColor;
}

body .wbs-home-badge.is-online {
  color:#80ffc2;
  border-color:rgba(89,242,157,.55);
}

body .wbs-home-badge.is-offline {
  color:#ffb6bd;
  border-color:rgba(244,118,136,.54);
}

body .wbs-home-badge.is-unknown {
  color:#d7d9ea;
  border-color:rgba(191,197,229,.43);
}

body .wbs-home-status {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0 16px;
  padding:13px 0;
  border-top:1px solid rgba(237,231,255,.25);
  border-bottom:1px solid rgba(237,231,255,.25);
}

body .wbs-home-status-copy {
  display:grid;
  gap:5px;
  min-width:0;
}

body .wbs-home-status-copy > span {
  font-size:13px;
  font-weight:700;
  color:#fff;
}

body .wbs-home-status-copy > small {
  font-size:11px;
  color:#d9d4eb;
  line-height:1.4;
}

/* Крупный акцент на количестве игроков */
body .wbs-player-count {
  min-width:75px;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(209,231,255,.56);
  border-radius:17px;
  box-shadow:
    inset 0 2px rgba(255,255,255,.3),
    0 0 18px rgba(112,197,255,.16);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

body .wbs-player-count strong {
  font-size:clamp(27px,3vw,37px);
  line-height:1.1;
  font-weight:800;
  color:#fff;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 15px rgba(153,221,255,.40);
}

body .wbs-player-count small {
  font-size:10px;
  color:#e3dff3;
}

body .wbs-home-server h3 {
  margin:15px 0 12px;
  font-size:14px;
  color:#fff;
}

/* Две плитки сверху, одна по центру */
body .wbs-home-votes {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

body .wbs-home-votes a {
  min-width:0;
  min-height:47px;
  padding:9px 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  text-align:center;
  overflow-wrap:anywhere;
  line-height:1.35;
  font-size:clamp(10px,.9vw,12px);
  font-weight:700;
  color:#fff;
  border:1px solid rgba(238,231,255,.48);
  border-radius:13px;
  background:transparent!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.28),
    inset 0 -1px rgba(124,221,255,.12);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,border-color .2s ease;
}

body .wbs-home-votes a:nth-child(3) {
  grid-column:1/-1;
  justify-self:center;
  width:calc(50% - 5px);
  box-sizing:border-box;
}

body .wbs-home-votes a:hover,
body .wbs-home-votes a:focus-visible {
  transform:translateY(-2px);
  border-color:#a8efff;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}

/* Фон страницы предупреждения.
   Класс указан НА BODY, без пробела в селекторе. */
body.wbs-external-body {
  isolation:isolate;
}

body.wbs-external-body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url("../img/auth-bg-clean.jpg")
    center center / cover no-repeat;
  opacity:.90;
}

body.wbs-external-body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(5,8,28,.28);
}

body.wbs-external-body > * {
  position:relative;
  z-index:1;
}

body.wbs-external-body .wbs-external-wrap {
  position:relative;
  z-index:2;
}

/* Отдельная страница Niderland */
body .wbs-server-detail {
  width:min(1305px,calc(100% - 18px));
  margin:20px auto 30px;
  position:relative;
  z-index:1;
}

body .wbs-server-detail-hero {
  padding:clamp(23px,3vw,40px);
  margin-bottom:18px;
}

body .wbs-server-kicker {
  font-size:11px;
  letter-spacing:.12em;
  color:#b5edff;
}

body .wbs-server-detail-hero h1 {
  margin:12px 0;
  font-size:clamp(38px,6vw,66px);
  color:#fff;
}

body .wbs-server-detail-hero p,
body .wbs-server-about p {
  font-size:14px;
  line-height:1.7;
  color:#ede9f8;
}

body .wbs-server-ip-big {
  font-size:18px;
  margin-top:12px;
}

body .wbs-server-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:18px;
  align-items:start;
}

body .wbs-server-about {
  padding:clamp(22px,2.5vw,32px);
}

body .wbs-server-about h2 {
  font-size:26px;
  margin:0 0 12px;
  color:#fff;
}

body .wbs-server-mode-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:23px 0;
}

body .wbs-server-mode-grid > div {
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:14px;
  border:1px solid rgba(231,225,255,.31);
  border-radius:15px;
}

body .wbs-server-mode-grid strong {
  font-size:14px;
  color:#fff;
}

body .wbs-server-mode-grid small {
  font-size:11px;
  line-height:1.4;
  color:#ded8f0;
}

body .wbs-server-note {
  font-size:11px!important;
  opacity:.80;
}

@media(max-width:850px) {
  body .wbs-server-detail-grid {
    grid-template-columns:minmax(0,1fr);
  }
  body .wbs-server-mode-grid {
    grid-template-columns:1fr;
  }
}

@media(max-width:410px) {
  body .wbs-home-server {padding:16px;}
  body .wbs-player-count {min-width:66px;}
  body .wbs-home-votes {gap:6px;}
}

@media(prefers-reduced-motion:reduce) {
  body .wbs-home-server,
  body .wbs-home-votes a {
    transition:none!important;
    transform:none!important;
  }
}


/* wbs-niderland-art-v1 */

/* Фон небольшой карточки */
body .wbs-home-server::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: url("../img/niderland-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .17;
    pointer-events: none;
    z-index: 0;
}

/* Фон большой плашки на странице сервера */
body .wbs-server-detail-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: url("../img/niderland-bg.png");
    background-position: center 42%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .38;
    pointer-events: none;
    z-index: 0;
}

body .wbs-server-detail-hero > * {
    position: relative;
    z-index: 1;
}


/* WBS HOME CLEAR GLASS 2026-10-27 */

/* Новостные карточки и рейтинг:
   одинаковая система стекла подвала */

body .wbs-news-card,
body .wbs-home-rank {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-width: 0;
    box-sizing: border-box;
    padding: clamp(19px, 2.5vw, 29px);
    border-radius: 25px;

    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;

    border: 1px solid rgba(242,234,255,.66);
    box-shadow: 0 22px 48px rgba(0,0,0,.22),inset 0 2px rgba(255,255,255,.66),inset 0 -2px rgba(136,218,255,.34),inset 2px 0 rgba(255,255,255,.25),inset -2px 0 rgba(177,194,255,.20);

    backdrop-filter: blur(8px) saturate(135%) brightness(1.40);
    -webkit-backdrop-filter: blur(8px) saturate(135%) brightness(1.40);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

/* Внутренняя объёмная кромка */
body .wbs-news-card::before,
body .wbs-home-rank::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.13);
    border-top-color: rgba(255,255,255,.46);
    border-bottom-color: rgba(131,222,255,.20);
    pointer-events: none;
    z-index: 0;
}

/* Мягкий свет внутри верхней грани.
   Никаких наружных белых полос */
body .wbs-news-card::after,
body .wbs-home-rank::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 15%;
    width: 70%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.43),
        transparent
    );

    opacity: .65;
    pointer-events: none;
    z-index: 0;
}

body .wbs-news-card > *,
body .wbs-home-rank > * {
    position: relative;
    z-index: 1;
}

body .wbs-news-card:hover,
body .wbs-home-rank:hover {
    transform: translateY(-2px);
    border-color: rgba(249,245,255,.87);

    box-shadow:
        0 24px 52px rgba(0,0,0,.23),
        inset 0 2px rgba(255,255,255,.63),
        inset 0 -2px rgba(137,225,255,.32),
        inset 2px 0 rgba(255,255,255,.18);
}

/* Внутренний блок рейтинга тоже прозрачный */
body .wbs-home-rank .wbs-home-rank-message {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none;

    border: 1px solid rgba(233,226,255,.20);
    border-radius: 17px;
    padding: 21px 15px;
}

/* Сохраняем читаемость новостей */
body .wbs-news-card h3 {
    overflow-wrap: anywhere;
}

body .wbs-news-card p {
    color: #eae6f5;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

/* Кнопки чтения — небольшое стекло */
body .wbs-news-card > a {
    border: 1px solid rgba(239,231,255,.46);
    border-radius: 12px;
    background: transparent !important;
    box-shadow: inset 0 1px rgba(255,255,255,.23);
    color: #fff;
}

body .wbs-news-card > a:hover {
    border-color: rgba(162,235,255,.86);
}

/* Сохраняем доступность и производительность */
@media (prefers-reduced-motion: reduce) {
    body .wbs-news-card,
    body .wbs-home-rank {
        transition: none;
        transform: none !important;
    }
}

/* WBS RECENT USERS v2 — compact clear glass */

body .wbs-recent-users {
  padding: 14px 13px !important;
  min-width: 0;
}

body .wbs-recent-users .wbs-recent-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.18;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

body .wbs-recent-title svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  color: #a8ecff;
}

body .wbs-recent-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 6px;
  min-width: 0;
}

body .wbs-recent-row {
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-width: 0;
  min-height: 43px;
  padding: 5px 7px;

  border: 1px solid rgba(234,227,255,.31);
  border-radius: 11px;
  background: transparent;
  box-shadow: inset 0 1px rgba(255,255,255,.13);

  transition: border-color .2s ease;
}

body .wbs-recent-row:hover {
  border-color: rgba(179,239,255,.7);
}

body .wbs-recent-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;

  border: 1px solid rgba(225,213,255,.5);
  border-radius: 9px;
  color: #f3eaff;
  background: rgba(150,102,246,.1);
  font-size: 13px;
  font-weight: 750;
  overflow: hidden;

  box-shadow: inset 0 1px rgba(255,255,255,.22);
}

body .wbs-recent-avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .wbs-recent-info {
  display: grid;
  gap: 1px;
  min-width: 0;
  flex: 1;
}

body .wbs-recent-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
}

body .wbs-recent-info small {
  color: #d8d5ed;
  font-size: 9.5px;
  line-height: 1.25;
}

body .wbs-recent-loading {
  padding: 10px 5px;
  text-align: center;
  color: #e0dcee;
  font-size: 11px;
}

body .wbs-recent-footnote {
  margin: 8px 0 0;
  color: #d0cce0;
  font-size: 10px;
  line-height: 1.3;
}

@media (prefers-reduced-motion: reduce) {
  body .wbs-recent-row {
    transition: none;
  }
}