@font-face {
  font-family: 'Jersey 10';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/fonts/jersey10.ttf') format('truetype');
}

@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/fonts/press-start-2p.ttf') format('truetype');
}

body {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.87);
  background-color: #000000;
  /* En iOS (Capacitor) el WebView se extiende bajo el notch/home indicator
     con viewport-fit=cover. El body en negro cubre esas zonas para que no
     se vea la banda blanca por defecto del WKWebView. */
}

#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
}