@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(../fonts/Onest-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(../fonts/Onest-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}

:root {
  --pw-bg: #0b0c10;
  --pw-tile: #14161d;
  --pw-tile2: #1b1e28;
  --pw-ink: #eef0f5;
  --pw-muted: #8a90a2;
  --pw-line: rgba(255, 255, 255, .07);
  --pw-lime: #c6ff3d;
  --pw-refresh: #34e3a5;
  --pw-x100: #ff9f2e;
  --pw-bellato: #f2b84b;
  --pw-cora: #4fd6c5;
  --pw-acretia: #ff5a5a;
  --pw-r: 26px;
  --pw-font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pw-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}

html { background: var(--pw-bg); }
body.home,
body.inner {
  margin: 0;
  min-width: 0 !important;
  background: var(--pw-bg) !important;
  color: var(--pw-ink) !important;
  font: 15px/1.5 var(--pw-font);
  font-family: var(--pw-font) !important;
  letter-spacing: 0;
}
body.home a,
body.inner a { color: inherit; text-decoration: none; }
.pw-shell, .pw-shell * { box-sizing: border-box; }
.pw-shell {
  max-width: 1440px;
  margin: 0 auto;
  padding: 16px;
}
.pw-shell h1, .pw-shell h2, .pw-shell h3 { font-family: var(--pw-font); font-weight: 700; }
.pw-mono { font-family: var(--pw-mono); font-variant-numeric: tabular-nums; }
.pw-label { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--pw-muted); }

/* Top bar */
.pw-bar {
  position: sticky; top: 10px; z-index: 60;
  display: flex; align-items: center; gap: 8px;
  padding: 8px; margin-bottom: 12px;
  border: 1px solid var(--pw-line); border-radius: 999px;
  background: rgba(20, 22, 29, .86);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.pw-bar__logo { display: flex; align-items: center; padding: 0 14px; flex: none; }
.pw-bar__logo img { display: block; height: 28px; width: auto; }
.pw-nav { display: flex; align-items: center; gap: 2px; }
.pw-nav ul { display: flex; gap: 2px; margin: 0; padding: 0; }
.pw-nav li { list-style: none; }
.pw-nav a {
  display: block; padding: 10px 16px; border-radius: 999px;
  color: var(--pw-muted) !important; font-weight: 500; white-space: nowrap;
  transition: color .15s ease, background .15s ease;
}
.pw-nav a:hover { color: var(--pw-ink) !important; background: var(--pw-tile2); }
.pw-nav a.is-current { color: #0b0c10 !important; background: var(--pw-ink); }
.pw-nav__extra { display: none; }
.pw-bar__right { margin-left: auto; display: flex; align-items: center; gap: 6px; }

.pw-pill {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px;
  background: var(--pw-tile2); color: var(--pw-ink) !important;
  font: 500 15px/1 var(--pw-font); cursor: pointer; white-space: nowrap;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.pw-pill:hover { background: #262a37; }
.pw-pill--lime { background: var(--pw-lime); color: #111 !important; font-weight: 700; }
.pw-pill--lime:hover { background: #d6ff6e; }
.pw-pill--ghost { background: transparent; border: 1px solid var(--pw-line); }
.pw-lang { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--pw-tile2); }
.pw-lang a { padding: 7px 11px; border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--pw-muted) !important; }
.pw-lang a.is-active { background: var(--pw-ink); color: #111 !important; }
.pw-burger { display: none; }

/* Grid */
.pw-grid {
  display: grid; gap: 12px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: row dense;
}
.pw-tile {
  position: relative; min-width: 0; overflow: hidden;
  padding: 24px; border: 1px solid var(--pw-line); border-radius: var(--pw-r);
  background: var(--pw-tile);
}
.pw-tile__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.pw-tile__head h2 { margin: 0; font-size: 22px; letter-spacing: -.02em; color: var(--pw-ink); }

body.home .pw-hero { grid-column: 1 / 8; grid-row: 1 / 4; }
body.home .pw-server--refresh { grid-column: 8 / 13; grid-row: 1; }
body.home .pw-server--x100 { grid-column: 8 / 13; grid-row: 2; }
body.home .pw-total { grid-column: 8 / 13; grid-row: 3; }
body.home .pw-main { grid-column: 1 / 8; grid-row: 4 / 6; }
body.home .pw-top { grid-column: 8 / 13; grid-row: 4 / 6; }
body.home .pw-mini { grid-column: span 4; }
.pw-forum { grid-column: 1 / -1; }

body.inner .pw-main { grid-column: 1 / 9; grid-row: 1 / span 4; align-self: start; }
body.inner .pw-server--refresh { grid-column: 9 / 13; grid-row: 1; }
body.inner .pw-server--x100 { grid-column: 9 / 13; grid-row: 2; }
body.inner .pw-top { grid-column: 9 / 13; grid-row: 3; align-self: start; }

/* Hero with rotating races */
.pw-hero {
  --race: var(--pw-cora);
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 540px;
  background:
    radial-gradient(80% 70% at 78% 30%, color-mix(in srgb, var(--race) 30%, transparent) 0%, transparent 62%),
    url(../images/hero-bg.jpg) center / cover no-repeat;
  transition: background .6s ease;
}
.pw-hero[data-race="bellato"] { --race: var(--pw-bellato); }
.pw-hero[data-race="cora"] { --race: var(--pw-cora); }
.pw-hero[data-race="acretia"] { --race: var(--pw-acretia); }
.pw-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 12, 16, 0) 30%, rgba(11, 12, 16, .92) 100%);
}
.pw-hero__art {
  position: absolute; right: 0; bottom: -2%; z-index: 0;
  height: 100%; width: 70%; object-fit: contain; object-position: right bottom;
  opacity: 0; transform: translateX(24px) scale(.98);
  transition: opacity .7s ease, transform .9s cubic-bezier(.2, .8, .2, 1);
  filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .5));
}
.pw-hero__art.is-active { opacity: 1; transform: none; }
.pw-hero__body { position: relative; z-index: 2; max-width: 520px; }
.pw-hero h1 { margin: 10px 0; color: #fff; font-size: clamp(44px, 6vw, 92px); font-weight: 900; line-height: .9; letter-spacing: -.05em; }
.pw-hero p { margin: 0 0 22px; max-width: 40ch; color: #c9cdd8; font-size: 16px; }
.pw-hero__cta { display: flex; flex-wrap: wrap; gap: 8px; }
.pw-races {
  position: absolute; top: 20px; right: 20px; z-index: 3;
  display: flex; gap: 4px; padding: 4px; border-radius: 999px;
  background: rgba(11, 12, 16, .55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.pw-races button {
  padding: 7px 12px; border: 0; border-radius: 999px; background: transparent;
  color: var(--pw-muted); font: 700 12px/1 var(--pw-font); letter-spacing: .06em; text-transform: uppercase; cursor: pointer;
}
.pw-races button[data-race="bellato"].is-active { background: var(--pw-bellato); color: #111; }
.pw-races button[data-race="cora"].is-active { background: var(--pw-cora); color: #111; }
.pw-races button[data-race="acretia"].is-active { background: var(--pw-acretia); color: #111; }

/* Server tiles */
.pw-server { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; align-items: start; transition: border-color .2s ease, transform .2s ease; }
.pw-server:hover { transform: translateY(-2px); }
.pw-server--refresh { --pw-server: var(--pw-refresh); background: linear-gradient(135deg, rgba(52, 227, 165, .14), transparent 55%), var(--pw-tile); }
.pw-server--x100 { --pw-server: var(--pw-x100); background: linear-gradient(135deg, rgba(255, 159, 46, .16), transparent 55%), var(--pw-tile); }
.pw-server--refresh:hover { border-color: rgba(52, 227, 165, .4); }
.pw-server--x100:hover { border-color: rgba(255, 159, 46, .4); }
.pw-server__name { display: block; margin-top: 4px; color: #fff !important; font-size: 34px; font-weight: 900; line-height: 1; letter-spacing: -.04em; }
a.pw-server__name:hover { color: var(--pw-server, var(--pw-lime)) !important; }
a.pw-server__name::after { content: " \2192"; font-size: .55em; font-weight: 600; color: var(--pw-muted); vertical-align: middle; }
.pw-server__num { grid-row: span 2; text-align: right; }
.pw-server__num b { display: block; color: #fff; font: 700 48px/1 var(--pw-mono); }
.pw-server__num span { color: var(--pw-muted); font-size: 12px; }
.pw-status { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--pw-muted); }
.pw-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pw-status__raw { display: none; }
.pw-server--refresh.is-online .pw-status { color: var(--pw-refresh); }
.pw-server--x100.is-online .pw-status { color: var(--pw-x100); }
.pw-server.is-online .pw-status::before { box-shadow: 0 0 12px currentColor; animation: pw-pulse 2.4s ease-in-out infinite; }
.pw-server.is-offline .pw-status { color: #ff6b6b; }
.pw-server.is-offline .pw-server__num b { color: var(--pw-muted); }
@keyframes pw-pulse { 50% { opacity: .45; } }
.pw-server__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.pw-server__ver { color: var(--pw-muted) !important; font-size: 13px; font-family: var(--pw-mono); }
a.pw-server__ver:hover { color: var(--pw-ink) !important; text-decoration: underline; }
.pw-server__actions { display: flex; gap: 6px; }
.pw-server__actions .pw-pill { min-height: 38px; padding: 0 16px; font-size: 14px; }
.pw-server--refresh .pw-play { background: var(--pw-refresh); color: #03140f !important; font-weight: 700; }
.pw-server--x100 .pw-play { background: var(--pw-x100); color: #1d1100 !important; font-weight: 700; }

.pw-total { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--pw-lime); border-color: transparent; color: #111; }
.pw-total .pw-label { color: rgba(0, 0, 0, .6); }
.pw-total b { display: block; margin-top: 4px; font: 700 40px/1 var(--pw-mono); }
.pw-total a { color: #111 !important; font-weight: 700; }
.pw-total a:hover { text-decoration: underline; }

/* News tile (DLE shortstory) */
.pw-main #page-content { display: block; padding: 0; }
.pw-chip { display: inline-block; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: 2px; margin-right: 8px; }
.pw-chip--refresh { background: rgba(52, 227, 165, .14); color: var(--pw-refresh); }
.pw-chip--x100 { background: rgba(255, 159, 46, .14); color: var(--pw-x100); }

body.home .pw-main #page-content .news,
body.home .pw-main #page-content .news-card {
  display: block !important; position: relative;
  margin: 0 -14px !important; padding: 14px !important;
  border: 0 !important; border-radius: 18px !important;
  background: transparent !important; box-shadow: none !important;
  transition: background .15s ease;
}
body.home .pw-main #page-content .news-card:hover { background: var(--pw-tile2) !important; }
body.home .pw-main #page-content .news-card + .news-card { border-top: 1px solid var(--pw-line) !important; border-radius: 0 !important; }
body.home .pw-main #page-content .news-card:hover + .news-card,
body.home .pw-main #page-content .news-card + .news-card:hover { border-top-color: transparent !important; border-radius: 18px !important; }
body.home .pw-main #page-content .news-card__head { display: flex !important; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; }
body.home .pw-main #page-content .news-card__title,
body.home .pw-main #page-content .news-card__title a {
  margin: 0 !important; padding: 0 !important; background: none !important;
  color: var(--pw-ink) !important; font: 700 17px/1.3 var(--pw-font) !important; letter-spacing: 0 !important; text-transform: none !important;
}
body.home .pw-main #page-content .news-card__title a::after { content: ""; position: absolute; inset: 0; }
body.home .pw-main #page-content .news-card__date {
  flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  color: var(--pw-muted) !important; font: 500 12px/1.3 var(--pw-mono) !important; white-space: nowrap;
  text-transform: none !important; letter-spacing: 0 !important;
}
body.home .pw-main #page-content .news-card__text {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  max-height: none !important; margin: 0 !important; padding: 0 !important;
  color: var(--pw-muted) !important; font: 400 14px/1.5 var(--pw-font) !important;
}
body.home .pw-main #page-content .news-card__text::after { display: none !important; }
body.home .pw-main #page-content .news-card__text img,
body.home .pw-main #page-content .news-card__text br,
body.home .pw-main #page-content .news-card__text iframe,
body.home .pw-main #page-content .news-card__text table { display: none !important; }
body.home .pw-main #page-content .news-card__text * { display: inline !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; background: none !important; border: 0 !important; }
body.home .pw-main #page-content .news-card__footer,
body.home .pw-main #page-content .news-card .clear { display: none !important; }
html.home-first body.home .pw-main #page-content .news-card:nth-of-type(n + 6) { display: none !important; }
html.home-first body.home .pw-main #page-content .navigation,
html.home-first body.home .pw-main #page-content #paginator { display: none !important; }
html:not(.home-first) .pw-more { display: none; }
.pw-more { display: flex; justify-content: center; margin-top: 14px; }

/* Inner page content */
body.inner .pw-main { padding: 28px; }
body.inner .pw-main #page-content { display: grid; gap: 14px; }
body.inner .pw-main #page-content > .news,
body.inner .pw-main #page-content > .page {
  width: auto !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important;
}
body.inner .pw-main #page-content > .news + .news { padding-top: 20px !important; border-top: 1px solid var(--pw-line) !important; }
body.inner .pw-main #page-content .news-card__title,
body.inner .pw-main #page-content .news-card__title a {
  color: #fff !important; font: 800 clamp(24px, 2.4vw, 34px)/1.15 var(--pw-font) !important; letter-spacing: -.02em !important; text-transform: none !important;
}
body.inner .pw-main #page-content .news-card__head { border: 0 !important; padding: 0 0 12px !important; }

/* Leaderboard */
.pw-tabs { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--pw-tile2); }
.pw-tabs button { padding: 6px 14px; border: 0; border-radius: 999px; background: transparent; color: var(--pw-muted); font: 500 13px/1.2 var(--pw-font); cursor: pointer; }
.pw-tabs button.is-active { background: var(--pw-ink); color: #111; font-weight: 700; }
.pw-board[hidden] { display: none; }
.pw-board__sub { margin: 16px 0 6px; }
.pw-patri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; }
.pw-patri li { list-style: none; min-width: 0; padding: 10px; border-radius: 14px; background: var(--pw-tile2); border-top: 3px solid var(--pw-muted); }
.pw-patri li.is-bellato { border-top-color: var(--pw-bellato); }
.pw-patri li.is-cora { border-top-color: var(--pw-cora); }
.pw-patri li.is-acretia { border-top-color: var(--pw-acretia); }
.pw-patri small { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pw-muted); }
.pw-patri li.is-bellato small { color: var(--pw-bellato); }
.pw-patri li.is-cora small { color: var(--pw-cora); }
.pw-patri li.is-acretia small { color: var(--pw-acretia); }
.pw-patri b, .pw-patri span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-patri b { font-size: 14px; color: var(--pw-ink); }
.pw-patri span { font-size: 12px; color: var(--pw-muted); }
.pw-rank { margin: 0; padding: 0; counter-reset: pw-rank; }
.pw-rank li {
  list-style: none; counter-increment: pw-rank;
  display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 4px 12px; align-items: center;
  padding: 9px 0; border-top: 1px solid var(--pw-line);
}
.pw-rank li::before { content: counter(pw-rank, decimal-leading-zero); color: var(--pw-muted); font: 500 13px var(--pw-mono); }
.pw-rank li:first-child::before { color: var(--pw-lime); }
.pw-rank__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pw-ink); }
.pw-rank__val { color: var(--pw-ink); font: 700 14px var(--pw-mono); }
.pw-rank__bar { grid-column: 2 / -1; height: 4px; border-radius: 4px; background: var(--pw-tile2); overflow: hidden; }
.pw-rank__bar i { display: block; height: 100%; width: 0; border-radius: inherit; transition: width .6s ease; }
.pw-board--x100 .pw-rank__bar i { background: linear-gradient(90deg, var(--pw-x100), #ff5b3a); }
.pw-board--refresh .pw-rank__bar i { background: linear-gradient(90deg, var(--pw-refresh), #2aa8ff); }
.pw-top__more { display: block; margin-top: 14px; color: var(--pw-muted) !important; font-size: 13px; }
.pw-top__more:hover { color: var(--pw-ink) !important; }
body.home .pw-rank li:nth-child(n + 8) { display: none; }

/* Mini tiles */
.pw-mini { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 150px; }
.pw-mini h3 { margin: 4px 0 0; color: var(--pw-ink); font-size: 20px; letter-spacing: -.02em; }
.pw-mini p { margin: 6px 0 0; color: var(--pw-muted); font-size: 13px; }
.pw-mini__arrow { align-self: flex-end; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--pw-tile2); font-size: 18px; transition: background .15s ease, color .15s ease; }
.pw-mini:hover .pw-mini__arrow { background: var(--pw-ink); color: #111; }

/* Forum feed */
.pw-forum .forum-feed-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.pw-forum .forum-feed-list > * {
  margin: 0 !important; padding: 14px !important; border: 0 !important; border-radius: 16px !important;
  background: var(--pw-tile2) !important; color: var(--pw-muted) !important; font: 400 13px/1.45 var(--pw-font) !important;
  list-style: none;
}
.pw-forum .forum-feed-list a { color: var(--pw-ink) !important; font-weight: 700; }
.pw-forum .forum-feed-list a:hover { color: var(--pw-lime) !important; }
.pw-forum .forum-feed-list { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.pw-forum .forum-post-card { align-items: start; min-height: 0; transition: background .15s ease; }
.pw-forum .forum-post-card:hover { background: #232734 !important; }
.pw-forum .forum-post-card .image img { border: 0; border-radius: 50%; }
.forum-post-card__letter { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--pw-lime); color: #111; font: 800 18px/1 var(--pw-font); }
.forum-post-card__body { min-width: 0; }
.forum-post-card__node { margin-bottom: 4px; overflow: hidden; color: var(--pw-lime); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; }
.pw-forum .forum-post-card .title a { display: -webkit-box; font-size: 15px; line-height: 1.3; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.forum-post-card__excerpt { display: -webkit-box; margin: 6px 0 0; overflow: hidden; color: var(--pw-muted); font-size: 13px; line-height: 1.45; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pw-forum .forum-post-card .info { margin-top: 8px; }
.pw-forum .forum-post-card .info a { display: inline; font-weight: 700; }
.pw-forum .forum-feed-empty { grid-column: 1 / -1; color: var(--pw-muted); }

/* Footer */
.pw-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 24px 8px 32px; color: var(--pw-muted); font-size: 13px; }
.pw-foot__author { display: block; margin-top: 4px; color: var(--pw-ink); font-size: 13px; }
.pw-foot p { max-width: 760px; margin: 6px 0 0; font-size: 12px; opacity: .7; }
.pw-foot a { color: var(--pw-ink) !important; }

.pw-dock, .pw-backdrop { display: none; }

@media (max-width: 1180px) {
  .pw-nav a { padding: 10px 12px; }
  .pw-bar__right .pw-pill--ghost { display: none; }
}

@media (max-width: 1080px) {
  body.home .pw-hero { grid-column: 1 / -1; grid-row: auto; }
  body.home .pw-server--refresh,
  body.home .pw-server--x100 { grid-column: span 6; grid-row: auto; }
  body.home .pw-total,
  body.home .pw-main,
  body.home .pw-top { grid-column: 1 / -1; grid-row: auto; }
  body.inner .pw-main { grid-column: 1 / -1; grid-row: auto; }
  body.inner .pw-server--refresh,
  body.inner .pw-server--x100 { grid-column: span 6; grid-row: auto; }
  body.inner .pw-top { grid-column: 1 / -1; grid-row: auto; }
  body.home .pw-rank li:nth-child(n + 8) { display: grid; }
}

@media (max-width: 900px) {
  .pw-shell { padding: 10px 10px 100px; }
  .pw-bar { top: 8px; backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(20, 22, 29, .97); }
  body.nav-open .pw-bar { z-index: 95; }
  .pw-bar__right .pw-pill:not(.pw-burger), .pw-bar__right .pw-lang { display: none; }
  .pw-burger { display: inline-flex; }
  .pw-nav {
    position: fixed; z-index: 90; left: 10px; right: 10px; bottom: 10px;
    flex-direction: column; align-items: stretch; gap: 10px;
    padding: 14px; border: 1px solid var(--pw-line); border-radius: 26px;
    background: var(--pw-tile); box-shadow: 0 -20px 60px rgba(0, 0, 0, .5);
    transform: translateY(calc(100% + 24px)); visibility: hidden;
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .3s;
  }
  body.nav-open .pw-nav { transform: none; visibility: visible; transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
  .pw-nav ul { flex-direction: column; gap: 2px; }
  .pw-nav a { padding: 14px 16px; border-radius: 16px; font-size: 17px; color: var(--pw-ink) !important; }
  .pw-nav__extra { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px; border-top: 1px solid var(--pw-line); }
  .pw-nav__extra .pw-pill { flex: 1; }
  .pw-backdrop { position: fixed; inset: 0; z-index: 80; display: block; border: 0; background: rgba(0, 0, 0, .55); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s linear .2s; }
  body.nav-open .pw-backdrop { opacity: 1; visibility: visible; transition: opacity .2s ease; }

  .pw-dock {
    position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 70;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 6px;
    border: 1px solid var(--pw-line); border-radius: 24px;
    background: rgba(20, 22, 29, .94); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  }
  .pw-dock a, .pw-dock button {
    display: grid; place-items: center; gap: 2px; padding: 8px 0; border: 0; border-radius: 18px;
    background: transparent; color: var(--pw-muted) !important; font: 500 11px/1.2 var(--pw-font); cursor: pointer;
  }
  .pw-dock svg { width: 22px; height: 22px; }
  .pw-dock .is-current { background: var(--pw-lime); color: #111 !important; }
}

@media (max-width: 760px) {
  .pw-grid { gap: 10px; }
  .pw-tile { padding: 18px; border-radius: 22px; }
  .pw-hero { min-height: 420px; }
  .pw-hero__art { top: 44px; bottom: auto; width: 100%; height: 72%; object-position: right top; }
  .pw-hero__art.is-active { opacity: .95; }
  .pw-hero h1 { font-size: 52px; }
  .pw-hero p { font-size: 14px; }
  .pw-races { top: 14px; right: 14px; left: 14px; justify-content: space-between; }
  .pw-races button { flex: 1; }
  body.home .pw-server--refresh, body.home .pw-server--x100,
  body.inner .pw-server--refresh, body.inner .pw-server--x100 { grid-column: span 6; }
  .pw-server { grid-template-columns: 1fr; padding: 16px; }
  .pw-server__num { grid-row: auto; text-align: left; }
  .pw-server__num b { font-size: 34px; }
  .pw-server__name { font-size: 26px; }
  .pw-server__ver, .pw-server__actions .pw-kb, .pw-server__actions .pw-about, .pw-server .pw-label { display: none; }
  .pw-server__foot { margin-top: 6px; }
  .pw-server__actions, .pw-server__actions .pw-pill { width: 100%; }
  .pw-total b { font-size: 30px; }
  body.home .pw-mini { grid-column: 1 / -1; min-height: 0; flex-direction: row; align-items: center; }
  body.home .pw-mini__arrow { align-self: center; flex: none; }
  body.inner .pw-main { padding: 18px; }
  body.home .pw-main #page-content .news-card__head { flex-direction: column; gap: 2px; }
  .pw-patri { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .pw-hero__art, .pw-server, .pw-nav, .pw-backdrop { transition: none !important; }
  .pw-server.is-online .pw-status::before { animation: none; }
}