diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..b49f779
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+calamitymod.com
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index b6f561d..093c730 100644
--- a/css/style.css
+++ b/css/style.css
@@ -172,6 +172,7 @@
 
 html {
   scroll-behavior: smooth;
+  overflow-x: hidden;
 }
 
 body {
@@ -180,6 +181,7 @@ body {
   color: var(--text-primary);
   line-height: 1.6;
   min-height: 100vh;
+  overflow-x: hidden;
 }
 
 a {
@@ -682,7 +684,11 @@ lite-youtube::before {
   display: block;
   position: absolute;
   top: 0;
-  background-image: linear-gradient(180deg, rgba(0,0,0,.67) 0%, transparent 60%);
+  background-image: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0.67) 0%,
+    transparent 60%
+  );
   height: 100%;
   width: 100%;
   font-family: var(--font-main);
@@ -711,7 +717,7 @@ lite-youtube .lty-playbtn {
   background-color: transparent;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%23f00"/><path d="M45 24 27 14v20" fill="%23fff"/></svg>');
   filter: grayscale(100%);
-  transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
+  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
   border: none;
 }
 
@@ -983,10 +989,10 @@ lite-youtube.lyt-activated .lty-playbtn {
 }
 
 .flame-text {
-  font-size: 4rem;
+  font-size: clamp(1.8rem, 8vw, 4rem);
   font-weight: 900;
   text-transform: uppercase;
-  letter-spacing: 8px;
+  letter-spacing: clamp(2px, 1vw, 8px);
   margin-bottom: 25px;
   position: relative;
   display: inline-block;
@@ -995,6 +1001,8 @@ lite-youtube.lyt-activated .lty-playbtn {
     0 0 40px rgba(60, 10, 10, 0.5), 0 0 60px rgba(40, 5, 5, 0.4);
   animation: redGlow 2s ease-in-out infinite alternate;
   will-change: text-shadow;
+  max-width: 100%;
+  word-wrap: break-word;
 }
 
 [data-theme="devouring"] .flame-text {
@@ -1709,7 +1717,8 @@ lite-youtube.lyt-activated .lty-playbtn {
 .post-body a:not([href]) {
   color: var(--accent-primary);
   font-weight: 600;
-  text-shadow: 0 0 10px rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.3);
+  text-shadow: 0 0 10px
+    rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.3);
 }
 
 .post-body a:not([href])::after {
@@ -2387,7 +2396,6 @@ footer::after {
   box-shadow: 0 0 10px var(--led-glow), 0 0 20px var(--led-glow-soft),
     inset 0 0 2px rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.4);
   z-index: 10;
-
 }
 
 @keyframes ledPulse {
@@ -2612,10 +2620,11 @@ footer p a:hover {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 20px;
+  gap: 15px;
   margin-top: 30px;
   padding-top: 25px;
   border-top: 1px solid rgba(100, 95, 90, 0.3);
+  flex-wrap: wrap;
 }
 
 .theme-selector-label {
@@ -2627,21 +2636,24 @@ footer p a:hover {
 
 .theme-options {
   display: flex;
-  gap: 15px;
+  gap: 10px;
+  flex-wrap: wrap;
+  justify-content: center;
 }
 
 .theme-option {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
   cursor: pointer;
   color: rgba(180, 170, 160, 0.6);
-  font-size: 0.85rem;
+  font-size: 0.8rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   transition: var(--transition);
-  padding: 6px 12px;
+  padding: 6px 10px;
   border: 1px solid transparent;
+  white-space: nowrap;
 }
 
 .theme-option:hover {
@@ -2694,15 +2706,18 @@ footer p a:hover {
   min-height: 100%;
   width: auto;
   height: auto;
-  transform: translate(-50%, -50%) scale(1.2);
-  filter: blur(5px) brightness(0.4);
+  transform: translate(-50%, -50%) scale(1.1);
+  filter: blur(2px) brightness(0.4);
   z-index: 0;
   object-fit: cover;
+  will-change: transform;
+  -webkit-transform: translate(-50%, -50%) scale(1.1);
 }
 
 .download-hero.hero-blurb .container {
   position: relative;
   z-index: 2;
+  padding: 0 15px;
 }
 
 .gameplay-carousel-section {
@@ -3746,8 +3761,8 @@ footer p a:hover {
   }
 
   .mod-icon {
-    width: 48px;
-    height: 48px;
+    width: 80px;
+    height: 80px;
   }
 
   .steam-button img {
@@ -3845,7 +3860,17 @@ footer p a:hover {
 .musician-social img {
   width: 16px;
   height: 16px;
-  filter: brightness(0) invert(1);
+  filter: brightness(0) saturate(100%) invert(100%);
+  opacity: 0.7;
+}
+
+.musician-social.youtube-social img {
+  filter: none;
+  opacity: 0.85;
+}
+
+.musician-social:hover img {
+  opacity: 1;
 }
 
 .releases-separator {
@@ -4385,6 +4410,13 @@ footer p a:hover {
     animation: none;
   }
 
+  /* Reduce video effects on mobile for performance */
+  .hero-video-bg {
+    filter: brightness(0.35);
+    transform: translate(-50%, -50%) scale(1.05);
+    -webkit-transform: translate(-50%, -50%) scale(1.05);
+  }
+
   .blog-section::after {
     display: none;
   }
@@ -4467,6 +4499,25 @@ footer p a:hover {
   footer::after {
     display: none;
   }
+
+  .theme-selector {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .theme-selector-label {
+    font-size: 0.75rem;
+  }
+
+  .footer-links {
+    flex-wrap: wrap;
+    gap: 15px 20px;
+  }
+
+  .footer-emails {
+    flex-direction: column;
+    gap: 20px;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/download.html b/download.html
index 5c86bbc..0ad033d 100644
--- a/download.html
+++ b/download.html
@@ -19,13 +19,18 @@
     <meta name="twitter:image" content="https://calamitymod.com/img/logo.svg" />
     
     <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <style>
+      html.loading { visibility: hidden; }
+      html.loaded { visibility: visible; }
+    </style>
     <script>
+      document.documentElement.classList.add('loading');
       (function () {
         var theme = localStorage.getItem("calamity-theme") || "devouring";
         document.documentElement.setAttribute("data-theme", theme);
       })();
     </script>
-    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="css/style.css" onload="document.documentElement.classList.remove('loading');document.documentElement.classList.add('loaded');" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
@@ -69,7 +74,7 @@
 
     <main>
       <section class="download-hero hero-blurb">
-        <video class="hero-video-bg" autoplay muted loop playsinline>
+        <video class="hero-video-bg" autoplay muted loop playsinline webkit-playsinline disablepictureinpicture>
           <source src="/img/Calwebsitemontage.mp4" type="video/mp4" />
         </video>
         <div class="container">
diff --git a/img/youtube-icon.svg b/img/youtube-icon.svg
index a2aa349..f610449 100644
--- a/img/youtube-icon.svg
+++ b/img/youtube-icon.svg
@@ -7,4 +7,4 @@
     <path id="path7" fill="#282828" fill-opacity="1" d="M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z"/>
     <path id="polygon9" fill="#fff" d="M80.2 42.5 48.6 24.3v36.4z"/>
   </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/index.html b/index.html
index 0c1cb66..744db1e 100644
--- a/index.html
+++ b/index.html
@@ -19,13 +19,18 @@
     <meta name="twitter:image" content="https://calamitymod.com/img/logo.svg" />
     
     <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <style>
+      html.loading { visibility: hidden; }
+      html.loaded { visibility: visible; }
+    </style>
     <script>
+      document.documentElement.classList.add('loading');
       (function () {
         var theme = localStorage.getItem("calamity-theme") || "devouring";
         document.documentElement.setAttribute("data-theme", theme);
       })();
     </script>
-    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="css/style.css" onload="document.documentElement.classList.remove('loading');document.documentElement.classList.add('loaded');" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
diff --git a/music.html b/music.html
index 4a711c9..cd98cbd 100644
--- a/music.html
+++ b/music.html
@@ -19,13 +19,18 @@
     <meta name="twitter:image" content="https://calamitymod.com/img/logo.svg" />
     
     <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <style>
+      html.loading { visibility: hidden; }
+      html.loaded { visibility: visible; }
+    </style>
     <script>
+      document.documentElement.classList.add('loading');
       (function () {
         var theme = localStorage.getItem("calamity-theme") || "devouring";
         document.documentElement.setAttribute("data-theme", theme);
       })();
     </script>
-    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="css/style.css" onload="document.documentElement.classList.remove('loading');document.documentElement.classList.add('loaded');" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
@@ -142,7 +147,7 @@ <h3>Musicians</h3>
                   <a
                     href="https://youtube.com/@heartplusup"
                     target="_blank"
-                    class="musician-social"
+                    class="musician-social youtube-social"
                     aria-label="Social links"
                   >
                     <img src="img/youtube-icon.svg" alt="" />
@@ -158,7 +163,7 @@ <h3>Musicians</h3>
                   <a
                     href="https://www.youtube.com/@evobytemusic"
                     target="_blank"
-                    class="musician-social"
+                    class="musician-social youtube-social"
                     aria-label="Social links"
                   >
                     <img src="img/youtube-icon.svg" alt="" />
@@ -174,7 +179,7 @@ <h3>Musicians</h3>
                   <a
                     href="https://www.youtube.com/@theforge129"
                     target="_blank"
-                    class="musician-social"
+                    class="musician-social youtube-social"
                     aria-label="Social links"
                   >
                     <img src="img/youtube-icon.svg" alt="" />
diff --git a/post.html b/post.html
index 1f31c19..080f35c 100644
--- a/post.html
+++ b/post.html
@@ -19,13 +19,18 @@
     <meta name="twitter:image" content="https://calamitymod.com/img/logo.svg" />
     
     <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <style>
+      html.loading { visibility: hidden; }
+      html.loaded { visibility: visible; }
+    </style>
     <script>
+      document.documentElement.classList.add('loading');
       (function () {
         var theme = localStorage.getItem("calamity-theme") || "devouring";
         document.documentElement.setAttribute("data-theme", theme);
       })();
     </script>
-    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="css/style.css" onload="document.documentElement.classList.remove('loading');document.documentElement.classList.add('loaded');" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link