body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #000000;
}

#app {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Example: In src/style.css or a similar global CSS file */

@font-face {
  font-family: 'Naluka'; /* This is the name you'll use in your Phaser text styles */
  src: url('/game/assets/fonts/Naluka.ttf') format('truetype');
  font-weight: normal; /* Or the specific weight if it's not normal */
  font-style: normal;  /* Or 'italic' if it's an italic version */
  font-display: swap;  /* Good for performance: shows fallback font while Naluka loads */
}

/* For better browser compatibility and performance, consider WOFF2 format as well.
   You can convert your TTF to WOFF2 using online tools.
   If you have WOFF2, your @font-face would look like this:
@font-face {
  font-family: 'Naluka';
  src: url('/fonts/Naluka.woff2') format('woff2'),
       url('/fonts/Naluka.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*/