Redesign boot screen: larger GAMEBOY text, purple styling, play loading.mp3

game.js

@@ -1150,6 +1150,11 @@ class Game {
   boot() {
     this.show('boot');
     this._showController(true);
+    try {
+      const bootAudio = new Audio('./loading.mp3');
+      bootAudio.volume = 0.5;
+      bootAudio.play().catch(() => {});
+    } catch(e) {}
     setTimeout(() => this.showTitle(), 1800);
   }
 

index.html

@@ -17,9 +17,8 @@
   <!-- BOOT SPLASH -->
   <div id="screen-boot" class="screen active">
     <div class="boot-logo">
-      <div class="boot-gameboy">GAME BOY ADVANCE</div>
+      <div class="boot-gameboy">GAME BOY<sup>™</sup></div>
       <div class="boot-ding">♪</div>
-      <div class="boot-copy">© 2026 PokéSQL</div>
     </div>
   </div>
 

style.css

@@ -352,11 +352,11 @@ html, body {
 }
 
 /* ─── BOOT ───────────────────────────────────────────────── */
-#screen-boot { background: var(--white); align-items: center; justify-content: center; animation: fadeIn .4s ease; }
+#screen-boot { background: #f8f0ff; align-items: center; justify-content: center; animation: fadeIn .4s ease; }
-.boot-logo { text-align: center; }
+.boot-logo { text-align: center; display:flex; flex-direction:column; align-items:center; gap:12px; }
-.boot-gameboy { font-size: clamp(8px,2.5vw,11px); color: var(--black); letter-spacing: 4px; margin-bottom: 10px; }
+.boot-gameboy { font-size: clamp(22px,7vw,36px); font-weight:bold; color: #4a0e8f; letter-spacing: 3px; text-shadow: 2px 2px 0 rgba(0,0,0,.1); }
-.boot-ding    { font-size: 28px; margin-bottom: 8px; animation: goldShimmer 1.5s ease-in-out infinite; }
+.boot-gameboy sup { font-size:50%; vertical-align:super; }
-.boot-copy    { font-size: 6px; color: var(--gray); }
+.boot-ding    { font-size: 28px; animation: goldShimmer 1.5s ease-in-out infinite; }
 
 /* ─── TITLE ──────────────────────────────────────────────── */
 #screen-title { background: linear-gradient(180deg,#08031a 0%,#180a44 45%,#240e6a 75%,#120538 100%); overflow: hidden; }