body { padding: 0; margin: 0 }

#unity-container { position: relative; width: 100%; max-width: 960px; margin: 0 auto }
#unity-container.unity-desktop { left: auto; top: auto; transform: none }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100%; max-width: none; margin: 0 }
#unity-canvas { display: block; width: 100%; height: auto; background: #0c2925 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#acmetutor-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  text-align: center;
  width: min(340px, 86vw);
  padding: 1.5rem 1.25rem 1.25rem;
  background: rgba(12, 41, 37, 0.94);
  border: 1px solid rgba(54, 171, 156, 0.35);
  border-radius: 12px;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
  z-index: 2;
}

#acmetutor-logo {
  width: 96px;
  height: 96px;
  margin: 0 auto 0.75rem;
  background: url('acmetutor-logo.png') no-repeat center;
  background-size: contain;
}

#acmetutor-loading-title {
  margin: 0;
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: 1.65rem;
  font-weight: 700;
  color: #36ab9c;
  letter-spacing: 0.04em;
}

#acmetutor-loading-subtitle {
  margin: 0.2rem 0 1rem;
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.88);
}

#acmetutor-progress-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
}

#acmetutor-progress-fill {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #23776c, #36ab9c);
  transition: width 0.15s ease;
}

#acmetutor-loading-status {
  margin: 0.65rem 0 0;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.65);
}

#unity-footer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 4px 8px 4px 6px;
  overflow: visible;
  clear: both;
  min-height: 38px;
}
.unity-mobile #unity-footer { display: none }
#acmetutor-footer-logo {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  background: url('acmetutor-logo.png') no-repeat center;
  background-size: contain;
}
#unity-footer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
#unity-build-title {
  line-height: 1.2;
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #23776c;
}
#unity-fullscreen-button {
  cursor: pointer;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  background: url('fullscreen-button.png') no-repeat center;
}
#unity-warning {
  position: absolute;
  left: 50%;
  top: 5%;
  transform: translate(-50%);
  background: white;
  padding: 10px;
  display: none;
  z-index: 3;
}