*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000}.viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.container{position:absolute;width:200vw;height:200vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:4px;transform:translate(0);will-change:transform}@media(max-width:600px){.container{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px;padding:3px}}.img-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}