WIP: Safari bugs

static/js/dom-manipulation.js

@@ -108,6 +108,8 @@ const setOutput = (mode, state) => {
 const screenshotCard = async () => {
   const card = document.querySelector('.pokecard');
   console.log({ card });
+  console.log('card .img.picture:');
+  console.log(card.querySelector('img.picture'));
 
   const imageUrl = await toPng(card, {
     width: 400,

static/js/index.js

@@ -55,8 +55,7 @@ const generate = async () => {
 
     cardSlot.innerHTML = cardHTML(details);
     updateCardName(trainerName, pokeName, useTrainerName);
-    const picture = document.querySelector('img.picture');
-    picture.src = completedTask.value;
+    document.querySelector('img.picture').src = completedTask.value;
 
     mousemoveHandlerForPreviousCard = initialiseCardRotation(scene);
 

static/style.css

@@ -986,7 +986,7 @@ header .energy {
 
 .energy {
   width: 1.2rem;
-  aspect-ratio: 1 / 1;
+  height: 1.2rem;
   text-align: center;
   cursor: default;
   user-select: none;