:root{color-scheme:dark;background:#000}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
main{position:fixed;inset:0;overflow:hidden;background:#000;touch-action:pinch-zoom}
picture{display:contents}
img,canvas{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
canvas{opacity:0;pointer-events:none}
canvas.ready{opacity:1}
@media(prefers-reduced-motion:reduce){canvas{display:none}}