Edge/Chrome - crisp image detail by myfonj

/* ==UserStyle==
@name           Edge/Chrome - crisp image detail
@namespace      myfonj
@version        1.0.0
@description    Sets pixelated image rendering to "real" sized image: i.e. when you click it and cursor shows lens with minus.
@author         myf
@license        CC0
==/UserStyle== */

@-moz-document regexp(".*") {
/*
§ Changelog
1.0.0 (2023-05-08) - Init

§ Info
Global, with intricate selector, rather than aiming image URL patterns.
I guess `minimum-scale=0.1` and img:only.child styles are quite unique not to collide anywhere.
No attempts to correct DPI aliasing. It seems quite usable without it, so far.

*/
html[style="height: 100%;"]
 head:has(meta[name="viewport"][content="width=device-width, minimum-scale=0.1"])
 +
 body[style="margin: 0px; background: #0e0e0e; height: 100%"]
 > img:only-child[style^="display: block;-webkit-user-select: none;margin: auto;cursor: zoom-out;"]
{
 image-rendering: pixelated !important;
}

}