* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; background: var(--color-ink); }
body {
  min-width: 20rem;
  min-height: 100vh;
  margin: 0;
  color: var(--color-text);
  background:
    radial-gradient(circle at 18% -8%, rgb(63 116 104 / 22%), transparent 32rem),
    radial-gradient(circle at 88% 28%, rgb(169 69 55 / 8%), transparent 25rem),
    linear-gradient(160deg, #040b0a, var(--color-ink) 44%, #0a1c18 100%);
  font-family: var(--font-ui);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .23; background-image: linear-gradient(rgb(185 155 82 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(185 155 82 / 5%) 1px, transparent 1px); background-size: 3.5rem 3.5rem; mask-image: linear-gradient(to bottom, black, transparent 76%); }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
a { color: var(--color-gold-bright); }
button { cursor: pointer; }
img, svg { max-width: 100%; }
::selection { color: var(--color-ink); background: var(--color-gold-bright); }
:focus-visible { outline: 2px solid var(--color-gold-pale); outline-offset: 2px; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 1000; padding: .75rem 1rem; border-radius: .5rem; background: var(--color-gold-bright); color: var(--color-ink); font-weight: 700; }
.skip-link:focus { top: 1rem; }
.boot-screen { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: .6rem; padding: 2rem; text-align: center; }
.boot-screen h1 { margin: 0; font-family: var(--font-display); font-size: clamp(2.5rem, 10vw, 5rem); letter-spacing: .16em; color: var(--color-gold-bright); }
.brand-mark { display: grid; place-items: center; width: 4rem; aspect-ratio: 1; margin: 0 0 1.5rem; border: 1px solid var(--color-gold); border-radius: 1rem; box-shadow: var(--shadow-glow); font: 700 1.8rem var(--font-display); color: var(--color-gold-bright); }
.boot-note { color: var(--color-muted); font-size: .85rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }