test: enforce accessible portfolio interaction

src/styles/components.css

@@ -141,6 +141,16 @@
   color: var(--text-muted);
 }
 
+.project-link,
+.contact-link,
+.contact-social-link {
+  display: inline-flex;
+  align-items: center;
+  min-inline-size: 44px;
+  min-block-size: 44px;
+  padding-inline: 0.55rem;
+}
+
 @media (max-width: 420px) {
   .chart-description {
     grid-template-columns: 1fr;

src/styles/world.css

@@ -181,6 +181,23 @@
   }
 }
 
+@media (max-height: 420px) {
+  .journey-hud {
+    display: none;
+  }
+
+  .drive-controls {
+    position: relative;
+    inset: auto;
+    max-inline-size: calc(100% - 1rem);
+    margin: 0.5rem;
+  }
+
+  #contact {
+    padding-block-end: var(--space-3);
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .journey-poster {
     background: