@font-face {
  font-family: "VT323";
  src: url("/fonts/VT323-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

body {
  font-family: "VT323", monospace !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "VT323", monospace !important;
}

/* Keep brand marks crisp and square at their small display sizes. */
.top-links img,
.with-icon img {
  image-rendering: pixelated;
  border-radius: 0 !important;
}

/* A tiny inventory bar carries the Minecraft thread onto every page. */
h1:not(.home-title)::after {
  content: "";
  display: block;
  width: clamp(68px, 3.3em, 84px);
  aspect-ratio: 76 / 22;
  margin-top: 0.28em;
  background: url("/icons/retro/hotbar.svg") center / contain no-repeat;
  image-rendering: pixelated;
}

/* Keep the platform's normal cursor; the hover treatment carries the pixel style. */
a {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

a:hover,
a:focus-visible {
  color: #10170d !important;
  background-color: #9cdb68;
  text-decoration: none !important;
  text-shadow: none;
  box-shadow: 2px 0 #9cdb68, -2px 0 #9cdb68;
}

.entry a:hover,
.entry a:focus-visible {
  background: transparent;
  box-shadow: none;
}

.top-links a:hover,
.top-links a:focus-visible {
  filter: drop-shadow(2px 2px 0 #5a9f38);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; }
}