/* Shared drawing-sheet language. Artwork is extracted from the supplied vector PDF. */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/space-grotesk-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2');
}
:root {
  color-scheme: dark;
  --base: #081127;
  --deep: #060d1d;
  --surface: #0d1a38;
  --ink: #f4f7fb;
  --muted: #a9bdd8;
  --cyan: #85dafa;
  --gold: #d2961e;
  --gold-light: #efc36d;
  --amber: #f5a623;
  --line: #35577e;
  --line-strong: #6088b6;
  --sans: 'Space Grotesk', sans-serif;
  --mono: 'JetBrains Mono', monospace;
  background: var(--base);
}
body {
  margin: 16px;
  border: 1px solid var(--line-strong);
  background: var(--base) url('/assets/blueprint-grid.svg') repeat;
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }
button, input { font: inherit; }
a, button, summary, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
::selection { background: var(--gold-light); color: var(--deep); }
[hidden] { display: none !important; }
.testnet-card {
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--surface);
  color: var(--ink);
}
.testnet-state {
  font: 11px/1.5 var(--mono);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 6px 10px;
  border-radius: 0;
  border-color: var(--line-strong);
}
.testnet-state[data-state="ready"] { border-color: var(--cyan); color: var(--cyan); }
.testnet-state[data-state="stale"],
.testnet-state[data-state="indexing"],
.testnet-state[data-state="error"] { border-color: var(--amber); color: var(--amber); }
.testnet-metrics dt { font: 11px/1.6 var(--mono); color: var(--muted); letter-spacing: 0; }
.testnet-metrics dd { color: var(--ink); font-variant-numeric: tabular-nums; }
.testnet-cache-note { color: var(--muted); }
@media (max-width: 720px) {
  body { margin: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}