H

src/lib/components/Pages/Pictuary.svelte

@@ -244,7 +244,7 @@
     background: white;
     position: sticky;
     top: 0;
-    z-index: 10;
+    z-index: 100;
   }
   
   .page-header h1 {

src/lib/components/Piclets/PicletDetail.svelte

@@ -230,7 +230,7 @@
     position: fixed;
     inset: 0;
     background: #f2f2f7;
-    z-index: 1000;
+    z-index: 2000;
     display: flex;
     flex-direction: column;
   }
@@ -239,6 +239,7 @@
   .navigation-bar {
     background: white;
     padding: 16px;
+    padding-top: calc(16px + env(safe-area-inset-top, 0));
     display: flex;
     align-items: center;
     justify-content: space-between;