html, body { min-height: 100%; }
body { background: linear-gradient(rgb(0 0 0 / 0.62), rgb(0 0 0 / 0.62)), url("/tex/block/dirt.png") 0 0 / 64px 64px repeat var(--bg); image-rendering: pixelated; }
body > * { image-rendering: auto; }
a { color: inherit; text-decoration: none; }
.site { min-height: 100dvh; display: grid; place-items: center; padding: var(--sp-4); }
.site .panel { width: min(640px, 100%); gap: var(--sp-4); }
.brand { display: flex; flex-direction: column; align-items: center; gap: var(--sp-3); text-align: center; }
.brand img { width: 64px; height: 64px; image-rendering: pixelated; box-shadow: 0 0 0 2px #000; }
.brand b { display: block; font-size: var(--fs-lg); color: var(--ink); }
.brand span { display: block; font-size: var(--fs-xs); color: var(--muted); margin-top: var(--sp-1); }
.links { flex-wrap: wrap; }
@media (max-width: 480px) { .addr { flex-direction: column; align-items: stretch; } .addr .grow { flex: none; } .links .btn { flex-basis: 100%; } }