* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #07090b;
  touch-action: none;
  -webkit-touch-callout: none;
}

/* Fondo con textura diagonal micro-carbono idéntica a la imagen */
#app {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  background-color: #0c0e12;
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(28, 35, 46, 0.45) 0%, rgba(7, 9, 12, 0.98) 100%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.022) 0px, rgba(255, 255, 255, 0.022) 1.5px, transparent 1.5px, transparent 3.5px),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.45) 0px, rgba(0, 0, 0, 0.45) 1.5px, transparent 1.5px, transparent 3.5px);
  background-size: cover, 5px 5px, 5px 5px;
}

#game-canvas {
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
}