body { padding: 0; margin: 0 }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    #f8f9fb 0%,
    #eef1f5 50%,
    #fdfefe 100%
  );
}
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  text-align: center;
}
#unity-progress-bar-empty {
  width: 260px;
  height: 12px;
  background: #e6e9ef;
  border-radius: 999px;
  overflow: hidden;
  margin: 0 auto;
}
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
#unity-progress-bar-full {
  width: 0%;
  height: 100%;
  margin-top: 0;
  background: linear-gradient(
    90deg,
    #4f8cff,
    #6aa9ff
  );
  border-radius: 999px;
  transition: width 0.2s ease;
}
#unity-progress-bar-full {
  box-shadow: 0 0 10px rgba(79, 140, 255, 0.4);
}
#dumbbell {
  filter: drop-shadow(0 8px 15px rgba(0,0,0,0.1));
}
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#dumbbell {
  width: 120px;
  height: 120px;
  margin: 0 auto 20px auto;
  background: url('dumbbell.png') no-repeat center;
  background-size: contain;
  animation: rep 1s ease-in-out infinite;
}

@keyframes rep {
  0%   { transform: translateY(0px) scale(1); }
  40%  { transform: translateY(-15px) scale(1.05); }
  60%  { transform: translateY(-15px) scale(1.05); }
  100% { transform: translateY(0px) scale(1); }
}