diff --git a/src/index.html b/src/index.html
index 4950b31..afb4931 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,10 +4,13 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Split Push - A Balance Game</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Roboto+Mono:wght@400&display=swap" rel="stylesheet">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; media-src 'self' blob: data:; connect-src 'self' blob: data:; font-src 'self'">
     <style>
+        /* FredyGames: Poppins and Roboto Mono (SIL OFL 1.1, from google/fonts) are served from assets/fonts
+           instead of fonts.googleapis.com. */
+        @font-face { font-family: 'Poppins'; font-weight: 400; font-style: normal; font-display: swap; src: url(assets/fonts/Poppins-Regular.ttf) format('truetype'); }
+        @font-face { font-family: 'Poppins'; font-weight: 700; font-style: normal; font-display: swap; src: url(assets/fonts/Poppins-Bold.ttf) format('truetype'); }
+        @font-face { font-family: 'Roboto Mono'; font-weight: 100 700; font-style: normal; font-display: swap; src: url('assets/fonts/RobotoMono-wght.ttf') format('truetype'); }
         :root {
             --bg-color: #1a1a1a;
             --text-color: #e0e0e0;
@@ -47,6 +50,9 @@
             display: flex;
             justify-content: center;
             margin-bottom: var(--gap); /* Initial space before text potentially moves */
+            /* FredyGames: the boards start 330 px down so that either one can move up by 5 tiles; no level
+               gets near that, so the empty band above them is cut to fit a smaller player frame. */
+            margin-top: -160px;
         }
 
         .game-container {
@@ -184,8 +190,8 @@
 
         <h2>Assets Used</h2>
         <ul>
-            <li>Music <b>BRAIN TEASER 3</b> by Eric Matyas - www.soundimage.org</li>
-            <li>All the visuals and sound effects were created by me.</li>
+            <li>Music <b>BRAIN TEASER 3</b> by Eric Matyas - www.soundimage.org (<a href="https://soundimage.org/sample-page/" target="_blank">Soundimage International Public License</a>)</li>
+            <li>All the visuals and sound effects were created by Florian Castel and are licensed under <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a>.</li>
             <li>Code vibecoded with GitHub Copilot</li>
 
         </ul>
@@ -195,8 +201,7 @@
         </p>
     </div>
 
-    <!-- Load your game bundle AFTER the containers exist -->
-    <script type="module" src="/bundle.js"></script>
+    <!-- FredyGames: webpack already injects bundle.js (relative) at the end of the body; the extra absolute /bundle.js tag is gone. -->
 
     <script>
         const gameLeft = document.getElementById('game-container-left');
diff --git a/src/scenes/MainScene.ts b/src/scenes/MainScene.ts
index 7ac37b0..3d7be2b 100644
--- a/src/scenes/MainScene.ts
+++ b/src/scenes/MainScene.ts
@@ -88,10 +88,6 @@ export default class MainScene extends Phaser.Scene {
 
     preload(): void {
         this.load.image('player', 'assets/player.png');
-        this.load.image('lightOrb', 'assets/lightOrb.png');
-        this.load.image('darkOrb', 'assets/darkOrb.png');
-        this.load.image('lightTeleporter', 'assets/lightTeleporter.png');
-        this.load.image('darkTeleporter', 'assets/darkTeleporter.png');
         this.load.image('tiles', 'assets/tiles3.png');
         this.load.image('box', 'assets/box.png');
         this.load.image('box_target', 'assets/box_target.png');