/* Shared by guide.noblesmp.net and status.noblesmp.net. Same tokens, fonts and Minecraft
   controls as the landing page (server-config/host/website/index.html). Pixel type is used
   only where the game itself would show text: commands, menus, the server list, chat. */
@font-face { font-family: "Grenze Gotisch"; src: url(fonts/grenze-gotisch.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Albert Sans"; src: url(fonts/albert-sans.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Pixelify Sans"; src: url(fonts/pixelify-sans.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }
:root {
  --sky: #7CA8FF; --sky-low: #B7D0FF; --sea: #3F76E4;
  --azure: #1B2F6E; --azure-deep: #121F4B; --ink: #141B33; --ink-soft: #4A556F;
  --or: #F5B82E; --or-deep: #A86A00; --or-pale: #FFE08A;
  --ground: #EFF4FB; --ground-2: #E1EAF6; --rule: #C5D2E6; --white: #FFFFFF;
  --slate: #10141F;
  --mc-green: #55FF55; --mc-red: #FF5555; --mc-yellow: #FFFF55; --mc-grey: #AAAAAA;
  --display: "Grenze Gotisch", "Old English Text MT", Georgia, serif;
  --body: "Albert Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --pixel: "Pixelify Sans", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ground); color: var(--ink); font: 400 18px/1.6 var(--body); -webkit-text-size-adjust: 100%; }
a { color: inherit; }
p { margin: 0; }
:focus-visible { outline: 3px solid var(--or); outline-offset: 3px; }
.wrap { max-width: 1120px; margin-inline: auto; padding-inline: 24px; }

/* ---------- top bar: small wordmark and the four places you can go ---------- */
.bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 28px; padding-block: 18px; }
.wm { font: 900 42px/1 var(--display); color: var(--or); text-decoration: none; -webkit-text-stroke: .13em var(--azure-deep); paint-order: stroke fill; padding: 0 .08em; }
.bar nav { display: flex; flex-wrap: wrap; gap: 4px 22px; font: 500 18px/1.6 var(--pixel); }
.bar nav a { text-decoration: none; color: var(--azure-deep); }
.bar nav a:hover, .bar nav a[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }

/* ---------- Minecraft controls ---------- */
.mcbtn { min-height: 44px; padding: 0 18px; border: 2px solid #000; background: #717171; color: var(--white); font: 500 18px/1 var(--pixel); text-shadow: 2px 2px 0 #3A3A3A; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: inset 2px 2px 0 #ABABAB, inset -2px -3px 0 #4C4C4C; }
.mcbtn:hover { background: #7C86BE; box-shadow: inset 2px 2px 0 #BEC7FF, inset -2px -3px 0 #535C93; color: #FFFFA0; }
.mcbtn:active { box-shadow: inset 2px 3px 0 #4C4C4C; }
.mcbtn:disabled { color: #A0A0A0; background: #2E2E2E; box-shadow: none; cursor: default; }
kbd { font: 500 .95em/1 var(--pixel); background: var(--slate); color: var(--white); padding: 2px 7px 3px; white-space: nowrap; }

/* ---------- footer ---------- */
footer { position: relative; margin-top: 18px; background: var(--ink); color: #B9C2D8; padding-block: 36px 44px; font-size: 16px; }
footer::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 18px; background: repeating-linear-gradient(90deg, var(--ink) 0 24px, transparent 24px 48px); }
footer .wrap { display: flex; flex-wrap: wrap; gap: 14px 40px; justify-content: space-between; align-items: baseline; }
footer nav { display: flex; flex-wrap: wrap; gap: 8px 26px; font: 500 18px/1 var(--pixel); color: var(--white); }
footer nav a { text-decoration: none; }
footer nav a:hover { color: var(--or); }

@media (max-width: 520px) {
  body { font-size: 17px; }
  .wrap { padding-inline: 18px; }
  .wm { font-size: 36px; }
  .bar nav { font-size: 17px; gap: 4px 18px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }