@font-face {
  font-family: 'MangaPixel';
  src: url('mangapixel.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body { padding: 0; margin: 0; background: #000000 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #000000; border: 6px solid #ffffff; box-sizing: content-box }
.unity-mobile #unity-canvas { width: 100%; height: 100%; border: none }

#unity-loading-bar { 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%); 
  display: none;
  text-align: center;
}

#loading-title {
  font-family: 'MangaPixel', sans-serif;
  font-size: 64px;
  color: #ffffff;
  margin-bottom: 20px;
  text-shadow: 4px 4px 0px #000000;
  letter-spacing: 4px;
}

#loading-subtitle {
  font-family: 'MangaPixel', sans-serif;
  font-size: 32px;
  color: #cccccc;
  margin-bottom: 30px;
  letter-spacing: 2px;
}

#unity-progress-bar-empty { 
  width: 400px; 
  height: 24px; 
  margin: 0 auto;
  background: #333333;
  border: 3px solid #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

#unity-progress-bar-full { 
  width: 0%; 
  height: 100%; 
  background: #ffffff;
  transition: width 0.1s ease-out;
}

#unity-footer { 
  position: relative; 
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.unity-mobile #unity-footer { display: none }

#unity-fullscreen-button { 
  cursor: pointer; 
  width: 40px; 
  height: 40px; 
  background: #ffffff;
  border-radius: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
#unity-fullscreen-button:hover {
  background-color: #e0e0e0;
}

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }