fixed broken things without wearing cat ears 🐈 3/x

style.css

@@ -60,7 +60,7 @@ td.drawn.bingo:hover {
 
 img#center-field-image {
     max-height: calc(100vh / 6);
-    max-width: calc(100vh / 6);
+    max-width: calc(100vw / 6);
 }
 
 p#seeed {
@@ -74,7 +74,7 @@ span#copy-permalink, span#refresh-bingo {
 div#winner-message {
     display: flex;
     position: fixed;
-    font-size: 3000%;
+    font-size: xx-large;
     text-shadow: 0 0 40px white;
     transition: all ease-out .75s;
     pointer-events: none;
@@ -126,3 +126,27 @@ div#winner-message.won {
         opacity: 0;
     }
 }
+
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    td {
+        font-size: large;
+    }
+    div#winner-message.won {
+        animation: unset;
+    }
+    div#winner-message {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 576px) and (orientation: portrait) {
+    td {
+        font-size: unset;
+    }
+    div#winner-message.won {
+        animation: unset;
+    }
+    div#winner-message {
+        display: none;
+    }
+}