/* Home: quiet surfaces and a consistent editorial rhythm. */
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) {
  --bg: #111416;
  --surface: #191d20;
  --text: #eeeeef;
  --muted: #a4aaaf;
  --home-heading-size: clamp(1.85rem, 2.3vw, 2.25rem);
  --home-body-size: 1rem;
  --home-small-size: .9rem;
  background: var(--bg);
}
.updates-shell.home-clean {
  width: min(100%, 88rem);
  max-width: 88rem;
  padding-top: 4rem;
  --muted: #a8b0b6;
  --home-line: rgba(232, 237, 240, .1);
}

.home-clean :is(.updates-hero, .li-section__head, .wl-section__head) { width: fit-content; max-width: 100%; }

@media (max-width: 640px) {
  .updates-shell.home-clean { padding-top: 2.5rem; }
}

.updates-shell.home-clean :is(.updates-title, .about-section__title, .li-section__title, .wl-section__title) {
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.2;
  text-shadow: none;
  font-size: var(--home-heading-size);
}

.updates-shell.home-clean :is(.updates-kicker, .about-section__kicker, .li-section__kicker, .wl-section__kicker, .home-aside__kicker) {
  color: #a6afb6;
  font-size: .78rem;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: none;
  line-height: 1.5;
  margin: 0 0 .65rem;
}

.updates-shell.home-clean .updates-layout { gap: 4rem; grid-template-columns: minmax(0, 1fr) 20rem; }
.updates-shell.home-clean .updates-head { gap: 1.75rem; margin-bottom: 1.5rem; }
.updates-shell.home-clean .home-aside .updates-title { font-size: 1.65rem; line-height: 1.35; }
.updates-shell.home-clean .updates-subnav { gap: 1.5rem; }
.updates-shell.home-clean .updates-subnav__link {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #a6afb6;
}
.updates-shell.home-clean .updates-subnav__link.is-active { color: #fff; }
.updates-shell.home-clean .updates-subnav__icon { display: none; }

.updates-shell.home-clean .news-feed { gap: 1.5rem; }
.updates-shell.home-clean .news-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-bottom: 1.5rem;
}
.updates-shell.home-clean .news-card:not(:last-of-type) { border-bottom: 1px solid var(--home-line); }
.updates-shell.home-clean .news-card--media {
  grid-template-columns: 12rem minmax(0, 1fr);
  min-height: 12rem;
  column-gap: 1.75rem;
}
.updates-shell.home-clean .news-card__media {
  width: 12rem;
  height: 12rem;
  min-height: 12rem;
  max-height: 12rem;
  border-radius: 4px;
}
.updates-shell.home-clean .news-card__media::after { background: none; }
.updates-shell.home-clean .news-card__image { opacity: 1; transform: none; }
.updates-shell.home-clean .news-card__body { padding: .25rem 0; gap: .75rem; }
.updates-shell.home-clean .news-card__title { font-size: 1.35rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.updates-shell.home-clean .news-card__text { font-size: 1rem; font-weight: 400; line-height: 1.75; color: var(--muted); }
.updates-shell.home-clean .news-card__text:not(.news-card__text--full) { -webkit-line-clamp: 2; }
.updates-shell.home-clean .news-card__meta-item { font-size: .9rem; }
.updates-shell.home-clean .news-card__foot { margin-top: auto; align-items: center; }
.updates-shell.home-clean .news-card__meta-icon { color: #929ba3; }
.updates-shell.home-clean .news-card__badge--media {
  top: .6rem;
  left: .6rem;
  border: 0;
  background: rgba(16, 22, 27, .85);
  backdrop-filter: none;
  font-size: .6rem;
  letter-spacing: .08em;
}
.updates-shell.home-clean .news-card__cta {
  padding: .5rem 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: .015em;
  text-transform: none;
}
.updates-shell.home-clean .news-card__cta:hover { background: transparent; color: #f2b3bc; }
.updates-shell.home-clean .pager { margin-top: 1.75rem; }
.updates-shell.home-clean :is(.pager__btn, .pager__page) { border-color: transparent; border-radius: 4px; }
.updates-shell.home-clean .pager__page.is-active { background: #8f2535; }

.updates-shell.home-clean .home-aside__panel {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: .5rem 0;
}
.updates-shell.home-clean .home-aside__status { gap: 0; }
.updates-shell.home-clean .home-aside__status-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--home-line);
  border-radius: 0;
  padding: 1rem .25rem;
}
.updates-shell.home-clean .home-aside__status-row:last-child { border-bottom: 0; }
.home-clean .home-server-overview { padding: 1rem 0 1.75rem; }
.home-clean .home-server-overview__state { display: flex; align-items: center; gap: .65rem; margin: 0; color: #b8bcc1; font-size: 1rem; font-weight: 400; }
.home-clean .home-server-overview__state > span { width: .5rem; height: .5rem; border-radius: 50%; background: #9b6470; }
.home-clean .home-server-overview__state.is-online > span { background: #78b38f; }
.home-clean .home-server-overview__players { display: flex; flex-direction: column; gap: .5rem; margin: 1rem 0 0; font-weight: 400; }
.home-clean .home-server-overview__players strong { color: var(--text); font-size: 2.75rem; line-height: 1.15; font-weight: 500; font-variant-numeric: tabular-nums; }
.home-clean .home-server-overview__players > span { color: var(--muted); font-size: .95rem; }
.home-clean .home-server-details { border-block: 1px solid var(--home-line); }
.home-clean .home-server-details summary { padding: 1rem 0; color: #a8b0b6; font-size: .95rem; cursor: pointer; }
.home-clean .home-server-details summary:hover { color: #fff; }
.updates-shell.home-clean .home-aside__badge { border: 0; padding: 0; background: transparent; font-weight: 400; font-size: .85rem; letter-spacing: 0; text-transform: none; box-shadow: none; }
.updates-shell.home-clean .home-aside__badge.is-offline { color: #bba1a7; }
.updates-shell.home-clean .home-aside__badge.is-online { color: #9db8a6; }
.home-clean .home-trailer__media { height: auto; aspect-ratio: 16 / 9; border: 0; }
.updates-shell.home-clean .home-trailer__play svg { width: 2.75rem; height: 2.75rem; padding: .7rem; background: rgba(17,20,22,.7); }
.home-clean .home-trailer__caption { display: flex; justify-content: space-between; color: #a8b0b6; font-size: .9rem; }
.updates-shell.home-clean .home-aside { background: transparent; }
.updates-shell.home-clean .home-aside__status-label { font-size: 1rem; font-weight: 400; }
.updates-shell.home-clean .home-aside__status-row { padding-block: 1.15rem; }
.updates-shell.home-clean .home-aside__stat-value { box-shadow: none; border-color: transparent; background: transparent; }
.updates-shell.home-clean .home-trailer__thumb { filter: none; transform: none; }
.updates-shell.home-clean .home-trailer__play svg { box-shadow: none; }

.updates-shell.home-clean :is(.about-section, .li-section, .wl-section) {
  margin-top: 7rem;
  padding-top: 0;
  border-top: 0;
}
/* About runs full-bleed on its own surface to break the column rhythm. */
.updates-shell.home-clean .about-section {
  margin-inline: calc(50% - 50vw);
  padding: 6rem max(1rem, calc((100vw - 88rem) / 2 + 1rem));
  border-block: 1px solid var(--home-line);
  background: #16191c;
}
.updates-shell.home-clean .about-section + .li-section { margin-top: 6rem; }
@media (max-width: 640px) {
  .updates-shell.home-clean :is(.about-section, .li-section, .wl-section) { margin-top: 4.5rem; }
  .updates-shell.home-clean .about-section { padding-block: 3.5rem; }
  .updates-shell.home-clean .about-section + .li-section { margin-top: 3.5rem; }
}
.updates-shell.home-clean .about-section__copy { gap: 1.15rem; }
.updates-shell.home-clean .about-section__layout { gap: 5rem; align-items: center; }
.updates-shell.home-clean .about-section__title { max-width: 21ch; }
.updates-shell.home-clean .about-section__head { margin-bottom: .5rem; }
.updates-shell.home-clean .about-section__text { max-width: 58ch; color: var(--muted); font-weight: 400; }
.updates-shell.home-clean .about-section__lead { font-size: 1.1rem; font-weight: 400; line-height: 1.75; }
.updates-shell.home-clean .about-section__closing { font-size: var(--home-body-size); font-weight: 500; line-height: 1.75; }
.updates-shell.home-clean .about-section__text { font-size: var(--home-body-size); line-height: 1.75; }
.updates-shell.home-clean .about-section__frame { border: 0; border-radius: 4px; aspect-ratio: 16 / 9; box-shadow: none; }
.updates-shell.home-clean .about-section__video { transform: scale(1.35); }
.updates-shell.home-clean .about-section__shade { background: none; }
.updates-shell.home-clean :is(button, a, [tabindex]):focus-visible { outline: 2px solid #e79aa5; outline-offset: 5px; }

@media (max-width: 1100px) {
  .updates-shell.home-clean .updates-layout { grid-template-columns: 1fr; }
  .updates-shell.home-clean .news-card--media { grid-template-columns: 10rem minmax(0, 1fr); column-gap: 1.25rem; }
  .updates-shell.home-clean .news-card__media { width: 10rem; height: 12rem; }
}
@media (max-width: 640px) {
  .updates-shell.home-clean .news-card--media { grid-template-columns: 1fr; gap: 1rem; }
  .updates-shell.home-clean .news-card__media { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: 16 / 10; }
  .updates-shell.home-clean .news-card__body { height: auto; padding: 0 0 .25rem; }
  .updates-shell.home-clean .updates-layout { gap: 2.5rem; }
}

@media (min-width: 1101px) and (max-width: 1199px) {
  .updates-shell.home-clean .updates-layout {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }
}

/* Compact photo wall, with the original staggered monochrome treatment. */
.updates-shell.home-clean .li-section__title { font-size: var(--home-heading-size); }
.home-clean .li-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.6rem; max-width: 100%; padding: 1.5rem .25rem .5rem; }
.home-clean .li-tile:nth-child(n) { aspect-ratio: 1 / 1.05; border: 1px solid rgba(232,237,240,.08); border-radius: 4px; box-shadow: none; transform: rotate(var(--tile-angle, 0deg)); transition: transform .55s cubic-bezier(.2,.7,.2,1), border-color .4s ease; }
.home-clean .li-tile:nth-child(4n + 1) { --tile-angle: -1.4deg; }
.home-clean .li-tile:nth-child(4n + 2) { --tile-angle: 1deg; }
.home-clean .li-tile:nth-child(4n + 3) { --tile-angle: -.8deg; }
.home-clean .li-tile:nth-child(4n + 4) { --tile-angle: 1.2deg; }
.home-clean .li-tile:nth-child(n):is(:hover, :focus-visible) { transform: translateY(-5px) rotate(0deg); box-shadow: none; border-color: rgba(232,237,240,.22); }
.home-clean .li-tile__image { filter: grayscale(.95) brightness(.92) blur(.2px); transition: filter .65s ease, transform .65s ease; image-rendering: auto; }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__image { filter: grayscale(0) brightness(1) blur(.2px); transform: scale(1.025); }
.home-clean .li-tile__chip { top: .6rem; right: .6rem; padding: .25rem .45rem; font-size: .7rem; border: 1px solid rgba(255,255,255,.1); background: rgba(12,16,20,.72); backdrop-filter: none; }
.home-clean .li-tile__avatar { display: none; }
.home-clean .li-tile__author { font-size: 1rem; font-weight: 600; line-height: 1.4; }
.home-clean .li-tile__text { font-size: var(--home-small-size); line-height: 1.6; }
@media (max-width: 900px) {
  .home-clean .li-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-clean .li-tile:nth-child(n), .home-clean .li-tile:nth-child(n):is(:hover, :focus-visible) { transform: none; }
}

/* Independent entry layout: no grid placement inherited from the former map. */
.updates-shell.home-clean .wl-section {
  display: block;
}
.home-clean .wl-section__head { margin: 0 0 2.25rem; }
.home-clean .wl-section__title { max-width: none; text-transform: none; font-size: var(--home-heading-size); }
.home-clean .wl-section__lead { max-width: none; margin: .75rem 0 0; font-size: var(--home-body-size); line-height: 1.75; color: var(--muted); }
.home-clean .entry-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; list-style: none; padding: 0; margin: 0; min-width: 0; }
.home-clean .entry-steps__step { min-width: 0; margin: 0; padding: 0; border: 0; }
.home-clean .entry-steps__step:last-child { border-bottom: 0; }
.home-clean .entry-steps__hit {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.home-clean .entry-steps__step:first-child .entry-steps__hit { padding-top: 0; }
.home-clean .entry-steps__node { display: flex; align-items: center; gap: 1rem; }
.home-clean .entry-steps__node::after { content: ''; height: 1px; flex: 1; background: rgba(232,237,240,.17); }
.home-clean .entry-steps__node-num { font-size: 1rem; line-height: 1.4; font-weight: 400; font-variant-numeric: tabular-nums; color: #a8b0b6; }
.home-clean .entry-steps__copy { display: flex; flex-direction: column; min-width: 0; gap: .5rem; }
.home-clean .entry-steps__eyebrow { color: #a8b0b6; font-size: .7rem; line-height: 1.4; font-weight: 400; letter-spacing: .05em; }
.home-clean .entry-steps__title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; color: #e8edf0; }
.home-clean .entry-steps__text { color: var(--muted); font-size: var(--home-body-size); line-height: 1.75; }
.home-clean .entry-steps__hit:hover { text-decoration: none; }
.home-clean .entry-steps__hit:hover .entry-steps__title { color: #fff; }
.home-clean .entry-steps__hit:is(:hover, :focus-visible) .entry-steps__node-num { color: #d17c88; }
.home-clean .entry-steps[data-progress="1"] [data-step="1"] .entry-steps__node-num,
.home-clean .entry-steps[data-progress="2"] [data-step="2"] .entry-steps__node-num,
.home-clean .entry-steps[data-progress="3"] [data-step="3"] .entry-steps__node-num,
.home-clean .entry-steps[data-progress="4"] [data-step="4"] .entry-steps__node-num { color: #d17c88; }
@media (max-width: 900px) {
  .home-clean .entry-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .home-clean .entry-steps { grid-template-columns: 1fr; gap: 1.75rem; }
}

/* Match the footer to the same surfaces and type used on the home page. */
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer { background: #111416; border-top: 1px solid #3b4145; margin-top: 3.5rem; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__shell { width: min(100%, 88rem); max-width: 88rem; padding: 3rem 1rem 1.5rem; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__heading { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; padding-bottom: 0; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__heading::after { display: none; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__links a { color: #a8b0b6; font-size: .95rem; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__links a:hover { color: #fff; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__tagline { font-size: .95rem; line-height: 1.75; color: #a8b0b6; }
body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__bar { border-top-color: rgba(232,237,240,.1); }
@media (max-width: 640px) {
  body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer { margin-top: 2.5rem; }
  body:has(:is(.home-clean, .team-clean, .streams-clean, .rules-clean, .controls-clean, .download-clean, .legal-clean, .ucp-shell, .error-page)) .site-footer__shell { padding-inline: 1rem; }
  .updates-shell.home-clean .about-section__layout { gap: 2rem; }
}




/* Readable reaction count with a small heartbeat when exploring a post. */
.home-clean .li-tile__chip { top: .75rem; right: .75rem; min-height: 30px; min-width: 48px; gap: .45rem; padding: .45rem .65rem; border-radius: 999px; border-color: rgba(255,255,255,.16); background: rgba(16,20,23,.88); color: #f2f2f3; font-size: .85rem; font-weight: 600; font-variant-numeric: tabular-nums; transition: background .4s ease, border-color .4s ease; }
.home-clean .li-tile__chip svg { width: 16px; height: 16px; flex-shrink: 0; color: #d44b65; transform-origin: center; }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__chip { background: #29191f; border-color: #9b3b4e; }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__chip svg { color: #ef5b77; animation: li-heartbeat .85s ease-in-out 2; }
@keyframes li-heartbeat { 0%, 45%, 100% { transform: scale(1); } 18% { transform: scale(1.24); } 30% { transform: scale(1.06); } 38% { transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) {
  .home-clean .li-tile, .home-clean .li-tile__image, .home-clean .li-tile__chip { transition: none; }
  .home-clean .li-tile:is(:hover, :focus-visible) .li-tile__chip svg { animation: none; }
  .home-clean .li-tile:is(:hover, :focus-visible) .li-tile__image { transform: none; }
}

/* News artwork retains its original landscape composition. */
@media (min-width: 768px) {
  .updates-shell.home-clean .news-card--media { grid-template-columns: 15rem minmax(0, 1fr); min-height: 10rem; }
  .updates-shell.home-clean .news-card__media { width: 15rem; height: 10rem; min-height: 0; max-height: none; aspect-ratio: 3 / 2; }
}
.updates-shell.home-clean .news-card__image { object-fit: contain; object-position: center; image-rendering: auto; filter: none; transform: none; transition: none; }

/* Hover restores color without moving or scaling the image. */
.home-clean .li-tile:nth-child(n):is(:hover, :focus-visible) { transform: rotate(var(--tile-angle, 0deg)); border-color: rgba(232,237,240,.08); }
.home-clean .li-tile__image { filter: grayscale(.95) brightness(.92) blur(.35px); transform: none; transition: filter .65s ease; }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__image { filter: grayscale(0) brightness(1) blur(.35px); transform: none; }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__chip { background: rgba(16,20,23,.88); border-color: rgba(255,255,255,.16); }
.home-clean .li-tile:is(:hover, :focus-visible) .li-tile__chip svg { animation: none; color: #d44b65; }
@media (prefers-reduced-motion: reduce) {
  .home-clean .li-tile:nth-child(n):is(:hover, :focus-visible) { transform: none; }
  .home-clean .li-tile__image { transition: none; }
}

/* Precise feedback follows the action rather than washing the whole section. */
.home-clean .news-card__cta { position: relative; width: fit-content; transition: color .25s ease; }
.home-clean .news-card__cta::after { content: ''; position: absolute; left: 0; right: 0; bottom: .2rem; height: 1px; background: #c77487; transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.home-clean .news-card__cta-arrow { transition: transform .3s ease; }
.home-clean .entry-steps__hit { transition: none; }
.home-clean .entry-steps__title { transition: color .25s ease; }
.home-clean .entry-steps__node-num { transition: color .25s ease; }
.home-clean .home-trailer__media { transition: opacity .3s ease; }
.home-clean .home-trailer__caption { transition: color .25s ease; }
.home-clean .home-trailer__play svg { border: 1px solid rgba(255,255,255,.22); transition: border-color .3s ease, background-color .3s ease; }
@media (hover: hover) and (pointer: fine) {
  .updates-shell.home-clean .news-card:hover { background: transparent; }
  .home-clean .news-card__cta:hover { color: #f0dce1; }
  .home-clean .news-card__cta:hover::after { transform: scaleX(1); }
  .home-clean .news-card__cta:hover .news-card__cta-arrow { transform: translateX(3px); }
  .home-clean .entry-steps__hit:hover { background: transparent; }
  .home-clean .entry-steps__hit:hover .entry-steps__title { color: #e8c5ce; }
  .home-clean .entry-steps__hit:hover .entry-steps__node-num { color: #df8296; }
  .updates-shell.home-clean .home-trailer:hover .home-trailer__play svg { background: rgba(17,20,22,.9); border-color: #c77487; }
  .home-clean .home-trailer:hover .home-trailer__caption { color: #e8c5ce; }
}
.home-clean .news-card__cta:focus-visible::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  .home-clean :is(.news-card__cta, .news-card__cta-arrow, .entry-steps__title, .entry-steps__node-num, .home-trailer__media, .home-trailer__caption, .home-trailer__play svg), .home-clean .news-card__cta::after { transition: none; }
  .home-clean .news-card__cta:hover .news-card__cta-arrow { transform: none; }
}

.updates-shell.home-clean .updates-subnav__icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: #b85d70; flex-shrink: 0; }
.home-clean .updates-subnav__icon svg { display: block; width: 100%; height: 100%; }
.home-clean .updates-subnav__link { display: inline-flex; align-items: center; gap: .45rem; }
.home-clean .news-card__badge-mark svg { width: 13px; height: 13px; display: block; }

.home-clean [data-server-hub] .updates-subnav__icon { width: 18px; height: 18px; }
.home-clean [data-server-hub] .updates-subnav__link { gap: .5rem; }

.home-clean .home-aside__status-icon { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; flex: 0 0 17px; color: #a6afb7; }
.home-clean .home-aside__status-icon svg { display: block; width: 100%; height: 100%; }

/* Authors stay visible below the image, independently of hover content. */
.home-clean .li-post { min-width: 0; }
.home-clean .li-post .li-tile { width: 100%; --tile-angle: 0deg; }
.home-clean .li-post:nth-child(4n + 1) .li-tile { --tile-angle: -1.4deg; }
.home-clean .li-post:nth-child(4n + 2) .li-tile { --tile-angle: 1deg; }
.home-clean .li-post:nth-child(4n + 3) .li-tile { --tile-angle: -.8deg; }
.home-clean .li-post:nth-child(4n + 4) .li-tile { --tile-angle: 1.2deg; }
.home-clean .li-post__byline { display: flex; align-items: center; gap: .65rem; margin-top: 1rem; }
.home-clean .li-post__avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #443139; border-radius: 50%; background: #251e23; color: #cc8b9a; font-size: .75rem; font-weight: 500; }
.home-clean .li-post__identity { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.home-clean .li-post__author { color: #e8edf0; font-size: .95rem; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.home-clean .li-post__time { color: #929ba2; font-size: .85rem; line-height: 1.5; }

/* A staged caption reveal keeps author information in the permanent byline. */
.home-clean .li-post .li-tile { transition: border-color .4s ease, box-shadow .4s ease; }
.home-clean .li-post .li-tile__overlay { padding: 3.5rem 1rem 1.1rem; background: linear-gradient(transparent, rgba(9,12,15,.65) 40%, rgba(9,12,15,.94)); opacity: 0; transform: none; transition: opacity .45s ease; }
.home-clean .li-post .li-tile__who { width: 100%; }
.home-clean .li-post .li-tile__text { margin: 0; color: #f0f0f1; font-size: .95rem; line-height: 1.65; opacity: 0; transform: translateY(12px); transition: opacity .4s ease .06s, transform .55s cubic-bezier(.2,.7,.2,1) .06s; }
.home-clean .li-post .li-tile__tag { color: #efa6b6; }
.home-clean .li-post .li-tile:is(:hover, :focus-visible) { border-color: rgba(216,142,159,.4); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.home-clean .li-post .li-tile:is(:hover, :focus-visible) .li-tile__overlay { opacity: 1; }
.home-clean .li-post .li-tile:is(:hover, :focus-visible) .li-tile__text { opacity: 1; transform: translateY(0); }
@media (hover: none) {
  .home-clean .li-post .li-tile__overlay, .home-clean .li-post .li-tile__text { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-clean .li-post :is(.li-tile, .li-tile__overlay, .li-tile__text) { transition: none; }
  .home-clean .li-post .li-tile__text { transform: none; }
}

/* Live and offline server states use the same compact status panel. */
.home-clean .home-server-overview { padding:1.25rem; margin:.75rem 0 1.25rem; border:1px solid #30373c; border-radius:6px; background:#191d20; }
.home-clean .home-server-overview__state { font-size:.9rem; gap:.5rem; line-height:1.5; }
.home-clean .home-server-overview__state > span { width:6px; height:6px; flex:0 0 6px; }
.home-clean .home-server-overview__players { gap:.3rem; margin-top:.85rem; }
.home-clean .home-server-overview__count { display:flex; align-items:baseline; gap:.5rem; margin:0; }
.home-clean .home-server-overview__players strong { font-size:2.25rem; line-height:1.15; font-weight:600; letter-spacing:-.025em; }
.home-clean .home-server-overview__capacity { color:#929ba2; font-size:1.05rem; font-variant-numeric:tabular-nums; }
.home-clean .home-server-overview__players > span { font-size:.85rem; line-height:1.6; }

/* Server summary stays open and compact like the surrounding sidebar. */
.home-clean .home-server-overview { padding:.75rem 0 1.25rem; margin:0; border:0; border-radius:0; background:transparent; }
.home-clean .home-server-overview__state { font-size:.85rem; color:#adb6bd; }
.home-clean .home-server-overview__players { margin-top:.7rem; gap:.25rem; }
.home-clean .home-server-overview__players strong { font-size:1.85rem; font-weight:500; }
.home-clean .home-server-overview__capacity { font-size:.95rem; color:#87929c; }
.home-clean .home-server-overview__players > span { font-size:.85rem; color:#929ba2; }

.home-clean .home-server-overview__players { margin-top:.4rem; }
.home-clean .home-server-overview__players > span { font-size:.9rem; line-height:1.5; color:#a4aaaf; font-weight:400; }

/* Statistics use one optical size, including the online and peak summaries. */
.home-clean .home-aside__status-icon { width:19px; height:19px; flex-basis:19px; color:#adb7bf; }
.home-clean .home-aside__live-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; color:#adb7bf; }
.home-clean .home-aside__live-icon svg { display:block; width:100%; height:100%; }
.home-clean .home-aside__live.is-live .home-aside__live-icon { color:#8fbc9e; }

/* Cards without their own image: a quiet typographic tile instead of stock art. */
.updates-shell.home-clean .news-card__media--plain {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1rem 1.1rem;
  border: 1px solid var(--home-line);
  background: #16191c;
}
.home-clean .news-card__plain-label {
  color: #d17c88;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-clean .news-card__plain-value {
  color: #eeeeef;
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  overflow-wrap: anywhere;
}

/* Changelogs: the newest release open, older ones as one-line rows that expand.
   Inside a release, one readable column: kind on the left, its entries on the right. */
.home-clean .changelog {
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--home-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-clean .changelog:first-child { border-top: 1px solid var(--home-line); }
.home-clean .changelog__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "version meta chevron" "summary summary summary";
  align-items: baseline;
  gap: .3rem 1.25rem;
  padding: 1.35rem .25rem;
  cursor: pointer;
  list-style: none;
}
.home-clean .changelog__head::-webkit-details-marker { display: none; }
.home-clean .changelog__head:hover .changelog__version { color: #fff; }
.home-clean .changelog__version {
  grid-area: version;
  color: #d9dfe3;
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
}
.home-clean .changelog.is-latest .changelog__version { color: #fff; font-size: 2rem; }
.home-clean .changelog__meta {
  grid-area: meta;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem .75rem;
  color: #a8b0b6;
  font-size: .95rem;
}
.home-clean .changelog__meta > span:not(.changelog__latest) + time::before { content: '·'; margin-right: .75rem; color: #5d666c; }
.home-clean .changelog__latest {
  align-self: center;
  padding: .1rem .5rem;
  border: 1px solid #a8172e80;
  border-radius: 4px;
  color: #f0b4be;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .04em;
}
.home-clean .changelog__meta :is(span, time) { text-transform: none; letter-spacing: 0; font-weight: 400; }
.home-clean .changelog__meta .changelog__latest { font-weight: 600; letter-spacing: .04em; }
.home-clean .changelog__summary { grid-area: summary; color: #a8b0b6; font-size: .95rem; line-height: 1.6; }
.home-clean .changelog__chevron {
  grid-area: chevron;
  align-self: center;
  width: .6rem;
  height: .6rem;
  border-right: 2px solid #8b949a;
  border-bottom: 2px solid #8b949a;
  transform: rotate(45deg) translateY(-25%);
  transition: transform .2s ease;
}
.home-clean .changelog[open] .changelog__chevron { transform: rotate(225deg) translateY(-25%); }
.home-clean .changelog__groups { display: grid; gap: 0; margin: 0 0 1.5rem; }
.home-clean .changelog__group {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1rem .25rem;
  border-top: 1px solid rgba(232, 237, 240, .06);
}
.home-clean .changelog__group-title {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  color: #eeeeef;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.home-clean .changelog__group-title::before {
  content: '';
  flex: 0 0 auto;
  width: .5rem;
  height: .5rem;
  border-radius: 2px;
  background: var(--kind-color, #8b979f);
}
.home-clean .changelog__group--new { --kind-color: #4fc27a; }
.home-clean .changelog__group--improved { --kind-color: #5aa7e6; }
.home-clean .changelog__group--changed { --kind-color: #e0a84a; }
.home-clean .changelog__group--fix { --kind-color: #d0283f; }
.home-clean .changelog__list { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.home-clean .changelog__list li { color: #d3d8db; font-size: 1rem; line-height: 1.6; }
@media (max-width: 640px) {
  .home-clean .changelog__group { grid-template-columns: 1fr; gap: .5rem; }
  .home-clean .changelog.is-latest .changelog__version { font-size: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-clean .changelog__chevron { transition: none; }
}
.home-clean [data-updates-panel="changelogs"] .news-feed { gap: 0; }
.home-clean .changelog { margin: 0; }
.home-clean .changelog__group { align-items: start; }
.home-clean .changelog__list li { font-weight: 400; }