/* gnumunist.org: black, the GNU head, "since 2004". gnu.js draws the head in WebGL and adds .gl
   to <html> once its first frame is on screen; until then, or without WebGL, the inline SVG shows. */
html, body { margin: 0; height: 100%; overflow: hidden; background: #000; }
body { -webkit-tap-highlight-color: transparent; }

#scene { position: fixed; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }

#gnu {
  position: fixed; left: 50%; top: 48%; width: min(65.5vh, 84vw); height: auto;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .45)) drop-shadow(0 0 42px rgba(255, 255, 255, .22));
  opacity: 0; animation: fallback .8s ease 1.4s forwards;
}
.gl #gnu { display: none; }
@keyframes fallback { to { opacity: 1; } }

.since {
  position: fixed; left: 0; right: 0; bottom: max(26px, calc(env(safe-area-inset-bottom) + 14px));
  margin: 0; padding-left: .55em; text-align: center;
  font: 400 11px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
  letter-spacing: .55em; color: #6a6a6a;
  pointer-events: none; -webkit-user-select: none; user-select: none;
}

@media (prefers-reduced-motion: reduce) { #gnu { animation-duration: 0s; animation-delay: .6s; } }