/* Estilo base para evitar márgenes y paddings */
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
}

/* Contenedor principal a pantalla completa */
#container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Canvas Unity ocupa todo el contenedor */
#canvas {
  width: 100%;
  height: 100%;
  display: block;
  background: #231F20;
}

/* Oculta el footer, incluyendo el botón de fullscreen */
#footer {
  display: none;
}

/* Loading bar centrado en pantalla */
#loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

/* Logo de Unity */
#logo {
  width: 154px;
  height: 130px;
  background: url('logo.png') no-repeat center;
}

/* Barra de progreso vacía */
#progress-bar-empty {
  width: 141px;
  height: 18px;
  margin-top: 10px;
  margin-left: 6.5px;
  background: url('progress-bar-empty-dark.png') no-repeat center;
}

/* Barra de progreso llena */
#progress-bar-full {
  width: 0%;
  height: 18px;
  margin-top: 10px;
  background: url('progress-bar-full-dark.png') no-repeat center;
}

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

/* Adaptaciones móviles si decides activarlo */
.mobile #container {
  width: 100vw;
  height: 100vh;
}

.mobile #canvas {
  width: 100%;
  height: 100%;
}

.mobile #footer {
  display: none;
}

#canvas { width: 100%; height: 100%; }

.nojs {
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  padding: 16px; text-align: center; z-index: 99999;
  background: #111; color: #fff; font: 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

#canvas,
#container canvas,
canvas {
  touch-action: none !important;
  -ms-touch-action: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

html, body { overscroll-behavior: none; }

@font-face {
  font-family: 'VCR OSD Mono';
  src: url('vcr_osd_mono.ttf') format('truetype');
}