*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:var(--pu-fondo);color:var(--pu-texto);
  display:grid;place-items:center;
  padding:env(safe-area-inset-top,0px) 24px env(safe-area-inset-bottom,0px);
}
.grilla{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}
.grilla svg{width:100%;height:100%;display:block}
.grilla path{fill:none;stroke:var(--pu-linea);stroke-width:1}
h1{margin:0;position:relative;z-index:1;line-height:0}
h1 svg{width:min(520px,78vw);height:auto;display:block}